@import url('/dream-shell.css');*{box-sizing:border-box}html{scroll-padding-top:30px;background:var(--paper)}body{margin:0;font:15px/1.6 Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper)}h1,h2,h3,p,figure{margin:0}button{font:inherit;cursor:pointer}a{color:inherit}img{display:block;max-width:100%;object-fit:contain}video{display:block;width:100%}.display{font-family:StudioDisplay,Impact,sans-serif;font-weight:400;line-height:.86;letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(80px,13vw,220px)}.display em{font-style:normal}.shot{position:relative;isolation:isolate}.pin{position:relative;min-height:760px;height:100svh;overflow:hidden}.scene-kicker{position:absolute;z-index:6;top:110px;left:5%}.scene-rail{position:absolute;left:5%;right:5%;bottom:25px;border-top:1px solid currentColor;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:600 9px/1.4 Manrope,sans-serif;letter-spacing:1.1px;z-index:12}.scene-rail a{text-decoration:none}.scene-rail a span{margin-left:12px}.scene-cable{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}.record-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e44726;margin-left:10px}.shot-hero{background:var(--paper)}.hero-type{position:absolute;left:5%;top:20%;font:400 clamp(100px,20.7vw,330px)/.78 StudioDisplay,sans-serif;letter-spacing:-.035em;z-index:1;max-width:90%}.hero-type span{display:block;white-space:nowrap}.hero-type em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-rig{position:absolute;right:2%;top:26%;width:75%;height:65%;z-index:3;transform-origin:72% 30%}.hero-rig img{width:100%;height:100%;object-fit:contain}.hero-copy{position:absolute;z-index:7;left:5%;bottom:12%;font-size:13px;max-width:300px}.hero-copy p{margin-bottom:18px}.hero-stamp{position:absolute;right:5%;top:16%;border:1px solid currentColor;border-radius:50%;width:80px;height:80px;display:grid;place-content:center;text-align:center;font:600 12px/1.4 Manrope,sans-serif;transform:rotate(12deg)}.hero-chrome{position:absolute;inset:0;background:linear-gradient(105deg,#fff 0%,#6e8aa9 8%,#f2f2f0 20%,#2e4e79 31%,#fff 44%,#8796a3 57%,#fff 64%,#456288 77%,#ecedee 90%);border-radius:48% 48% 0 0;transform:translateY(110%);z-index:9;pointer-events:none}.shot-silver{background:#ece2d0}.silver-plate{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.silver-copy{position:absolute;top:19%;left:5%;z-index:2;max-width:50%}.silver-copy .kicker{margin-bottom:35px}.silver-copy h2{font-size:clamp(100px,17vw,270px)}.silver-copy h2 span{display:block}.silver-copy>p:last-child{font-size:14px;margin-top:30px}.silver-cover{position:absolute;inset:0;z-index:4;background:var(--ink);border-radius:42% 48% 0 0;transform:translateY(110%);pointer-events:none}.shot-cut{background:var(--ink);color:var(--paper)}.cut-type{position:absolute;left:5%;top:20%;font-size:clamp(90px,16vw,250px);z-index:2}.cut-type em{color:var(--acid)}.logo-film{position:absolute;right:13%;top:22%;width:23%;height:52%;transform-origin:50% 100%;z-index:3}.logo-film img{height:100%;width:100%;mix-blend-mode:screen;filter:invert(1)}.film-tail{position:absolute;right:10%;bottom:15%;width:30%;height:10%;display:flex;border-block:9px dashed var(--paper);transform:perspective(700px) rotateY(-20deg);color:var(--paper);opacity:0;z-index:3}.film-tail span{border-right:1px solid currentColor;padding:20px;flex:1;font-size:10px}.clapper{position:absolute;width:clamp(260px,40vw,600px);left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;z-index:5}.clapper-arm{height:50px;background:repeating-linear-gradient(120deg,#f1eee5 0 43px,#10151b 43px 86px);border:3px solid #111;transform-origin:0 100%;transform:rotate(-32deg);border-radius:4px}.clapper-body{padding:30px;border:2px solid #ffffff66;background:#11171c;border-radius:0 0 8px 8px}.clapper-body>span{font-size:9px;letter-spacing:2px}.clapper-body>strong{display:block;font-family:StudioDisplay,sans-serif;font-size:clamp(40px,5vw,70px);margin:10px 0 20px;font-weight:400}.clapper-body>div{display:flex;gap:45px;border-top:1px solid #ffffff77;padding-top:15px;font-size:10px}.clapper-body b{font-size:22px;display:block;font-weight:400}.shot-vision{background:#10151b;color:var(--paper)}.vision-type{position:absolute;left:5%;top:20%;font-size:clamp(85px,13vw,210px);z-index:1}.vision-type em{color:var(--acid)}.camera-build{position:absolute;inset:14% 4% 10%;z-index:3}.camera-parts,.camera-fragment,.camera-fragment img{width:100%;height:100%;object-fit:contain}.camera-parts{position:absolute;inset:0;clip-path:polygon(71% 35%,100% 35%,100% 100%,0 100%,0 79%,71% 79%)}.camera-fragment{position:absolute;inset:0;pointer-events:none}.fragment-lens{clip-path:polygon(0 35%,71% 35%,71% 79%,0 79%)}.fragment-top{clip-path:polygon(49% 0,100% 0,100% 35%,49% 35%)}.eye-portal{position:absolute;inset:0;z-index:4;opacity:0;clip-path:circle(40% at 50% 50%);transform:scale(.1);background:#10151b}.eye-portal img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%}.vision-film{position:absolute;inset:12% 6% 12%;z-index:7;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;opacity:0;pointer-events:none}.vision-film.visible{pointer-events:auto}.vision-film-copy h3{font:400 clamp(55px,7vw,110px)/.95 StudioDisplay,sans-serif;margin:25px 0}.vision-film-copy p{font-size:13px}.vision-film-copy h3{color:var(--acid)}.film-screen{position:relative;height:64svh;max-height:750px;min-height:260px;aspect-ratio:9/16;justify-self:center;background:#10151b;border:1px solid #ffffff44}.film-screen video,.film-screen canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.film-screen canvas{pointer-events:none}.film-control{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:25px;font-size:11px}.film-control button{background:none;color:inherit;border:0;border-bottom:1px solid currentColor;padding:8px 0}.film-control output{margin-left:auto;white-space:nowrap}.film-control p{position:absolute;top:100%;font-size:10px}.people-story{padding:100px 5% 120px;background:var(--paper)}.people-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:25px}.people-intro h2{font-size:clamp(65px,9vw,155px);grid-column:2;grid-row:1/3}.people-intro>p:last-child{grid-column:1;font-size:13px;align-self:end}.people-frames{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:4%;margin-top:90px;align-items:start}.people-frames figure:nth-child(2){margin-top:110px}.people-frames figure:nth-child(3){margin-top:55px}.people-frames img{width:100%;height:410px;object-fit:cover}.people-frames figcaption{border-top:1px solid var(--line);padding-top:15px;margin-top:15px;font-size:10px;text-transform:uppercase;letter-spacing:1px}.shot-flight{background:#13171c;color:var(--paper)}.flight-outside{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:55% 46%}.flight-type{position:absolute;left:5%;top:16%;max-width:60%;font-size:clamp(70px,10vw,160px);color:#fff;z-index:2;text-shadow:0 1px 12px #00102a66}.flight-portal{position:absolute;inset:0;background:#10151b;clip-path:ellipse(45% 65% at 50% 50%);transform:scale(.04);z-index:3;opacity:0}.flight-portal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center}.flight-copy{position:absolute;left:5%;bottom:16%;z-index:5;opacity:0;max-width:320px;background:#10151bcf;padding:20px}.flight-copy h3{font:400 clamp(35px,4vw,60px)/1 StudioDisplay,sans-serif;margin:18px 0;color:var(--acid)}.flight-copy>p:last-child{font-size:12px}.shot-home{background:#11171c;color:white}.home-camera{position:absolute;inset:0;transform-origin:46.5% 56%;z-index:2}.home-camera>img{width:100%;height:100%;object-fit:cover}.camera-monitor{position:absolute;left:32.8%;top:43.4%;width:27.3%;height:25.3%;background:#111;overflow:hidden}.camera-monitor img{width:100%;height:100%;object-fit:cover}.home-studio{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.home-type{position:absolute;left:5%;top:16%;z-index:5;font-size:clamp(80px,11vw,175px);text-shadow:0 2px 22px #0009}.home-type em{color:var(--acid)}.home-copy{position:absolute;left:5%;bottom:13%;z-index:5;opacity:0;background:#10151bcf;padding:20px}.home-copy p{margin-bottom:20px}.production-list{background:var(--acid);color:var(--night);padding:90px 6%}.production-list h2{margin:35px 0 65px;font-size:clamp(90px,13vw,205px)}.production-rows a{display:flex;align-items:center;gap:35px;border-top:1px solid #10151b55;text-decoration:none;padding:24px 0;transition:padding .3s var(--ease-out)}.production-rows a:last-child{border-bottom:1px solid #10151b55}.production-rows a:hover{padding-left:15px}.production-rows a>span{font-size:10px}.production-rows strong{font:400 clamp(25px,4.8vw,75px)/1.1 StudioDisplay,sans-serif;text-transform:uppercase}.production-rows em{font-style:normal;margin-left:auto;font-size:35px}.studio-films{padding:45px 6%;background:var(--paper)}.studio-films summary{font-family:StudioDisplay,sans-serif;font-size:clamp(28px,4vw,60px);cursor:pointer;list-style:none;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.studio-films summary::-webkit-details-marker{display:none}.studio-films details>p{margin:25px 0;font-size:13px}.film-library{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0}.film-library video{aspect-ratio:9/16;max-height:65svh;background:#111;object-fit:contain}.film-library figcaption{font-size:11px;padding-top:15px}.broadcast{padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);background:var(--paper)}.broadcast h2{font:400 clamp(60px,7vw,115px)/.95 StudioDisplay,sans-serif;grid-column:1}.broadcast>a{display:flex;align-items:center;gap:18px;align-self:center;justify-self:end;grid-row:1/3;grid-column:2;text-decoration:none;font-size:12px}.broadcast>a img{width:112px;height:35px}.broadcast>a>span{font-size:28px}.journey-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:99;pointer-events:none}.journey-progress i{display:block;width:100%;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
/* Static HTML is the base. Sticky choreography is enabled only after a controller initializes. */
.directed .shot .pin{position:sticky;top:0;min-height:0;height:100svh}.directed .shot-hero{height:180svh}.directed .shot-silver{height:170svh}.directed .shot-cut{height:160svh}.directed .shot-vision{height:300svh}.directed .shot-flight{height:230svh}.directed .shot-home{height:210svh}.directed .reveal{opacity:0;transform:translateY(30px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out)}.directed .reveal.seen{opacity:1;transform:none}.dream-fresh:not(.directed) .hero-chrome,.dream-fresh:not(.directed) .silver-cover,.dream-fresh:not(.directed) .scene-cable,.dream-fresh:not(.directed) .film-tail{display:none}.dream-fresh:not(.directed) .shot-vision .pin{height:auto;min-height:0;padding:85px 6%}.dream-fresh:not(.directed) .shot-vision .scene-kicker,.dream-fresh:not(.directed) .vision-type{position:relative;inset:auto}.dream-fresh:not(.directed) .camera-build{position:relative;inset:auto;height:400px;margin-top:35px}.dream-fresh:not(.directed) .eye-portal{position:relative;inset:auto;height:350px;clip-path:none;transform:none;opacity:1;margin:35px -7%}.dream-fresh:not(.directed) .vision-film{position:relative;inset:auto;opacity:1;pointer-events:auto;padding-bottom:70px}.dream-fresh:not(.directed) .shot-vision .scene-rail{position:relative;inset:auto}.dream-fresh:not(.directed) .camera-fragment{display:none}.dream-fresh:not(.directed) .camera-parts{clip-path:none}.dream-fresh:not(.directed) .flight-portal{transform:none;clip-path:none;opacity:1;inset:40% 45% 10% 5%}.dream-fresh:not(.directed) .flight-outside{height:40%;object-fit:cover}.dream-fresh:not(.directed) .flight-type{top:8%;font-size:7vw}.dream-fresh:not(.directed) .flight-copy{opacity:1;left:60%;bottom:25%}.dream-fresh:not(.directed) .home-studio{opacity:1}.dream-fresh:not(.directed) .home-camera{display:none}.dream-fresh:not(.directed) .home-copy{opacity:1}.dream-fresh:not(.directed) .clapper{opacity:1;top:65%}.dream-fresh:not(.directed) .logo-film{display:none}
@media(min-width:701px) and (max-height:650px){.scene-kicker{top:95px}.hero-type{font-size:28vh}.hero-rig{top:19%;height:73%}.hero-copy{bottom:12%}.hero-copy p{font-size:10px}.hero-copy .dt-action{padding:11px 17px}.vision-film{inset:12% 6% 17%}.film-screen{height:62svh;min-height:0}.film-control{bottom:-6%}.scene-rail{bottom:15px}.display{font-size:23vh}}
@media(max-width:700px){.pin{min-height:680px}.scene-kicker{top:103px;left:6%;font-size:8px;max-width:85%}.scene-rail{left:6%;right:6%;bottom:20px;font-size:8px;letter-spacing:.7px}.hero-type{top:22%;left:6%;font-size:24vw;line-height:.87}.hero-rig{top:32%;right:-7%;width:108%;height:49%}.hero-copy{left:6%;bottom:12%;font-size:11px;max-width:230px}.hero-copy p{margin-bottom:12px}.hero-copy .dt-action{font-size:10px;padding:12px 16px}.hero-stamp{right:6%;top:16%;width:50px;height:50px;font-size:9px}.silver-plate{object-position:64% center}.silver-copy{top:18%;left:6%;max-width:80%}.silver-copy .kicker{font-size:8px;margin-bottom:25px}.silver-copy h2{font-size:26vw}.silver-copy>p:last-child{font-size:11px;background:#f1eee5e8;display:inline-block;padding:5px 10px}.cut-type{font-size:25vw;top:22%;left:6%}.logo-film{right:18%;top:45%;height:30%;width:30%}.clapper{width:78%;top:58%}.clapper-arm{height:35px}.clapper-body{padding:20px}.clapper-body>span{font-size:7px}.clapper-body>strong{font-size:40px}.film-tail{right:10%;width:50%;bottom:14%}.vision-type{top:23%;left:6%;font-size:23vw}.camera-build{inset:32% -5% 14%}.vision-film{inset:13% 6% 14%;grid-template-columns:1fr;gap:15px;align-content:start}.vision-film-copy h3{font-size:11vw;margin:12px 0}.vision-film-copy .kicker{font-size:8px}.vision-film-copy>p:last-child{display:none}.film-screen{height:50svh;min-height:0;max-width:100%;justify-self:center}.film-control{bottom:0;gap:15px;font-size:9px;flex-wrap:wrap}.film-control button{font-size:10px}.film-control output{margin-left:auto}.people-story{padding:65px 6%}.people-intro{display:block}.people-intro h2{font-size:18vw;margin:25px 0}.people-intro>p:last-child{font-size:11px}.people-frames{gap:20px;grid-template-columns:1fr 1fr;margin-top:45px}.people-frames figure:nth-child(2){margin-top:50px}.people-frames figure:nth-child(3){grid-column:1/-1;margin:0 12%;}.people-frames img{height:250px}.people-frames figure:nth-child(2) img{object-position:center}.people-frames figcaption{font-size:8px}.flight-type{font-size:19vw;max-width:90%;top:19%;left:6%}.flight-outside{object-position:55% center}.flight-copy{left:6%;right:6%;bottom:14%;padding:15px;max-width:270px}.flight-copy h3{font-size:35px}.flight-copy>p:last-child{font-size:10px}.home-type{font-size:22vw;top:18%;left:6%}.home-copy{left:6%;bottom:13%;padding:16px;font-size:11px}.home-copy .kicker{font-size:8px}.production-list{padding:70px 6%}.production-list h2{font-size:24vw;margin:28px 0 40px}.production-rows a{gap:15px;padding:20px 0}.production-rows strong{font-size:7vw}.production-rows em{font-size:24px}.film-library{grid-template-columns:1fr}.film-library video{max-height:65svh}.studio-films{padding:35px 6%}.studio-films summary{font-size:8vw}.broadcast{display:block;padding:55px 6%}.broadcast h2{font-size:18vw;margin:25px 0}.broadcast>a{justify-content:flex-start}.directed .shot-hero{height:160svh}.directed .shot-silver{height:145svh}.directed .shot-cut{height:140svh}.directed .shot-vision{height:280svh}.directed .shot-flight{height:190svh}.directed .shot-home{height:180svh}.dream-fresh:not(.directed) .flight-type{font-size:13vw}.dream-fresh:not(.directed) .flight-copy{left:50%;right:5%;bottom:23%;padding:12px}.dream-fresh:not(.directed) .flight-copy h3{font-size:26px}.dream-fresh:not(.directed) .camera-build{height:240px}.dream-fresh:not(.directed) .eye-portal{height:240px}.dream-fresh:not(.directed) .vision-film{padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.directed .shot{height:auto!important}.directed .shot .pin{position:relative!important;min-height:680px}.reveal{opacity:1!important;transform:none!important}.journey-progress{display:none}}

/* Physical continuity: fixture and cable yield to a liquid-chrome stream. */
.hanging-spot{position:absolute;right:6%;top:13%;width:75px;height:75px;z-index:8;transform-origin:50% 0;pointer-events:none}.hanging-spot svg{width:100%;height:100%}.hero-pour-svg{position:absolute;inset:0;width:100%;height:100%;z-index:8;transform-origin:81% 32%;transform:scaleY(.01);opacity:0;pointer-events:none}.brand-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.dream-fresh:not(.directed) .hero-pour-svg,.dream-fresh:not(.directed) .hanging-spot,.dream-fresh:not(.directed) .brand-ribbon{display:none}@media(max-width:700px){.hanging-spot{width:45px;height:45px;right:8%;top:19%}}

.umbrella-turn{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}.dream-fresh:not(.directed) .umbrella-turn{display:none}

/* The signal: five shots sharing one optical axis, then the original film. */
.signal-frame{position:absolute;inset:0;z-index:3;opacity:0;transform-origin:50% 45%;pointer-events:none;background:#05090f}.signal-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.signal-viewer{opacity:1;transform-origin:72% 40%}.signal-eye{transform-origin:52% 43%}.signal-lens{transform-origin:65% 44%}.signal-caption{position:absolute;left:6%;bottom:14%;z-index:6;pointer-events:none}.signal-caption span{position:absolute;bottom:0;left:0;font:400 clamp(70px,13vw,210px)/.9 StudioDisplay,sans-serif;color:#fff;opacity:0;text-shadow:0 3px 30px #0008}.signal-optic{position:absolute;left:calc(50% - 15vw);top:calc(45% - 15vw);width:30vw;height:30vw;border:1px solid #a2ceff88;border-radius:50%;box-shadow:0 0 0 2vw #ffffff08,0 0 0 4vw #ffffff05;z-index:5;pointer-events:none;opacity:0}.shot-vision .vision-type{z-index:5;top:18%;text-shadow:0 2px 22px #0009}.shot-vision .scene-kicker{background:#080d16b3;padding:5px 10px}.directed .shot-vision{height:480svh}.signal-finale{position:absolute;inset:0;opacity:0;z-index:3;background:#04080e;pointer-events:none}.signal-stage{width:100%;height:100%;object-fit:cover;filter:brightness(.42)}.signal-logo{position:absolute;left:50%;top:43%;width:clamp(115px,15vw,230px);height:clamp(180px,27vw,360px);transform:translate(-50%,-50%);background:#f5f5f3;padding:20px;z-index:4}.signal-logo img{width:100%;height:100%;object-fit:contain}.signal-wire{position:absolute;inset:0;width:100%;height:100%;z-index:5;overflow:visible}.signal-wire path{fill:none;stroke-linecap:round}.wire-shadow{stroke:#02060a;stroke-width:14}.wire-core{stroke:#8abbf5;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1}.signal-equipment{position:absolute;top:26%;width:30%;height:43%;mix-blend-mode:screen}.signal-equipment img{width:100%;height:100%;object-fit:contain}.signal-mic{left:-3%}.signal-headphones{right:-2%}.shot-home .home-copy{z-index:8}.directed .shot-home{height:300svh}.dream-fresh:not(.directed) .signal-frame{position:relative;opacity:1;inset:auto;transform:none;max-width:700px;margin:30px auto;height:440px}.dream-fresh:not(.directed) .signal-frame img{object-fit:contain}.dream-fresh:not(.directed) .signal-tunnel,.dream-fresh:not(.directed) .signal-lens,.dream-fresh:not(.directed) .signal-caption,.dream-fresh:not(.directed) .signal-optic,.dream-fresh:not(.directed) .signal-finale{display:none}
@media(max-width:700px){.directed .shot-vision{height:460svh}.directed .shot-home{height:280svh}.signal-frame img{object-fit:cover}.signal-viewer{transform-origin:70% 40%}.signal-caption{bottom:15%;left:6%}.signal-caption span{font-size:21vw}.signal-equipment{top:25%;width:43%;height:32%}.signal-logo{top:43%;width:115px;height:180px;padding:13px}.signal-mic{left:-12%}.signal-headphones{right:-12%}.signal-wire{opacity:.8}.dream-fresh:not(.directed) .signal-frame{height:350px}}

/* New second and third scenes: a physical sound-to-screen handoff. */
.shot-sound,.shot-listen{background:#03070d;color:#fff}.sound-type{position:absolute;top:21%;left:6%;z-index:4;font-size:clamp(80px,14vw,220px);pointer-events:none}.sound-type span,.sound-type em{display:block}.sound-type em{color:#9acaff}.sound-device{position:absolute;inset:18% 0 8% 25%;transform-origin:center;z-index:3}.sound-device img{width:100%;height:100%;object-fit:contain}.mic-body{position:absolute;inset:0;clip-path:inset(0 0 0 34%)}.mic-capsule{position:absolute;inset:0;clip-path:inset(0 66% 0 0)}.audio-wire{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.audio-wire path{fill:none;stroke-linecap:round}.audio-wire-base{stroke:#203348;stroke-width:6}.audio-wire-live{stroke:#b4d8ff;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}.wave-bars{position:absolute;left:6%;bottom:20%;right:6%;height:80px;display:flex;gap:1.2%;align-items:center;z-index:2}.wave-bars i{width:2%;height:100%;background:#699de0;transform-origin:center}.sound-note{position:absolute;bottom:13%;left:6%;font-size:12px;z-index:6}.sound-shutter{position:absolute;inset:0;z-index:8;background:#03070d;transform:translateY(105%)}.listen-type{position:absolute;left:6%;top:21%;font-size:clamp(70px,12vw,190px);z-index:4}.listen-type em{color:#a0ccff}.listen-device{position:absolute;inset:13% 2% 7% 33%;z-index:3}.listen-device img{height:100%;width:100%;object-fit:contain}.listen-portal{position:absolute;inset:0;clip-path:circle(40% at 50% 45%);opacity:0;transform:scale(.015);z-index:6;transform-origin:50% 45%}.listen-viewer{width:100%;height:100%;transform-origin:50% 45%}.listen-viewer img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.listen-rings{position:absolute;left:50%;top:45%;width:50vw;height:50vw;transform:translate(-50%,-50%);opacity:0;z-index:7;pointer-events:none}.listen-rings i{position:absolute;inset:0;border:1px solid #c7e6ff;border-radius:50%}.listen-rings i:nth-child(2){inset:8%;border:2px dashed #679ad9}.listen-rings i:nth-child(3){inset:17%;border:1px solid #fff6}.directed .shot-silver{height:230svh}.directed .shot-cut{height:250svh}.dream-fresh:not(.directed) .sound-shutter,.dream-fresh:not(.directed) .audio-wire,.dream-fresh:not(.directed) .listen-portal,.dream-fresh:not(.directed) .listen-rings,.dream-fresh:not(.directed) .wave-bars{display:none}.dream-fresh:not(.directed) .mic-body{clip-path:none}.dream-fresh:not(.directed) .mic-capsule{display:none}
@media(max-width:700px){.sound-type{top:21%;font-size:23vw;left:6%}.sound-device{inset:34% -10% 17% 0}.sound-note{font-size:10px}.wave-bars{height:50px;bottom:18%}.listen-type{font-size:22vw;top:21%}.listen-device{inset:36% 0 12% 0}.listen-rings{width:80vw;height:80vw}.directed .shot-silver{height:210svh}.directed .shot-cut{height:230svh}}

.shot-hero .hero-chrome{background:linear-gradient(110deg,#02060d 3%,#537da5 19%,#d6eaff 29%,#1c3149 43%,#02060d 64%,#244668 82%,#02060d);border-radius:45% 45% 0 0}.shot-sound .scene-kicker,.shot-listen .scene-kicker{z-index:10}

/* Paint leaves the camera; the same camera continues into the next shot. */
.drop-camera,.camera-dock{position:absolute;left:50%;top:50%;width:70vw;height:70svh;max-width:1100px;transform:translate(-50%,-50%);z-index:10}.drop-camera{opacity:0;pointer-events:none}.drop-camera img,.camera-dock img{width:100%;height:100%;object-fit:contain}.shot-optical{background:#03070d;color:white}.dock-body{position:absolute;inset:0;clip-path:polygon(64% 0,100% 0,100% 100%,0 100%,0 74%,64% 74%)}.dock-lens{position:absolute;inset:0;clip-path:polygon(0 0,64% 0,64% 74%,0 74%)}.optical-type{position:absolute;left:6%;top:18%;z-index:11;font-size:clamp(80px,12vw,190px);opacity:0;pointer-events:none}.optical-type em{color:#e6ebed}.optical-iris{position:absolute;inset:0;z-index:12;overflow:hidden;pointer-events:none;opacity:0}.optical-iris i{position:absolute;left:-25%;top:-60%;width:150%;height:160%;background:linear-gradient(100deg,#05090e 10%,#28323c 48%,#10171f 51%,#03070d 70%);border-bottom:1px solid #acbdce55;transform-origin:50% 100%;transform:translateY(-135%)}.vision-original-mark{position:absolute;right:6%;top:15%;width:58px;height:80px;padding:6px;background:#fff;z-index:6}.vision-original-mark img{width:100%;height:100%;object-fit:contain}.vision-film{grid-template-columns:.65fr 1.35fr;gap:3%;inset:12% 5% 12%}.lens-screen{width:min(66vw,72svh);height:min(66vw,72svh);min-height:0;max-height:none;aspect-ratio:1;border:0;background:none;justify-self:end}.lens-housing{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.lens-aperture{position:absolute;left:30.2%;top:25.8%;width:54%;height:54%;overflow:hidden;border-radius:50%;background:#050b14;box-shadow:inset 0 0 18px #000b}.lens-aperture video,.lens-aperture canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.lens-aperture::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:50%;border:3px solid #a3c3ef44;background:linear-gradient(135deg,#fff2,transparent 35%,transparent 70%,#afceff1a)}.vision-film-copy h3{font-size:clamp(48px,6vw,95px);color:#fff}.film-control{bottom:-2%}.dream-fresh:not(.directed) .drop-camera,.dream-fresh:not(.directed) .optical-iris{display:none}.dream-fresh:not(.directed) .optical-type{opacity:1}.dream-fresh:not(.directed) .dock-body{clip-path:none}.dream-fresh:not(.directed) .dock-lens{display:none}.dream-fresh:not(.directed) .vision-original-mark{display:none}.dream-fresh:not(.directed) .lens-screen{width:100%;height:65svh;aspect-ratio:9/16;max-width:400px}.dream-fresh:not(.directed) .lens-housing{display:none}.dream-fresh:not(.directed) .lens-aperture{inset:0;width:100%;height:100%;border-radius:0;box-shadow:none}.dream-fresh:not(.directed) .lens-aperture video{object-fit:contain}.dream-fresh:not(.directed) .lens-aperture::after{display:none}
@media(max-width:700px){.drop-camera,.camera-dock{width:96vw;height:60svh;top:52%}.optical-type{font-size:21vw;top:19%}.vision-film{grid-template-columns:1fr;inset:14% 6% 14%;align-content:start;gap:12px}.lens-screen{width:min(88vw,53svh);height:min(88vw,53svh);justify-self:center}.vision-film-copy h3{font-size:11vw;margin:12px 0}.vision-original-mark{width:43px;height:60px;top:15%;right:6%}.film-control{bottom:0}.shot-optical .scene-kicker{font-size:8px}}

.lens-aperture video{object-position:50% 15%}.directed .shot-hero{height:240svh}@media(max-width:700px){.directed .shot-hero{height:220svh}}

.hero-iris{z-index:9}.dream-fresh:not(.directed) .hero-iris{display:none}
/* Follow the light into a real production reel. Native vertical scroll drives it. */
.shot-reel{background:#f1eee5;color:#10151b}.light-handoff{position:absolute;inset:0;z-index:4;pointer-events:none}.light-plate{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:90% 44%}.light-title{position:absolute;left:6%;top:18%;font-size:clamp(80px,13vw,200px);z-index:3;color:#10151b;text-shadow:0 1px 15px #fff8}.light-title em{color:#143ed8}.light-beam{position:absolute;left:28%;top:29%;width:80%;height:36%;clip-path:polygon(0 35%,100% 0,100% 100%,0 65%);background:linear-gradient(90deg,#fff3,#fff9,#ffffffd9);transform-origin:left;opacity:0;pointer-events:none}.light-exposure{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.reel-world{position:absolute;inset:0;opacity:0;z-index:6;background:#f1eee5}.reel-heading{position:absolute;left:6%;right:6%;top:13%;display:flex;align-items:end;gap:30px;flex-wrap:wrap}.reel-heading .kicker{width:100%;font-size:9px}.reel-heading h3{font:400 clamp(35px,5vw,70px)/.95 StudioDisplay,sans-serif}.reel-heading h3 em{font-style:normal;color:#143ed8}.reel-heading output{margin-left:auto;font:600 11px/1 Manrope,sans-serif;letter-spacing:2px}.rail-window{position:absolute;left:0;right:0;top:28%;height:54%;overflow:hidden}.reel-track{display:flex;gap:3vw;padding:0 6vw;width:max-content;height:100%;will-change:transform}.reel-frame{flex:0 0 32vw;width:32vw;height:100%;display:flex;flex-direction:column;gap:14px}.reel-frame:nth-child(3n+2){padding-top:30px}.reel-frame:nth-child(3n){padding-bottom:30px}.reel-open{position:relative;display:block;flex:1;width:100%;min-height:0;overflow:hidden;border:0;padding:0;background:#0b1017;cursor:zoom-in;color:#fff;text-align:left}.reel-open img{height:100%;width:100%;object-fit:contain;transition:transform .25s ease}.reel-open:focus-visible{outline:3px solid #143ed8;outline-offset:4px}.reel-enlarge{position:absolute;bottom:12px;right:12px;font:600 9px/1 Manrope,sans-serif;background:#10151bdd;padding:10px}.reel-frame figcaption{display:flex;gap:16px;font-size:10px;border-top:1px solid #10151b33;padding-top:10px}.reel-frame figcaption span{color:#143ed8;white-space:nowrap;font-size:9px}.reel-transport{position:absolute;left:6%;right:6%;bottom:12%;display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:10px}.reel-transport button{font:600 11px/1 Manrope,sans-serif;background:transparent;border:1px solid #10151b66;padding:12px 15px;color:inherit}.reel-dialog{padding:24px;width:min(94vw,1300px);height:92svh;border:0;background:#0b1017;color:#fff}.reel-dialog::backdrop{background:#000d}.reel-dialog[open]{display:flex;flex-direction:column;align-items:center;gap:18px}.reel-close{align-self:end;border:1px solid #ffffff66;padding:10px 18px;background:none;color:white;font-size:12px}.reel-full{width:100%;flex:1;min-height:0;object-fit:contain}.reel-dialog-bottom{width:100%;display:flex;align-items:center;gap:20px;justify-content:space-between;font-size:12px}.reel-dialog-bottom button{background:none;border:1px solid #ffffff66;color:white;padding:10px 18px}.directed .shot-reel{height:800svh}.dream-fresh:not(.directed) .shot-reel .pin{height:auto;min-height:0;padding:0 6% 80px}.dream-fresh:not(.directed) .light-handoff{position:relative;height:65svh;margin:0 -7%;overflow:hidden}.dream-fresh:not(.directed) .light-title{top:20%;font-size:12vw}.dream-fresh:not(.directed) .light-beam,.dream-fresh:not(.directed) .light-exposure{display:none}.dream-fresh:not(.directed) .reel-world{position:relative;inset:auto;opacity:1}.dream-fresh:not(.directed) .reel-heading{position:relative;inset:auto;padding:40px 0}.dream-fresh:not(.directed) .rail-window{position:relative;inset:auto;height:auto;overflow:visible}.dream-fresh:not(.directed) .reel-track{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:auto;padding:0;gap:35px 20px}.dream-fresh:not(.directed) .reel-frame{width:100%;height:420px;padding:0}.dream-fresh:not(.directed) .reel-open{min-height:0}.dream-fresh:not(.directed) .reel-transport{display:none}.dream-fresh:not(.directed) .shot-reel .scene-rail{position:relative;inset:auto;margin-top:50px}
@media(max-width:700px){.light-plate{object-position:62% center;transform-origin:85% 44%}.light-title{font-size:22vw;top:19%;left:6%}.directed .shot-reel{height:1100svh}.reel-heading{top:14%;gap:16px}.reel-heading h3{font-size:11vw}.reel-heading .kicker{font-size:7px}.rail-window{top:29%;height:51%}.reel-track{gap:6vw}.reel-frame{flex-basis:76vw;width:76vw}.reel-frame:nth-child(3n+2){padding-top:15px}.reel-frame:nth-child(3n){padding-bottom:15px}.reel-frame figcaption{font-size:9px;gap:10px}.reel-transport{bottom:12%;gap:10px}.reel-transport p{display:none}.reel-transport button{font-size:10px;padding:10px}.reel-dialog{padding:16px}.reel-dialog-bottom{font-size:10px;gap:12px}.dream-fresh:not(.directed) .reel-track{grid-template-columns:1fr}.dream-fresh:not(.directed) .light-title{font-size:22vw}.dream-fresh:not(.directed) .reel-frame{height:520px}}
@media(prefers-reduced-motion:reduce){.reel-track{will-change:auto}.reel-open img{transition:none}.directed .shot-reel{height:auto!important}}