/* Original camera construction, now isolated from the Classic Cinema page. */
.making-opening{height:480svh;position:relative;scroll-margin-top:0}
.making-opening .cinema-stage{height:100svh;min-height:650px;position:sticky;top:0;background:#09090b}
.making-opening .camera-body{max-width:none;aspect-ratio:4/3;filter:drop-shadow(0 25px 28px #0009)}
.making-opening .camera-component{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform}
.making-opening .component-body{clip-path:polygon(0 34%,74% 34%,74% 82%,0 82%)}
.making-opening .component-rails{clip-path:polygon(0 82%,100% 82%,100% 100%,0 100%)}
.making-opening .component-handle{clip-path:polygon(0 0,62% 0,62% 34%,0 34%)}
.making-opening .component-monitor{clip-path:polygon(62% 0,100% 0,100% 38%,74% 38%,74% 34%,62% 34%)}
.making-opening .component-battery{clip-path:polygon(74% 38%,100% 38%,100% 82%,74% 82%)}
.making-opening .copy-build{position:absolute;left:5%;top:32%;z-index:7;opacity:0;pointer-events:none}
.making-opening .copy-build h2{font-size:clamp(55px,6.2vw,105px)}
.making-opening .copy-build .scene-description{font-size:12px!important;line-height:1.8!important;max-width:300px}
.making-opening .assembly-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px;max-width:310px;margin-top:26px;font-size:10px;letter-spacing:.07em;color:#7c7a71}
.making-opening .assembly-checks span:before{content:'';display:inline-block;width:4px;height:4px;border:1px solid #8f867555;margin-right:8px;border-radius:50%}
.making-opening .assembly-checks .complete{color:#e3c893}
.making-opening .assembly-checks .complete:before{background:#dfbc7a;box-shadow:0 0 10px #d5b87555;border-color:#dfbc7a}
.making-opening .assembly-ready{display:block;margin-top:22px;font-size:10px;letter-spacing:.08em;color:#dec58d;opacity:0}
.making-opening .copy-origin .film-hero-link{display:flex;align-items:center;gap:12px;width:max-content;color:#ead3aa;font-size:12px;margin-top:24px;min-height:44px;border-bottom:1px solid #bca07066;padding:6px 0}
.making-opening .film-play-dot{width:31px;height:31px;display:grid;place-items:center;font-size:10px;border:1px solid #ac926266;border-radius:50%}
.making-opening .film-hero-link small{font-size:9px;color:#978b75;margin-left:10px}
.making-opening .making-hero-enquiry{display:inline-flex;gap:25px;align-items:center;min-height:44px;font-size:11px;color:#c4bbab;margin-top:4px}
.making-opening .copy-origin .scene-description{max-width:330px}
.making-opening .stage-title{top:115px;font-size:9px;letter-spacing:.14em}
.making-opening .scene-rail{right:1.4%;top:34%;gap:2px;max-height:330px}
.making-opening .scene-rail button{min-width:44px;min-height:44px;font-size:9px}
.making-opening .scene-rail i{flex:0 0 3px}
.making-opening .light-console{top:153px;right:4.5vw;width:244px;border-radius:0;border-color:#bba37533;background:#0b0b0be8}
.making-opening .light-console:not([open]){width:170px}
.making-opening .light-console summary{font-size:10px;min-height:44px}
.making-opening .light-console label{display:block;color:#b4a58b;font-size:10px;margin-top:10px}
.making-opening .light-console input{height:44px;cursor:pointer}
.making-opening .light-console[open]{max-height:calc(100svh - 245px);overflow:auto;overscroll-behavior:contain}
.making-opening .live-lamps{pointer-events:none}
.making-opening .light-swatch{width:44px;height:44px;min-width:44px}
.making-opening .moving-light{top:99px}
.making-opening .curtain-transition i{background:linear-gradient(95deg,#100d0e,#572a31 45%,#331b21 65%,#100d0e);box-shadow:20px 0 45px #0006}
.making-opening .curtain-transition{inset:-10% -20%}
.making-opening .world-studio .world-text{inset:20% 5% auto}
.making-opening .world-studio .world-alpha{width:min(37vw,550px)!important;margin:5px auto 5px}
.making-opening .world-studio .world-text h2{font-size:clamp(55px,5.4vw,95px)}
.making-opening .world-text .eyebrow{font-size:10px;letter-spacing:.12em}
.making-opening .world-text>p:last-child{font-size:13px}
.making-opening .world-coordinate{font-size:9px;color:#d2c8b5;letter-spacing:.12em}
.making-opening .studio-beams{position:absolute;inset:0;z-index:1;pointer-events:none}
.making-opening .studio-beams i{position:absolute;top:0;left:20%;width:20%;height:100%;background:linear-gradient(#f9dda640,transparent);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);transform:rotate(18deg);transform-origin:top;filter:blur(14px)}
.making-opening .studio-beams i:nth-child(2){left:45%;transform:rotate(-12deg)}
.making-opening .studio-beams i:nth-child(3){left:70%;transform:rotate(20deg)}
.making-opening .cinema-bottom{bottom:28px;font-size:10px}
.making-opening .experience-scrub>span:last-child{font-size:9px;width:132px}
.making-opening .experience-scrub>span:first-child{font-size:10px}
.making-opening .skip-experience{font-size:10px;letter-spacing:.08em;gap:14px}
.making-opening .skip-experience span{font-size:20px}
.making-opening button:focus-visible,.making-opening a:focus-visible,.making-opening summary:focus-visible{outline:2px solid #e2c186;outline-offset:5px}
.motion-off .making-opening .cap-surface:after,.motion-off .making-opening .moving-light,.motion-off .making-opening .spotlight{animation-play-state:paused!important}
@media(max-height:780px) and (min-width:761px){
 .making-opening .copy-origin{top:29%}.making-opening .copy-origin h1{font-size:clamp(74px,7.7vw,128px)}
 .making-opening .copy-origin .scene-description{margin-top:20px!important}
 .making-opening .play-journey{margin-top:20px}.making-opening .copy-origin .film-hero-link{margin-top:12px}
 .making-opening .scene-copy .eyebrow{margin-bottom:20px}
 .making-opening .light-console{top:133px}
}
@media(max-width:760px){
 .making-opening{height:430svh}
 .making-opening .cinema-stage{height:100svh;min-height:0}
 .making-opening .stage-title{top:90px;font-size:9px;letter-spacing:.1em}
 .making-opening .copy-origin{top:auto;bottom:13%;left:5%;right:9%}
 .making-opening .copy-origin h1{font-size:16vw;line-height:.87;max-width:300px}
 .making-opening .copy-origin .eyebrow{margin-bottom:15px;font-size:9px}
 .making-opening .copy-origin .scene-description{margin-top:18px!important;font-size:12px!important;line-height:1.6!important;max-width:315px}
 .making-opening .copy-origin .play-journey{margin-top:16px;gap:9px;flex-wrap:nowrap;font-size:11px;max-width:none}
 .making-opening .play-duration{font-size:9px!important}
 .making-opening .copy-origin .film-hero-link{margin-top:5px;min-height:44px;font-size:11px}
 .making-opening .film-play-dot{width:27px;height:27px}
 .making-opening .making-hero-enquiry{margin-top:0;font-size:11px;min-height:44px}
 .making-opening .scene-rail{right:0;top:28%;gap:0;max-height:280px}
 .making-opening .scene-rail button{min-height:44px;height:44px;min-width:44px;width:44px;font-size:8px}
 .making-opening .light-console{top:111px;right:14px;width:244px;padding:10px 13px}
 .making-opening .light-console:not([open]){width:154px;padding-top:2px;padding-bottom:2px}
 .making-opening .light-console[open]{max-height:calc(100svh - 170px)}
 .making-opening .light-console summary{font-size:10px;min-height:44px}
 .making-opening .moving-light{top:85px;left:calc(18% + var(--lamp-index)*19%)}
 .making-opening .copy-build{top:auto;bottom:17%;left:5%;right:10%}
 .making-opening .copy-build h2{font-size:12vw}
 .making-opening .copy-build .eyebrow{font-size:9px;margin-bottom:15px}
 .making-opening .copy-build .scene-description{font-size:12px!important;max-width:290px;margin-top:15px!important}
 .making-opening .assembly-checks{max-width:310px;grid-template-columns:repeat(3,1fr);margin-top:18px;font-size:9px;gap:11px 8px;letter-spacing:0}
 .making-opening .assembly-checks span:before{margin-right:5px;width:3px;height:3px}
 .making-opening .assembly-ready{font-size:9px;margin-top:15px}
 .making-opening .copy-anatomy{bottom:22%}
 .making-opening .copy-focus{bottom:20%}
 .making-opening .camera-signature{left:52%;bottom:16%;width:170px}
 .making-opening .camera-signature span{font-size:8px}
 .making-opening .cinema-bottom{bottom:24px;gap:8px}
 .making-opening .experience-scrub{gap:7px}
 .making-opening .experience-scrub input{width:55px}
 .making-opening .experience-scrub>span:last-child{font-size:7px;width:74px;line-height:1.5}
 .making-opening .experience-scrub>span:first-child{font-size:8px}
 .making-opening .skip-experience{font-size:8px;max-width:102px;line-height:1.6;gap:6px}
 .making-opening .world-text{bottom:24%;top:auto}
 .making-opening .world-text .eyebrow{font-size:9px}
 .making-opening .world-text>p:last-child{font-size:12px;max-width:300px;line-height:1.7}
 .making-opening .world-coordinate{font-size:7px;bottom:25%;right:5%}
 .making-opening .world-studio .world-text{inset:28% 5% auto}
 .making-opening .world-studio .world-alpha{width:76vw!important;margin:20px auto}
 .making-opening .world-studio .world-text h2{font-size:13vw}
}
@media(max-width:390px){.making-opening .copy-origin h1{font-size:15vw}.making-opening .copy-origin{bottom:12%}.making-opening .scene-rail{top:26%}}
@media(prefers-reduced-motion:reduce){
 .making-opening{height:auto;min-height:0}
 .making-opening .cinema-stage{position:relative;height:100svh;min-height:0}
 .making-opening .cap-surface:after,.making-opening .moving-light,.making-opening .spotlight{animation:none!important}
 .making-opening .portal-worlds{display:block}
 .making-opening .copy-origin{opacity:var(--reduced-origin,1)!important}
 .making-opening .play-journey,.making-opening .experience-toggle,.making-opening .experience-scrub{display:none}
 .making-opening .scene-rail{display:flex}
 .making-opening .cinema-bottom{justify-content:flex-end}
 .making-opening .camera-component{transition:none}
 .making-opening .curtain-transition{display:none}
 .making-opening .camera-signature{display:grid}
}

.making-opening .light-toggle,.making-opening .lens-reveal{min-height:44px}

@media(max-width:760px) and (max-height:740px){
 .making-opening .cinema-stage{min-height:0;height:100svh}
 .making-opening .stage-title{display:none}
 .making-opening .lens-rig{width:58vw}
 .making-opening .copy-origin{bottom:13%}
 .making-opening .copy-origin h1{font-size:13vw;line-height:.9}
 .making-opening .copy-origin .eyebrow{font-size:8px;margin-bottom:10px}
 .making-opening .copy-origin .scene-description{font-size:11px!important;line-height:1.5!important;margin-top:12px!important;max-width:295px}
 .making-opening .copy-origin .play-journey{display:none}
 .making-opening .copy-origin .film-hero-link{margin-top:6px}
 .making-opening .making-hero-enquiry{font-size:10px}
 .making-opening .copy-build{bottom:17%}
 .making-opening .copy-build h2{font-size:10.5vw}
 .making-opening .copy-build .eyebrow{font-size:8px;margin-bottom:10px}
 .making-opening .copy-build .scene-description{font-size:10px!important;line-height:1.5!important;margin-top:10px!important;max-width:275px}
 .making-opening .assembly-checks{font-size:8px;margin-top:12px;gap:9px 6px}
 .making-opening .assembly-ready{font-size:8px;margin-top:10px}
 .making-opening .copy-anatomy{bottom:22%}
 .making-opening .copy-anatomy h2{font-size:11vw}
 .making-opening .copy-anatomy .scene-description{font-size:11px!important}
 .making-opening .scene-rail{top:24%}
 .making-opening .light-console{top:80px}
 .making-opening .cinema-bottom{bottom:14px}
 .making-opening .world-studio .world-text{inset:22% 5% auto}
}