.project-theatre{padding-top:100px;scroll-margin-top:100px}.theatre-controls{display:grid;grid-template-columns:1fr auto;gap:30px 45px;align-items:end;margin-bottom:60px}.theatre-controls h2{font-size:clamp(32px,4vw,56px);line-height:1.15;grid-column:1/-1}.project-selector{display:flex;flex-direction:column;gap:12px;max-width:620px}.project-selector label{font-size:13px;color:#bcbcc2}.project-selector select{width:100%;border:1px solid #414145;border-radius:10px;background:#1c1c1f;color:#fff;padding:16px 44px 16px 18px;font:inherit;font-size:17px}.project-pagination{display:flex;align-items:center;gap:18px}.project-pagination button{width:48px;height:48px;border:1px solid #505055;border-radius:50%;color:#fff;background:transparent;font-size:23px;cursor:pointer}.project-pagination button:hover{background:#ff5b16;color:#101011;border-color:#ff5b16}.project-counter{color:#bcbcc2;font-size:14px;font-variant-numeric:tabular-nums;min-width:50px;text-align:center}.project-reel{position:relative}.project-reel-sticky{position:relative;padding:25px 0 60px}.reel-heading{max-width:850px}.reel-heading h3{font-size:clamp(30px,3.8vw,52px);line-height:1.12;letter-spacing:-.03em}.reel-heading p{font-size:clamp(18px,2vw,25px);color:#bcbcc2;line-height:1.5;max-width:40ch;margin-top:20px}.hardware-scene{position:relative;width:88%;max-width:920px;margin:75px auto 95px;padding:0 10% 15px 3%;isolation:isolate}.macbook{position:relative;width:100%;padding-bottom:14px}.macbook-lid{position:relative;padding:11px 8px 9px;background:#0b0b0d;border:2px solid #777b83;border-radius:17px 17px 8px 8px;box-shadow:inset 0 0 0 1px #2b2d31,0 25px 50px #0005}.macbook-screen{overflow:hidden;aspect-ratio:16/10;border-radius:8px 8px 2px 2px;background:#050505}.macbook-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.macbook-camera{position:absolute;width:11%;height:12px;background:#0b0b0d;left:44.5%;top:10px;border-radius:0 0 5px 5px;z-index:2}.macbook-camera:after{content:'';position:absolute;left:49%;top:3px;width:3px;height:3px;background:#24324a;border-radius:50%}.macbook-base{position:absolute;left:-6%;width:112%;height:14px;bottom:2px;border-radius:2px 2px 45% 45%;background:linear-gradient(#d4d6da 0%,#9d9fa5 25%,#5b5e65 75%,#25272d);box-shadow:0 15px 28px #0008}.macbook-base i{position:absolute;left:43%;top:0;width:14%;height:5px;background:#777a80;border-radius:0 0 10px 10px}.iphone{position:absolute;right:0;bottom:-12px;width:23%;aspect-ratio:9/19.5;background:#080809;border:2px solid #999da4;border-radius:clamp(17px,3vw,36px);padding:5px;box-shadow:10px 20px 35px #0007}.iphone-screen{height:100%;border-radius:clamp(12px,2.6vw,30px);overflow:hidden;background:#080809}.iphone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.dynamic-island{position:absolute;top:13px;width:29%;height:12px;border-radius:20px;background:#030303;left:35.5%;box-shadow:0 0 0 1px #1d1d20}.home-indicator{position:absolute;bottom:12px;height:3px;background:#eee;border-radius:3px;width:30%;left:35%}.hardware-scene figcaption{position:absolute;left:3%;bottom:-54px;font-size:12px;color:#a9a9b2;max-width:75%;line-height:1.5}.hardware-scene.is-material .iphone-screen img,.hardware-scene.is-material .macbook-screen img{object-fit:contain}.reel-copy{max-width:920px;display:grid;grid-template-columns:1fr 1fr;gap:36px 65px;margin:auto}.reel-copy h4{font-size:25px;margin-bottom:16px}.reel-copy p,.reel-copy li{font-size:17px;line-height:1.8;color:#c4c4cd}.reel-copy ul{padding-left:19px}.reel-copy li{margin-bottom:10px}.reel-copy .reel-media-note{font-size:12px;line-height:1.65;color:#aaaab3}.reel-detail{align-self:start}.reel-scroll-hint{display:none}.theatre-next{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:90px 0 120px}.theatre-next>p{font-size:clamp(24px,3vw,38px);line-height:1.4}.theatre-next>p span{color:#aaaab3}.theatre-next button{cursor:pointer}.lab-stage-intro{padding-top:160px;padding-bottom:30px}.lab-stage-intro h1{font-size:clamp(40px,6vw,75px);line-height:1.12}.lab-stage-intro h1 span{color:#aaaab3}.lab-stage-intro p{font-size:20px;line-height:1.7;margin:30px 0;color:#bcbcc2}
@media(min-width:1000px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.project-reel.is-cinematic{height:230svh}.is-cinematic .project-reel-sticky{position:sticky;top:90px;height:calc(100svh - 90px);padding:28px 0}.is-cinematic .reel-heading{max-width:100%;}.is-cinematic .reel-heading h3{font-size:clamp(32px,3vw,46px)}.is-cinematic .reel-heading p{font-size:19px;max-width:65ch;margin-top:12px}.is-cinematic .hardware-scene{position:absolute;top:200px;left:10%;width:80%;max-width:950px;margin:0;transform-origin:top left;transform:translateX(calc(var(--reel-progress,0)*-12%)) scale(calc(1 - var(--reel-progress,0)*.40));will-change:transform}.is-cinematic .reel-copy{position:absolute;top:215px;left:59%;right:0;display:block;margin:0;opacity:var(--reel-copy,0);transform:translateY(calc((1 - var(--reel-copy,0))*65px));pointer-events:auto}.is-cinematic .reel-copy section+section{margin-top:28px}.is-cinematic .reel-copy h4{font-size:23px;margin-bottom:10px}.is-cinematic .reel-copy p,.is-cinematic .reel-copy li{font-size:15px;line-height:1.7}.is-cinematic .reel-copy .reel-media-note{font-size:11px;margin-top:20px}.is-cinematic .reel-detail{margin-top:18px}.is-cinematic .reel-scroll-hint{display:block;position:absolute;bottom:26px;left:0;font-size:12px;color:#aaaab3;opacity:calc(1 - var(--reel-progress,0))}.reel-scroll-hint span{margin-left:18px;color:#ff5b16}}
@media(max-width:700px){.project-theatre{padding-top:70px}.theatre-controls{grid-template-columns:1fr;gap:24px;margin-bottom:25px}.theatre-controls h2{grid-column:auto}.project-pagination{justify-content:space-between}.project-selector{max-width:none}.project-selector select{font-size:15px}.hardware-scene{width:100%;padding-right:12%;margin:45px auto 80px}.macbook-lid{border-width:1px;padding:6px 4px 5px;border-radius:9px 9px 4px 4px}.macbook-screen{border-radius:4px 4px 1px 1px}.macbook-camera{height:6px;top:6px}.macbook-camera:after{width:2px;height:2px;top:1px}.macbook-base{height:8px;bottom:8px}.macbook-base i{height:3px}.iphone{width:25%;padding:3px;border-width:1px}.dynamic-island{height:6px;top:8px}.home-indicator{height:2px;bottom:8px}.reel-copy{grid-template-columns:1fr;gap:28px}.reel-copy p,.reel-copy li{font-size:16px}.hardware-scene figcaption{font-size:10px}.theatre-next{align-items:start;flex-direction:column;padding-top:40px}.lab-stage-intro{padding-top:125px}.lab-stage-intro p{font-size:17px}.reel-heading h3{font-size:32px}}
.theatre-controls{scroll-margin-top:110px}.stage-case{padding-top:60px}.stage-case[hidden]{display:none}.stage-case-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.stage-case-columns h3{font-size:27px;line-height:1.25;margin-bottom:25px;color:#ff858b}.stage-case-columns section+section h3{color:#55dca2}.stage-case-columns p{font-size:17px;line-height:1.85;color:#c4c4cd}.stage-voice{padding:100px 0 40px;max-width:950px}.stage-voice h3{font-size:23px;margin-bottom:30px;color:#bcbcc2}.stage-voice blockquote{font-size:clamp(24px,3vw,37px);line-height:1.6;letter-spacing:-.025em}.stage-cite{color:#ff5b16;margin-top:28px;font-size:16px}@media(max-width:700px){.stage-case-columns{grid-template-columns:1fr;gap:40px}.stage-case-columns p{font-size:16px}.stage-voice{padding-top:65px}.stage-case{padding-top:15px}}