.camera-replica{position:absolute;inset:0;margin:0;transform:translate3d(var(--camera-x, 16vw),var(--camera-y, 0),0) scale(var(--camera-scale, 1));will-change:transform;pointer-events:none}.camera-replica-poster,.camera-replica-scene{position:absolute;inset:0;width:100%;height:100%}.camera-replica-poster{object-fit:contain;padding:8svh 14vw;opacity:1;transition:opacity .5s}.camera-replica-scene{opacity:0;transition:opacity .6s}.camera-replica-scene canvas{display:block;width:100%;height:100%}.camera-replica[data-status=ready]:not([data-static=true]) .camera-replica-scene{opacity:1}.camera-replica[data-status=ready]:not([data-static=true]) .camera-replica-poster{opacity:0}.camera-replica-annotations{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none}.camera-replica-note{position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;color:var(--camera-muted, #a3a3a3);font:7px/1.6 var(--font-mono);letter-spacing:.09em}.camera-replica-note:before{content:"";position:absolute;bottom:8px;left:0;width:1px;height:25px;background:currentColor;opacity:.5}.camera-replica-note:after{content:"";position:absolute;top:-2px;left:-2px;width:4px;height:4px;border:1px solid currentColor;border-radius:50%}.camera-replica-note>span{position:absolute;bottom:39px;left:0;transform:translate(-50%);white-space:nowrap}.camera-replica-note-below:before{top:8px;bottom:auto}.camera-replica-note-below>span{top:39px;bottom:auto}.camera-replica-note-long:before{height:54px}.camera-replica-note-long>span{bottom:68px}.camera-replica:not([data-status=ready]) .camera-replica-annotations{display:none}@media(min-width:1024px)and (max-height:600px),(prefers-reduced-motion:reduce){.camera-replica-annotations{display:none}}@media(max-width:1023px){.camera-replica-note{font-size:6px;letter-spacing:.025em}.camera-replica-note:before{height:16px}.camera-replica-note>span{bottom:28px}.camera-replica-note-below>span{top:28px;bottom:auto}.camera-replica-note-long:before{height:32px}.camera-replica-note-long>span{bottom:44px}}.camera-replica-retry{position:absolute;inset:auto 0 15%;display:flex;justify-content:center}.camera-replica-retry button{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:0 16px;border:1px solid #bfbfbf4d;border-radius:24px;color:var(--camera-ink, #e8e8e8);background:var(--camera-floor, #000);font:10px var(--font-mono);pointer-events:auto}@media(max-width:767px),(max-width:1023px)and (orientation:portrait){.camera-replica{inset:7svh -3vw auto;height:54svh;transform:translateZ(0) scale(var(--camera-mobile-scale, 1))}.camera-replica-poster{padding:0 4vw}}@media(max-height:540px)and (min-width:768px){.camera-replica{transform:translate3d(var(--camera-x, 16vw),0,0) scale(.87)}}@media(prefers-reduced-motion:reduce){.camera-replica{transform:none;will-change:auto}.camera-replica-scene{display:none}.camera-replica[data-status=ready] .camera-replica-poster{opacity:1}.camera-replica-poster{transition:none}}.studio-hero{--studio-hero-exit: 0;--studio-hero-pointer-x: 0;--studio-hero-pointer-y: 0;position:relative;min-height:680px;height:100svh;background:#000;color:#fff;isolation:isolate;overflow:clip}.studio-hero-world{position:absolute;inset:0;perspective:1200px;pointer-events:none}.studio-hero-prop{position:absolute;z-index:var(--prop-layer, 1);left:var(--prop-x);top:var(--prop-y);width:var(--prop-width);aspect-ratio:1;transform:translate(-50%,-50%)}.studio-hero-prop-arrival{width:100%;height:100%;animation:studio-prop-arrive 1.65s cubic-bezier(.16,1,.3,1) var(--prop-delay) both}.studio-hero-prop-retreat{width:100%;height:100%;opacity:calc(1 - var(--studio-hero-exit) * 1.3);transform:translate3d(calc(var(--studio-hero-exit) * var(--prop-exit-x)),calc(var(--studio-hero-exit) * var(--prop-exit-y)),calc(var(--studio-hero-exit) * -160px)) rotate(calc(var(--studio-hero-exit) * var(--prop-exit-roll)))}.studio-hero-prop-render{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transform:translate3d(calc(var(--studio-hero-pointer-x) * var(--prop-parallax)),calc(var(--studio-hero-pointer-y) * var(--prop-parallax)),0) rotateX(calc(var(--studio-hero-pointer-y) * -3deg)) rotateY(calc(var(--studio-hero-pointer-x) * 4deg)) rotate(var(--prop-roll));transition:transform .75s cubic-bezier(.16,1,.3,1)}.studio-hero-prop-lens{--prop-x: 17%;--prop-y: 26%;--prop-width: clamp(190px, 25vw, 370px);--prop-roll: -17deg;--prop-delay: 80ms;--prop-entry-x: -18vw;--prop-entry-y: -22svh;--prop-entry-roll: -32deg;--prop-exit-x: -150px;--prop-exit-y: -100px;--prop-exit-roll: -12deg;--prop-parallax: -14px}.studio-hero-prop-flash{--prop-x: 84%;--prop-y: 28%;--prop-width: clamp(190px, 22.5vw, 335px);--prop-roll: 17deg;--prop-delay: .24s;--prop-entry-x: 18vw;--prop-entry-y: -25svh;--prop-entry-roll: 37deg;--prop-exit-x: 160px;--prop-exit-y: -110px;--prop-exit-roll: 15deg;--prop-parallax: -21px}.studio-hero-prop-film{--prop-layer: 3;--prop-x: 16%;--prop-y: 75%;--prop-width: clamp(210px, 27vw, 400px);--prop-roll: 12deg;--prop-delay: .39s;--prop-entry-x: -22vw;--prop-entry-y: 24svh;--prop-entry-roll: 28deg;--prop-exit-x: -170px;--prop-exit-y: 120px;--prop-exit-roll: 13deg;--prop-parallax: 18px}.studio-hero-prop-camera{--prop-layer: 3;--prop-x: 83%;--prop-y: 76%;--prop-width: clamp(235px, 32vw, 480px);--prop-roll: -12deg;--prop-delay: .53s;--prop-entry-x: 23vw;--prop-entry-y: 26svh;--prop-entry-roll: -25deg;--prop-exit-x: 180px;--prop-exit-y: 150px;--prop-exit-roll: -14deg;--prop-parallax: 25px}.studio-hero-center{position:absolute;z-index:2;left:50%;top:48%;width:min(81vw,1190px);text-align:center;transform:translate(-50%,-50%) translateY(calc(var(--studio-hero-exit) * -65px));opacity:calc(1 - var(--studio-hero-exit) * .8)}.studio-hero-wordmark{margin:0;width:100%;animation:studio-wordmark-arrive 1.3s cubic-bezier(.16,1,.3,1) both}.studio-hero-wordmark img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.studio-hero-center p{position:absolute;left:50%;top:calc(100% + 27px);transform:translate(-50%);width:min(420px,70vw);color:#aaa;font-size:12px;line-height:1.9;text-wrap:balance}.studio-hero-scroll{position:absolute;z-index:4;left:50%;bottom:23px;transform:translate(-50%);min-height:44px;display:flex;align-items:center;gap:17px;padding:0 12px;color:#aaa;font:7px/1.8 var(--font-mono);letter-spacing:.13em;transition:color .2s}.studio-hero-scroll:hover{color:#fff}.studio-hero-scroll:focus-visible{outline:1px solid #fff;outline-offset:3px;border-radius:3px}@keyframes studio-prop-arrive{0%{opacity:0;transform:translate3d(var(--prop-entry-x),var(--prop-entry-y),-450px) rotate(var(--prop-entry-roll))}60%{opacity:1}to{opacity:1;transform:translateZ(0) rotate(0)}}@keyframes studio-wordmark-arrive{0%{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:767px){.studio-hero{min-height:660px}.studio-hero-world{perspective:800px}.studio-hero-center{top:48%;width:88vw}.studio-hero-center p{top:calc(100% + 21px);width:75vw;max-width:300px;font-size:11px}.studio-hero-prop-lens{--prop-x: 22%;--prop-y: 28%;--prop-width: 47vw;--prop-roll: -18deg}.studio-hero-prop-flash{--prop-x: 81%;--prop-y: 26%;--prop-width: 46vw;--prop-roll: 15deg}.studio-hero-prop-film{--prop-x: 23%;--prop-y: 75%;--prop-width: 51vw;--prop-roll: 12deg}.studio-hero-prop-camera{--prop-x: 77.5%;--prop-y: 78%;--prop-width: 57vw;--prop-roll: -12deg}.studio-hero-scroll{bottom:20px;font-size:6px}}@media(max-height:650px)and (min-width:768px){.studio-hero{min-height:600px}.studio-hero-prop-lens,.studio-hero-prop-flash{--prop-width: 23vw}.studio-hero-prop-camera{--prop-width: 28vw}.studio-hero-prop-film{--prop-width: 24vw}}@media(prefers-reduced-motion:reduce){.studio-hero-prop-arrival,.studio-hero-wordmark{animation:none}.studio-hero-prop-render,.studio-hero-scroll{transition:none}.studio-hero-prop-retreat{transform:none;opacity:1}.studio-hero-center{transform:translate(-50%,-50%);opacity:1}}