/* Continue the hero's charcoal background while retaining the 95% content width. */
.figma-v2 .work-section{
  position:relative;isolation:isolate;background:#181818;color:#f2f1ef;
  color-scheme:dark;padding-bottom:84px;
}
.figma-v2 .work-section::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:#181818;box-shadow:0 0 0 100vmax #181818;
  clip-path:inset(0 -100vmax);
}
.figma-v2 .work-section .section-intro h2{color:#f2f1ef}
.figma-v2 .work-section .section-intro h2 .muted{color:#a3a3aa}
.figma-v2 .work-section .section-intro p{color:#b5b5bd}
.figma-v2 .work-section .blue{color:#7e8cff}
.figma-v2 .work-section>.eyebrow>img{filter:brightness(0) invert(1);opacity:.8}
.figma-v2 .work-section .project-placeholder{background:#242427}
/* Clip composited video once, so lower preview layers cannot form a corner halo. */
.figma-v2 .work-section .project-grid>.has-video{
  background:#181818;border:0;border-radius:0;box-shadow:none;
  clip-path:inset(0 round var(--surface-radius,20px));
}
.figma-v2 .work-section .has-video>.zywa-composition,
.figma-v2 .work-section .has-video>.confidence-canvas{display:none}
.figma-v2 .work-section .has-video>.project-video{transition:none}
.figma-v2 .work-section .has-video:has(>.project-video.is-playing)>.project-cover{visibility:hidden}
@media(max-width:1150px){.figma-v2 .work-section{padding-bottom:64px}}
@media(max-width:700px){.figma-v2 .work-section{padding-bottom:48px}}