.studio-cinema{--cinema-progress:0;position:relative;overflow:hidden;padding:80px 6%;background:var(--paper,#08090b);color:var(--ink,#f3efe6);border-block:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.cinema-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:25px 8%;align-items:end;margin-bottom:40px}.cinema-heading>span{grid-column:1/-1;font:9px/1.6 var(--body,'DM Sans');letter-spacing:1.5px;text-transform:uppercase}.cinema-heading h2{font:500 clamp(38px,6vw,82px)/1.04 var(--display,'Space Grotesk');letter-spacing:-.04em}.cinema-heading p{font:14px/1.9 var(--body,'DM Sans');max-width:38ch}
.cinema-frame{position:relative;height:clamp(350px,55vw,620px);overflow:hidden;clip-path:inset(calc((1 - var(--cinema-progress))*7%) round calc((1 - var(--cinema-progress))*80px));background:var(--accent,#182721);isolation:isolate}.cinema-image,.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;scale:calc(1.1 - var(--cinema-progress)*.08);translate:0 calc((var(--cinema-progress) - .5)*-24px)}.cinema-video{opacity:0;transition:opacity .8s}.cinema-playing .cinema-video{opacity:1}.cinema-frame:after{content:'';position:absolute;inset:50% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#0008)}
.cinema-film-label{position:absolute;bottom:24px;left:25px;max-width:calc(100% - 110px);z-index:2;color:#fff;font:9px/1.6 var(--body,'DM Sans');letter-spacing:1.5px;text-shadow:0 1px 5px #000}.cinema-pause{position:absolute;bottom:15px;right:20px;z-index:3;border:1px solid #fff7;border-radius:50%;width:44px;height:44px;background:#0005;color:#fff;cursor:pointer}.cinema-pause:focus-visible{outline:3px solid #fff;outline-offset:4px}
.cinema-frame-line{position:absolute;inset:18px;z-index:1;border:1px solid #fff4;pointer-events:none}.cinema-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;font:10px/1.7 var(--body,'DM Sans');letter-spacing:1px}.cinema-footer a{padding:12px 0;border-bottom:1px solid currentColor;color:inherit}
.cinema-layout-1{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.cinema-layout-1 .cinema-heading{display:block;margin:0}.cinema-layout-1 .cinema-heading h2{font-size:clamp(36px,4.5vw,67px);margin:25px 0}.cinema-layout-1 .cinema-frame{height:640px;clip-path:inset(0 round 46% 46% 0 0)}.cinema-layout-1 .cinema-footer{grid-column:1/-1}
.cinema-layout-2 .cinema-heading{text-align:center;display:block;max-width:800px;margin:0 auto 40px}.cinema-layout-2 .cinema-heading h2{margin:25px 0}.cinema-layout-2 .cinema-heading p{margin-inline:auto}.cinema-layout-2 .cinema-frame{height:530px;clip-path:inset(calc((1 - var(--cinema-progress))*5%) round 8px)}
.cinema-play .cinema-frame{border:3px solid currentColor;box-shadow:12px 12px 0 var(--accent);rotate:calc((var(--cinema-progress) - .5)*1.5deg)}.cinema-future .cinema-frame-line{border-color:var(--accent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent) 25%,transparent)}.cinema-organic .cinema-frame{clip-path:inset(0 round 24% 3% 24% 3%)}.cinema-gloss .cinema-frame-line{inset:25px}.cinema-gloss h2{font-weight:400}.cinema-editorial .cinema-frame-line{display:none}.cinema-cinema .cinema-frame{height:600px}
.cinema-paused .cinema-image,.cinema-paused .cinema-video{scale:1;translate:none}.cinema-chapter{--paper:var(--world-paper);--ink:var(--world-ink);--accent:var(--world-accent);--display:var(--world-display);--body:var(--world-body);margin-top:30px;padding:60px 5%}.cinema-chapter .cinema-heading h2{font-size:clamp(38px,5vw,70px)}
@media(max-width:700px){.studio-cinema{padding:45px 6%}.cinema-heading{display:block}.cinema-heading h2{font-size:clamp(35px,9vw,48px);margin:22px 0}.cinema-heading p{font-size:13px;max-width:45ch}.cinema-frame,.cinema-layout-1 .cinema-frame,.cinema-layout-2 .cinema-frame,.cinema-cinema .cinema-frame{height:390px}.cinema-layout-1{display:block}.cinema-layout-1 .cinema-heading{margin-bottom:25px}.cinema-footer{font-size:8px;letter-spacing:.6px}.cinema-film-label{left:17px;font-size:7px}.cinema-play .cinema-frame{box-shadow:7px 7px 0 var(--accent)}}
.showcase-body.mobile-preview .studio-cinema{display:block;padding:40px 6%}.showcase-body.mobile-preview .cinema-heading{display:block}.showcase-body.mobile-preview .cinema-heading h2{font-size:38px;margin:20px 0}.showcase-body.mobile-preview .cinema-frame{height:370px}
@media(prefers-reduced-motion:reduce){.studio-cinema{--cinema-progress:1!important}.cinema-frame{clip-path:none!important;rotate:none!important}.cinema-image,.cinema-video{scale:1!important;translate:none!important;transition:none!important}.cinema-video{display:none}}

.home-film-scene{--paper:#08090b;--ink:#eeeae2;--accent:#9fb89c;--display:'Space Grotesk';--body:'DM Sans';padding-top:90px}.home-film-choices{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.home-film-choices button{padding:14px 22px;min-height:44px;border:1px solid #ffffff30;border-radius:30px;color:#eeeae2;background:transparent;font:11px 'DM Sans';cursor:pointer}.home-film-choices button[aria-pressed=true]{background:#eeeae2;color:#08090b}.home-film-choices button:focus-visible{outline:3px solid #9fb89c;outline-offset:3px}
/* A second, independent scene with its own subject and composition. */
.cinema-moment{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center;padding-block:65px}.cinema-moment .cinema-heading{display:block;margin:0}.cinema-moment h2{font-size:clamp(32px,4vw,62px);margin:22px 0}.cinema-moment p{max-width:42ch}.cinema-moment .cinema-frame{height:460px}.moment-link{display:inline-block;color:inherit;font:12px/1.6 var(--body);margin-top:24px;padding-bottom:9px;border-bottom:1px solid currentColor}.moment-layout-1 .cinema-frame{order:-1}.moment-layout-1{grid-template-columns:1.15fr 1fr}.moment-layout-2{display:block}.moment-layout-2 .cinema-heading{max-width:900px;margin-bottom:35px}.moment-layout-2 .cinema-heading p{max-width:60ch}.moment-layout-2 .cinema-frame{height:500px}
/* Portrait footage remains intact, including hands, faces and products. */
.cinema-portrait{background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 35%,#181818),#080909);clip-path:inset(0 round 16px)!important}.cinema-portrait .cinema-image,.cinema-portrait .cinema-video{object-fit:contain;scale:1;translate:none;padding:16px}.cinema-portrait .cinema-frame-line{inset:9px;border-color:#ffffff24}.cinema-portrait:after{inset:75% 0 0}
.cinema-future .moment-link{color:var(--accent)}.cinema-play.cinema-moment .cinema-frame{border-radius:14px}.cinema-organic.cinema-moment .cinema-frame:not(.cinema-portrait){clip-path:inset(0 round 8% 30% 8% 30%)}
@media(max-width:700px){.cinema-moment{display:block;padding-block:42px}.cinema-moment .cinema-heading{margin-bottom:30px}.cinema-moment .cinema-frame,.moment-layout-2 .cinema-frame{height:390px}.cinema-moment h2{font-size:36px}.cinema-portrait .cinema-image,.cinema-portrait .cinema-video{padding:8px}}
.showcase-body.mobile-preview .cinema-moment{display:block}.showcase-body.mobile-preview .cinema-moment .cinema-heading{margin-bottom:28px}.showcase-body.mobile-preview .cinema-moment .cinema-frame{height:370px}
@media(prefers-reduced-motion:reduce){.cinema-moment,.cinema-moment *{transition:none}}
/* Sparse additional clips: a compact editorial pause between longer sections. */
.cinema-mini{display:grid;grid-template-columns:.75fr 1.25fr;gap:6%;align-items:center;margin:28px 5% 65px;padding:30px;border-radius:12px}.cinema-mini .cinema-heading{display:block;margin:0}.cinema-mini h2{font-size:clamp(28px,3.1vw,46px);margin:18px 0}.cinema-mini p{font-size:13px}.cinema-mini .cinema-frame{height:280px;clip-path:inset(0 round 8px)}
.demo-enhanced .cinema-heading{opacity:0;translate:0 20px;transition:opacity .8s ease,translate .9s cubic-bezier(.16,1,.3,1)}.demo-enhanced .cinema-visible .cinema-heading{opacity:1;translate:0 0}.demo-enhanced .cinema-frame-line{transform:scaleX(.75);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.demo-enhanced .cinema-visible .cinema-frame-line{transform:scaleX(1)}
.demo-enhanced .cinema-gloss .cinema-visible{isolation:isolate}.demo-enhanced .cinema-play .cinema-heading{translate:-20px 12px}.demo-enhanced .cinema-play.cinema-visible .cinema-heading{translate:0 0}.demo-enhanced .cinema-organic .cinema-heading{transition-duration:1.2s}.demo-enhanced .cinema-future .cinema-frame-line{transition-timing-function:steps(8,end)}
@media(hover:hover) and (pointer:fine){.demo-enhanced .shop-product,.demo-enhanced .demo-collection article{transition:box-shadow .35s ease,translate .45s ease,opacity .7s ease}.demo-enhanced .shop-product:hover,.demo-enhanced .demo-collection article:hover{translate:0 -5px;box-shadow:0 18px 35px #00000018}.demo-enhanced .shop-product img{transition:scale .6s cubic-bezier(.2,.65,.3,1)}.demo-enhanced .shop-product:hover img{scale:1.035}.demo-enhanced .moment-link:hover{opacity:.7}}
@media(max-width:700px){.cinema-mini{display:block;margin:15px 4% 40px;padding:22px}.cinema-mini .cinema-heading{margin-bottom:24px}.cinema-mini .cinema-frame{height:260px}.cinema-mini h2{font-size:32px}}
.showcase-body.mobile-preview .cinema-mini{display:block;margin:16px 4% 40px;padding:22px}.showcase-body.mobile-preview .cinema-mini .cinema-frame{height:260px}.showcase-body.mobile-preview .cinema-mini .cinema-heading{margin-bottom:24px}
@media(prefers-reduced-motion:reduce){.demo-enhanced .cinema-heading{opacity:1;translate:none;transition:none}.demo-enhanced .cinema-frame-line{transform:none;transition:none}.demo-enhanced .shop-product,.demo-enhanced .shop-product img,.demo-enhanced .demo-collection article{transition:none!important;translate:none!important;scale:1!important}}

/* Preserve the camera framing; detail comes from the source, not digital zoom. */
.cinema-footage{background:#0b0c0d}.cinema-footage .cinema-video,.cinema-footage .cinema-image{object-fit:contain;scale:1;translate:none}.cinema-footage:after{inset:80% 0 0;background:linear-gradient(transparent,#0007)}.cinema-footage .cinema-frame-line{border-color:#ffffff26}.cinema-footage .cinema-film-label{background:#0007;padding:5px 8px;border-radius:3px;bottom:18px}.cinema-footage .cinema-video{filter:none}