.production-film-pin{width:100%}.production-film-scene .scroll-film{width:100%;margin-inline:auto}@media (prefers-reduced-motion:no-preference){.landing-page .landing-hero-stage{transform:scale(calc(1 - var(--hero-progress,0) * .025));border-radius:calc(var(--hero-progress,0) * 24px);transform-origin:50% 42%;overflow:hidden}.production-film-scene .scroll-film{transform:scale(calc(.965 + var(--film-progress,1) * .035));transform-origin:50%}}@media (max-width:1023px) and (prefers-reduced-motion:no-preference){.landing-page .landing-hero-stage{transform:scale(calc(1 - var(--hero-progress,0) * .04));border-radius:calc(var(--hero-progress,0) * 28px)}.production-film-scene .scroll-film{transform:translateY(calc(18px * (1 - var(--film-progress,1)))) scale(calc(.9 + var(--film-progress,1) * .1));opacity:calc(.6 + var(--film-progress,1) * .4)}.production-film-scene .scroll-film:focus-within{opacity:1;transform:none}}@media (min-width:1024px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.landing-page .landing-hero-stage{transform:scale(calc(1 - var(--hero-progress,0) * .065));border-radius:calc(var(--hero-progress,0) * 40px)}.landing-page .landing-hero-text{transform:translateY(calc(var(--hero-progress,0) * -48px))}.production-film-scene[data-enhanced=true]{height:120svh}.production-film-scene[data-enhanced=true] .production-film-pin{align-items:center;height:calc(100svh - 128px);display:flex;position:sticky;top:88px}.production-film-scene[data-enhanced=true] .scroll-film{width:min(100%,177.778svh - 320px);transform:scale(calc(.82 + var(--film-progress,1) * .18))}.landing-page .production-film-scene[data-enhanced=true] .step-film{border-radius:calc(32px - var(--film-progress,1) * 16px)}}@media (prefers-reduced-motion:reduce){.landing-page .landing-hero-stage,.production-film-scene .scroll-film{transform:none}}
.media-control{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:opacity .15s ease-out;display:inline-flex;position:relative}.media-control:before{content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141685;border-radius:50%;transition:background .15s ease-out;position:absolute;inset:7px}.media-control>svg{width:12px;height:12px;position:relative}.media-control:hover:before,.media-control:focus-visible:before{background:#141416cc}.media-control:active:before{background:#141416e6}.media-control:focus-visible{outline-offset:-3px;opacity:1;outline:2px solid #fff;box-shadow:0 0 0 1px #00000080}.step-playback-control{position:absolute;bottom:5px;right:5px}.hero-film-actions{gap:0}@media (hover:hover) and (pointer:fine){.step-playback-control[data-playing=true]{opacity:0}.step-film:hover .step-playback-control,.step-film:focus-within .step-playback-control{opacity:1}}@media (prefers-reduced-motion:reduce){.media-control,.media-control:before{transition:none}}
.video-poster{pointer-events:none;opacity:1;position:absolute;inset:0}.video-poster[data-frame-ready=true]{opacity:0;transition:opacity .12s ease-out}@media (prefers-reduced-motion:reduce){.video-poster[data-frame-ready=true]{transition:none}}
.workflow-story,.workflow-composition{position:relative}.workflow-chapter{border-top:1px solid var(--color-line);padding-block:52px 72px;scroll-margin-top:156px}.workflow-chapter:focus{outline:none}.workflow-copy{max-width:760px;margin-inline:auto}.workflow-title{letter-spacing:-.05em;text-wrap:balance;max-width:600px;margin-top:20px;font-size:clamp(36px,4.2vw,56px);font-weight:600;line-height:1.05}.workflow-description{margin-top:28px}.workflow-title-line{display:block}.workflow-inline-film{margin-block:32px}.workflow-inline-film .step-film{border-radius:24px}.workflow-film-track{display:none}.workflow-nav{border:1px solid var(--color-line);background:var(--color-ink);isolation:isolate;border-radius:99px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(100%,490px);padding:6px;display:grid;position:relative}.workflow-nav:before{content:"";z-index:-1;background:var(--color-raised);width:calc(25% - 6px);transform:translateX(calc(var(--active-chapter,0) * (100% + 4px)));border-radius:99px;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;top:6px;bottom:6px;left:6px}.workflow-chapter-link{min-height:44px;color:var(--color-text-dim);border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;transition:color .15s;display:flex;position:relative}.workflow-chapter-link[aria-current=step],.workflow-chapter-link:hover{color:var(--color-text)}.workflow-chapter-link:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.workflow-nav-number{font-family:var(--font-mono);opacity:.5;font-size:10px}.workflow-chapter-progress{display:none}.workflow-mobile-nav{z-index:15;width:calc(100% - 48px);max-width:490px;margin:0 auto 32px;position:sticky;top:78px;box-shadow:0 8px 24px #00000008}@media (max-width:639px){.workflow-chapter{padding-block:36px 60px}.workflow-title{max-width:355px;font-size:clamp(30px,12.5vw - 10px,38px)}.workflow-inline-film{margin-block:28px}.workflow-inline-film .step-film{border-radius:20px}.workflow-nav-number{display:none}.workflow-chapter-link{min-height:42px;padding-inline:8px}}@media (max-width:1023px) and (prefers-reduced-motion:no-preference){.workflow-chapter{--workflow-entry-side:-100vw}.workflow-chapter:nth-child(2n){--workflow-entry-side:100vw}.workflow-inline-film-motion{--workflow-entry-rest:calc((1 - var(--workflow-inline-progress,1)) * (1 - var(--workflow-inline-progress,1)) * (1 - var(--workflow-inline-progress,1)));transform:translate3d(calc(var(--workflow-entry-side) * var(--workflow-entry-rest)), calc(18px * (1 - var(--workflow-inline-progress,1))), 0) scale(calc(.9 + var(--workflow-inline-progress,1) * .1));opacity:min(1, calc(var(--workflow-inline-progress,1) * 2));transform-origin:50%}.workflow-inline-film-motion:focus-within{opacity:1;transform:none}.workflow-inline-film-motion .step-film{border-radius:calc(28px - var(--workflow-inline-progress,1) * 8px)}.workflow-mobile-nav .workflow-chapter-progress{opacity:.45;transform-origin:0;background:currentColor;height:1px;display:block;position:absolute;bottom:5px;left:25%;right:25%;transform:scaleX(0)}.workflow-mobile-nav .workflow-chapter-link[aria-current=step] .workflow-chapter-progress{transform:scaleX(var(--workflow-chapter-progress,0))}}@media (min-width:1024px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.workflow-story[data-enhanced=true]{--workflow-film-x:63.9344%;--workflow-film-scale:1}.workflow-story[data-enhanced=true] .workflow-mobile-nav{display:none}.workflow-story[data-enhanced=true] .workflow-chapter{border:none;align-items:center;min-height:92svh;padding-block:100px;scroll-margin-top:calc(4svh + 32px);display:flex}.workflow-story[data-enhanced=true] .workflow-copy{z-index:3;width:32%;opacity:var(--workflow-copy-opacity,1);transform:translate3d(var(--workflow-copy-x,0px), 0, 0);margin:0;position:relative}.workflow-story[data-enhanced=true] .workflow-chapter:nth-child(2n) .workflow-copy{margin-left:auto}.workflow-story[data-enhanced=true] .workflow-copy:focus-within{opacity:1;transform:none}.workflow-story[data-enhanced=true] .workflow-title{font-size:clamp(32px,3.3vw,48px)}.workflow-story[data-enhanced=true] .workflow-description .landing-lead{font-size:clamp(17px,1.45vw,21px);line-height:1.5}.workflow-story[data-enhanced=true] .workflow-chapter .workflow-copy .reveal{opacity:1;transition:none;transform:none}.workflow-story[data-enhanced=true] .workflow-inline-film{display:none}.workflow-story[data-enhanced=true] .workflow-film-track{pointer-events:none;display:block;position:absolute;inset:0}.workflow-film-sticky{align-items:center;height:calc(100svh - 112px);display:flex;position:sticky;top:88px}.workflow-film-position{width:61%;transform:translate3d(var(--workflow-film-x), 0, 0);will-change:transform}.workflow-film-frame{border-radius:var(--workflow-film-radius,24px);transform:scale(var(--workflow-film-scale,1));transform-origin:50%;will-change:transform;background:var(--color-panel);display:grid;overflow:hidden;box-shadow:0 24px 64px -40px #00000040}.workflow-film-layer{opacity:0;pointer-events:none;grid-area:1/1;transition:opacity 0s .48s}.workflow-film-layer[data-active=true]{opacity:1;z-index:1;pointer-events:auto;transition:opacity .48s cubic-bezier(.22,1,.36,1)}.workflow-film-layer .step-film{border-radius:var(--workflow-film-radius,24px)}.workflow-stage-footer{pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;bottom:20px;left:0}.workflow-stage-footer .workflow-nav{pointer-events:auto}.workflow-chapter-progress{transform-origin:0;opacity:.45;background:currentColor;height:1px;display:block;position:absolute;bottom:5px;left:23%;right:23%;transform:scaleX(0)}.workflow-chapter-link[aria-current=step] .workflow-chapter-progress{transform:scaleX(var(--workflow-chapter-progress,0))}}@media (prefers-reduced-motion:reduce){.workflow-nav:before,.workflow-chapter-link{transition:none}.workflow-chapter{scroll-margin-top:156px}}