.fill-assembly{background:#10191b;color:#f0f3ee;padding:88px 0 60px}
.fill-assembly-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;padding-bottom:28px}
.fill-assembly-heading h2{margin-bottom:0}
.fill-assembly-heading>p{max-width:310px;color:#bdccca;font-size:16px}
.fill-assembly-stage{margin-block:0}
.fill-assembly-screen{position:relative;overflow:hidden;background:#10191b;border:1px solid #ffffff18;border-radius:4px}
.fill-assembly-screen video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.fill-assembly-badge{position:absolute;top:22px;left:25px;font:11px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#f0f3ee;pointer-events:none}
.fill-assembly-badge span{display:block;color:#b6c6c4;font-size:9px;margin-top:5px}
.fill-assembly-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;color:#bdccca;font-size:12px}
.fill-assembly-caption button{flex-shrink:0;border:1px solid #809592;border-radius:3px;padding:10px 16px;background:transparent;color:#f0f3ee;font:inherit;cursor:pointer;min-height:44px}
.fill-assembly-caption button:hover{background:#263b3d;border-color:#c4d9d5}
.fill-assembly-caption button:active{background:#354c4e}
.fill-assembly-controls input{display:block;width:100%;height:24px;margin:0;accent-color:#a0c5b9;cursor:ew-resize}
.fill-assembly-controls input:focus-visible{outline:2px solid #f0f3ee;outline-offset:4px}
.fill-assembly-phases{display:flex;justify-content:space-between;gap:10px;color:#a7bbb7;font:10px/1.5 Arial,sans-serif;letter-spacing:.06em;padding-top:9px}
.fill-assembly-controls .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:801px) and (min-height:700px){
  .fill-assembly-scroll .fill-assembly-track{height:calc(100vh + 720px)}
  .fill-assembly-scroll .fill-assembly-stage{position:sticky;top:100px}
  .fill-assembly-screen video{max-height:calc(100svh - 310px)}
}
@media(max-width:800px){
  .fill-assembly{padding:52px 0 44px}
  .fill-assembly-heading{display:block;padding-bottom:20px}
  .fill-assembly-heading>p{max-width:440px;margin-top:24px}
  .fill-assembly-caption{align-items:start;font-size:11px}
  .fill-assembly-caption>span{max-width:160px}
  .fill-assembly-badge{top:12px;left:12px;font-size:9px}
  .fill-assembly-badge span{display:none}
  .fill-assembly-phases{font-size:8px;letter-spacing:0}
}

/* The Typhoon renders share the film’s studio background. */
.fill-machine>img{width:100%;max-width:620px;height:auto;max-height:600px;object-fit:contain;filter:none;mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 45%,transparent 78%)}
.fill-tech-grid figure img{height:auto;aspect-ratio:16/9;border-radius:4px}
@media(max-width:800px){.fill-machine>img{max-height:430px;width:auto;max-width:100%}}