@font-face{font-family:DM;src:url(assets/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhTg.ttf);font-display:swap}@font-face{font-family:Bodoni;src:url(assets/BodoniModa-Bold-24pt.ttf);font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f3f0e8;color:#082b47;font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ba6e36;outline-offset:5px}::selection{background:#dca165;color:#082b47}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400;letter-spacing:-.055em;line-height:.98}h1 em,h2 em{font-family:Bodoni,Georgia,serif;font-style:normal;letter-spacing:-.065em}h2{font-size:clamp(44px,5.3vw,84px)}.preview-label{padding:8px 4%;background:#082b47;color:#f3f0e8;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px}.preview-label span{letter-spacing:.6px;opacity:.75}header{margin:0 4%;height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #082b4733}.brand{display:block;width:205px}.brand img{width:100%;display:block}header nav{display:flex;align-items:center;gap:38px;font-size:12px}header nav a{padding:12px 0}.nav-cta{border-bottom:1px solid #082b47}.nav-cta span{margin-left:25px}.menu{display:none}.hero{padding:60px 4% 0;display:grid;grid-template-columns:46% 54%;position:relative}.eyebrow,.section-index{font-size:10px;letter-spacing:1.6px;line-height:1.6}.square{display:inline-block;width:7px;height:7px;background:#dca165;margin-right:9px}.hero h1{font-size:clamp(66px,7.9vw,124px);position:relative;z-index:2;margin:38px -40px 42px 0}.hero-bottom{display:flex;align-items:center;gap:50px;padding-bottom:40px}.hero-bottom p{font-size:14px;line-height:1.7;color:#536976}.circle-link{width:58px;height:58px;border:1px solid #082b4740;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:background .3s,transform .3s}.circle-link:hover{background:#dca165;transform:rotate(12deg)}.hero-image{position:relative;height:590px;margin-top:5px}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:33% center}.hero-image:before{position:absolute;content:"";inset:16px;border:1px solid #f3f0e866;z-index:1;pointer-events:none}.image-rule{position:absolute;width:1px;height:120%;background:#082b471a;left:45%;top:-7%;pointer-events:none}.hero-image figcaption{position:absolute;bottom:26px;left:27px;right:27px;color:white;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;text-shadow:0 1px 4px #000}.material-tag{position:absolute;right:-1px;top:40px;background:#f3f0e8;width:215px;padding:23px 25px 23px;border-left:4px solid #dca165;z-index:2}.material-tag .eyebrow{font-size:8px}.material-tag strong{font-size:22px;display:block;font-weight:400;line-height:1.18;margin:14px 0 18px;letter-spacing:-.5px}.chips{display:flex}.chips i{height:20px;width:45px;background:#082b47}.chips i:nth-child(2){background:#dca165}.chips i:nth-child(3){background:#dcdcd4}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;border-bottom:1px solid #082b4733;padding:30px 0;gap:16px}.hero-foot a{color:#536976}.section-wrap{margin:0 4%;padding:105px 0}.perspective{display:grid;grid-template-columns:19% 67% 14%;border-bottom:1px solid #082b4733}.perspective-copy{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:700px;margin-top:40px}.perspective-copy p{font-size:14px;line-height:1.85;color:#536976}.margin-note{writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;justify-self:end;display:flex;gap:40px}.tiny-corner{border-right:2px solid #dca165;border-bottom:2px solid #dca165;width:40px;height:40px}.section-top{display:flex;justify-content:space-between;gap:24px;margin-bottom:55px}.section-top>p:last-child{font-size:13px;line-height:1.6;color:#536976}.spaces-layout{display:grid;grid-template-columns:38% 62%;gap:0}.space-tabs{padding-right:55px}.space-tabs button{width:100%;background:none;border:0;border-top:1px solid #082b4733;text-align:left;color:#536976;padding:30px 0;display:grid;grid-template-columns:32px 1fr 25px;align-items:start;gap:8px;transition:color .3s}.space-tabs button:last-child{border-bottom:1px solid #082b4733}.space-tabs button>span{font-size:10px;padding-top:4px}.space-tabs strong{font-size:clamp(22px,2.7vw,40px);font-weight:400;letter-spacing:-1.4px;line-height:1.1}.space-tabs b{font-size:25px;font-weight:400;opacity:0}.space-tabs button[aria-selected=true]{color:#082b47}.space-tabs button[aria-selected=true] b{opacity:1}.space-tabs button[aria-selected=true]>span{color:#ac622f}#space-panel figure{height:350px;position:relative;background:#b3bec0}#space-panel img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:12px;left:16px;background:#f3f0e8de;padding:7px;font-size:8px;letter-spacing:1px}.space-description{padding-top:28px}.space-description h3{font-size:27px;letter-spacing:-1px;font-weight:400}.space-description p{max-width:530px;font-size:14px;line-height:1.8;margin:16px 0 25px;color:#536976}.space-description>div{font-size:8px;letter-spacing:1px;display:flex;gap:14px;flex-wrap:wrap}.space-description>div span{color:#ac622f}.finish-study{--surface:#e8e6dc;--trim:#153b50;--accent:#b7a38e;display:grid;grid-template-columns:35% 65%;background:#082b47;color:#f3f0e8;padding:85px 4%;gap:40px}.study-heading h2{font-size:clamp(40px,4.5vw,68px);margin:27px 0}.study-heading>p:not(.section-index){font-size:13px;line-height:1.8;max-width:330px;color:#c2ccd0}.palette-options{margin-top:35px;border-top:1px solid #f3f0e844}.palette-options button{display:flex;align-items:center;gap:14px;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid #f3f0e844;padding:18px 0;color:#f3f0e8;font-size:12px}.palette-options small{margin-left:auto;color:#a9bac4}.palette-dot{height:22px;width:22px;border:4px solid #082b47;outline:1px solid #f3f0e844;background:#e8e6dc}.mineral{background:#bba48e}.graphite{background:#7e8b91}.palette-options button[aria-pressed=true] .palette-dot{outline:1px solid #dca165}.palette-options button[aria-pressed=true]{color:#e4ad79}.study-heading .study-note{font-size:10px!important;margin-top:26px;color:#9eafb8!important}.drawing{align-self:center;background:#f3f0e8;color:#082b47;padding:24px 30px 0;min-width:0}.drawing-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px}.drawing svg{display:block;width:100%;height:auto}.building-main{fill:var(--surface);transition:fill .7s}.building-trim{fill:var(--trim);transition:fill .7s}.building-side{fill:var(--surface);filter:brightness(.85);transition:fill .7s}.building-accent{fill:var(--accent);transition:fill .7s}.palette-spec{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #082b4733;margin-top:15px}.palette-spec>div{padding:18px 10px 24px 0;position:relative}.palette-spec span{font-size:7px;letter-spacing:1px;display:block}.palette-spec strong{display:block;font-size:12px;font-weight:400;margin-top:9px}.palette-spec i{display:block;width:70%;height:5px;margin-top:13px;background:var(--surface)}#trim-chip{background:var(--trim)}#accent-chip{background:var(--accent)}.process .section-index{margin-bottom:27px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #082b4733}.process-grid article{padding:35px 40px 0 0}.process-grid article+article{padding-left:40px;border-left:1px solid #082b4733}.step{font-size:11px;color:#9b5c30}.process-grid h3{font-size:35px;font-weight:400;letter-spacing:-1.3px;line-height:1.1;margin:35px 0 23px}.process-grid p{font-size:13px;line-height:1.9;color:#536976;max-width:290px}.process-detail{display:block;font-size:8px;letter-spacing:1px;margin-top:34px}.project-brief{margin:0 4%;padding:75px 5%;background:#dedfd6;display:grid;grid-template-columns:55% 45%;gap:45px;position:relative;overflow:hidden}.project-brief h2{font-size:clamp(40px,4.6vw,68px);margin:35px 0 25px}.project-brief p{font-size:13px;line-height:1.6;max-width:290px}.brief-mark{font-family:Bodoni,serif;font-size:140px;line-height:1;opacity:.08;display:block;margin-top:40px}.preview-notice{font-size:9px!important;max-width:none!important;border-bottom:1px solid #082b4744;padding-bottom:18px;color:#536976}fieldset{border:0;padding:0;margin:25px 0}legend,.field{font-size:11px;margin-bottom:15px}fieldset label{display:inline-block;margin:4px 4px 4px 0}fieldset input{position:absolute;opacity:0}fieldset label span{padding:10px 13px;border:1px solid #082b4740;font-size:10px;display:block;cursor:pointer}fieldset input:checked+span{background:#082b47;color:#f3f0e8}fieldset input:focus-visible+span{outline:2px solid #ac622f;outline-offset:3px}.field{display:block}.field select{display:block;width:100%;background:none;border:0;border-bottom:1px solid #082b4766;border-radius:0;padding:12px 0;color:#082b47;margin-bottom:24px;font-size:14px}.brief-submit{background:#082b47;border:0;color:#f3f0e8;display:flex;justify-content:space-between;padding:19px 22px;font-size:12px;width:100%;margin-top:34px}.brief-submit:hover{background:#164663}#brief-result{padding:20px;background:#f3f0e8;margin-top:20px;font-size:12px;line-height:1.8;border-left:3px solid #b17646}footer{margin:0 4%;padding:60px 0 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}footer img{width:200px}footer p{font-size:21px;letter-spacing:-.5px}footer>div{display:flex;flex-direction:column;gap:20px;align-items:flex-end;font-size:10px}footer>div span{font-size:8px;letter-spacing:1.4px}footer small{grid-column:1/-1;font-size:9px;color:#536976;border-top:1px solid #082b4733;padding-top:25px}.hero-copy{animation:enter .8s ease both}.hero-image{animation:enter 1s .15s ease both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(min-width:1600px){body{max-width:1900px;margin:auto}.hero-image{height:680px}}@media(max-width:1000px){header nav{gap:20px}.hero-image{height:540px}.hero h1{font-size:8.6vw}.material-tag{width:170px;padding:18px}.material-tag strong{font-size:19px}.hero-bottom{gap:25px}.hero-foot{font-size:8px}.perspective{grid-template-columns:20% 80%}.margin-note{display:none}.finish-study{grid-template-columns:34% 66%;gap:20px}.drawing{padding:20px 16px 0}.process-grid h3{font-size:28px}.project-brief{gap:25px;grid-template-columns:1fr 1fr}.space-tabs{padding-right:30px}}
@media(max-width:700px){.preview-label{font-size:7px;letter-spacing:1px;padding:9px 5%}.preview-label span{font-size:7px;max-width:150px;text-align:right;line-height:1.4}header{height:86px;margin:0 5%}.brand{width:163px}header nav{display:none}.menu{display:flex;gap:20px;background:none;border:0;color:#082b47;padding:15px 0;font-size:12px}.menu span{font-size:20px;line-height:14px}#mobile-nav:not([hidden]){display:flex;flex-direction:column;background:#e3e2d9;padding:16px 5%;gap:0}#mobile-nav a{padding:15px 0;border-bottom:1px solid #082b4720;font-size:14px}.hero{padding:35px 5% 0;display:block}.hero h1{font-size:clamp(65px,15vw,105px);margin:26px 0 25px;line-height:.95}.hero h1 br:nth-child(2){display:none}.hero h1 em{display:block}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero-bottom{justify-content:space-between;padding-bottom:25px}.hero-bottom p{font-size:12px;line-height:1.6}.hero-bottom p br:last-child{display:none}.circle-link{width:45px;height:45px;font-size:25px}.hero-image{height:390px;margin:0}.hero-image>img{object-position:35%}.material-tag{width:150px;top:24px;padding:16px 15px}.material-tag .eyebrow{font-size:6px}.material-tag strong{font-size:18px;margin:10px 0 12px}.chips i{height:12px;width:35px}.hero-image figcaption{left:20px;right:20px;bottom:20px;display:block;font-size:7px;line-height:1.8}.hero-image figcaption span{display:block}.hero-foot{display:grid;grid-template-columns:1fr 1fr;font-size:7px;gap:15px;padding:23px 0}.hero-foot a{text-align:right}.hero-foot span:nth-child(2){text-align:right}.section-wrap{margin:0 5%;padding:65px 0}.perspective{display:block}.section-index{font-size:8px}.perspective h2{margin-top:28px;font-size:43px}.perspective-copy{gap:23px;margin-top:27px;display:block}.perspective-copy p{font-size:13px;margin-bottom:16px}.section-top{margin-bottom:28px}.section-top>p:last-child{font-size:11px}.spaces-layout{display:block}.space-tabs{padding-right:0;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.space-tabs button{display:flex;flex-direction:column;padding:15px 8px 15px 0;gap:10px;border-bottom:1px solid #082b4733}.space-tabs strong{font-size:17px;letter-spacing:-.5px}.space-tabs b{display:none}.space-tabs button[aria-selected=true]{border-bottom:3px solid #b17646}.space-tabs button span{font-size:8px}#space-panel figure{height:260px}.space-description h3{font-size:24px}.space-description p{font-size:13px}.space-description>div{font-size:7px;gap:8px}.finish-study{display:block;padding:60px 5%}.study-heading h2{font-size:48px;margin:25px 0}.study-heading>p:not(.section-index){max-width:none}.palette-options{margin:25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.palette-options button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:10px;line-height:1.3;padding:16px 0}.palette-options small{display:none}.study-heading .study-note{font-size:9px!important;margin:20px 0 30px}.drawing{padding:15px 12px 0;margin:0 -1%}.drawing-meta{font-size:6px}.palette-spec{margin-top:5px}.palette-spec span{font-size:5px;letter-spacing:.6px}.palette-spec strong{font-size:9px}.palette-spec>div{padding:14px 5px 16px 0}.process .section-top{display:block}.process .section-top>p{margin-top:25px}.process h2{font-size:46px}.process-grid{display:block}.process-grid article,.process-grid article+article{padding:25px 0;border-left:0;border-bottom:1px solid #082b4733;display:grid;grid-template-columns:35px 1fr;gap:0 10px}.process-grid h3{font-size:27px;margin:0 0 20px}.process-grid h3 br{display:none}.process-grid p,.process-detail{grid-column:2}.process-detail{margin-top:20px}.project-brief{margin:0 5%;padding:45px 7%;display:block}.project-brief h2{font-size:43px;margin:25px 0}.project-brief>div>p:not(.section-index){margin-bottom:35px}.brief-mark{display:none}.project-brief form{margin-top:30px}footer{margin:0 5%;padding:45px 0 25px;grid-template-columns:1fr 1fr;gap:30px 20px}footer img{width:145px}footer p{font-size:17px}footer>div{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}footer small{font-size:8px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Cinematic architecture study: depth without a WebGL dependency. */
.cinema{height:210vh;min-height:1100px;position:relative;background:#082b47;color:#f3f0e8;--journey:0}.cinema-stage{height:calc(100vh - 20px);min-height:630px;position:sticky;top:0;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;overflow:hidden;z-index:-2;transform:scale(calc(1.04 + var(--journey)*.17)) rotate(calc((1 - var(--journey))*-1deg));transform-origin:65% 55%;will-change:transform}.scene>img{height:100%;width:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.62);transform:translateX(calc(var(--mouse-x,0)*-8px))}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,40,.82),rgba(4,25,40,.20) 70%),linear-gradient(0deg,rgba(4,25,40,.88),transparent 65%)}.scene-light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#dca16566 55%,transparent 80%);opacity:calc(var(--journey)*.6);mix-blend-mode:screen;transform:translateX(calc((1 - var(--journey))*-80%))}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#f3f0e814 1px,transparent 1px),linear-gradient(90deg,#f3f0e814 1px,transparent 1px);background-size:120px 120px;opacity:calc(.6 - var(--journey)*.6)}.scene-edge{position:absolute;inset:28px;border:1px solid #f3f0e833;pointer-events:none}.cinema-top{position:absolute;top:50px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.cinema-title{position:absolute;top:20%;left:7%;z-index:2;transform:translateY(calc(var(--journey)*-20px));opacity:calc(1 - var(--journey)*.9)}.cinema-title h1{font-size:clamp(60px,8.1vw,130px);line-height:.98;margin:25px 0 25px;letter-spacing:-.065em;text-shadow:0 2px 30px #082b4733}.cinema-title .eyebrow{font-size:8px;letter-spacing:2px;color:#d8c2a8}.cinema-sub{font-size:14px;color:#e4e4d9}.finish-object{position:absolute;right:15%;top:33%;width:190px;height:270px;perspective:1200px;transform:translate(calc(var(--mouse-x,0)*14px),calc(var(--mouse-y,0)*9px - var(--journey)*40px)) rotate(calc(8deg - var(--journey)*12deg));will-change:transform;opacity:calc(.95 - var(--journey)*.2)}.sample{position:absolute;inset:0;box-shadow:8px 20px 40px #04142166;transform-style:preserve-3d}.sample-back{background:#91bad0;transform:rotate(-18deg) translate(-35px,10px)}.sample-mid{background:#dca165;transform:rotate(-7deg) translate(-12px,4px)}.sample-front{background:#f3f0e8;color:#082b47;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.sample-front>span{font-size:9px;letter-spacing:2px}.sample-front strong{font-family:Bodoni,serif;font-size:24px;line-height:1.1;font-weight:400;letter-spacing:-1px}.sample-front small{font-size:7px;letter-spacing:1.5px;line-height:1.6}.sample-line{height:1px;background:#082b4733;width:100%}.scene-caption{position:absolute;left:7%;bottom:100px;z-index:3;display:flex;align-items:center;gap:35px;right:7%}.scene-caption>span:first-child{font-size:8px;letter-spacing:1.5px;min-width:175px;color:#dca165}.scene-words{font-family:Bodoni,serif;font-size:64px;letter-spacing:-3px;line-height:1.1}.scene-caption p{font-size:12px;line-height:1.8;color:#e3e3d8;max-width:280px;margin-left:auto}.cinema-bottom{position:absolute;bottom:40px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px}.cinema-bottom a{border-bottom:1px solid #dca165;padding-bottom:6px}.scene-disclaimer{color:#c3c8c8}.scene-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#f3f0e81a}.scene-progress i{display:block;width:calc(var(--journey)*100%);height:100%;background:#dca165}.cinema-foot{margin:0 4%;padding:30px 0}.cinema-title{animation:cinema-reveal 1.1s ease both}.finish-object{animation:sample-reveal 1.4s ease both}@keyframes cinema-reveal{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes sample-reveal{from{opacity:0;translate:30px 30px}to{opacity:1;translate:0 0}}@media(max-width:1000px){.finish-object{right:11%;width:150px;height:220px;top:38%}.sample-front{padding:20px}.sample-front strong{font-size:21px}.scene-caption{gap:20px}.scene-caption>span:first-child{min-width:130px}.scene-words{font-size:50px}.cinema-title h1{font-size:9vw}}@media(max-width:700px){.cinema{height:175vh;min-height:1000px}.cinema-stage{height:calc(100svh - 20px);min-height:650px}.scene-edge{inset:14px}.cinema-top{top:30px;left:7%;right:7%;font-size:6px;letter-spacing:1px}.cinema-top span:last-child{max-width:90px;text-align:right;line-height:1.6}.cinema-title{left:8%;top:15%;right:5%}.cinema-title h1{font-size:15vw;line-height:.98;margin-top:18px}.cinema-title .eyebrow{font-size:6px;letter-spacing:1.1px}.cinema-sub{font-size:11px;max-width:220px;line-height:1.6}.finish-object{width:103px;height:145px;right:17%;top:48%;transform:translateY(calc(var(--journey)*-25px)) rotate(calc(8deg - var(--journey)*12deg))}.sample-front{padding:14px}.sample-front strong{font-size:16px;letter-spacing:-.6px}.sample-front>span{font-size:6px}.sample-front small{font-size:5px;letter-spacing:1px}.sample-back{transform:rotate(-18deg) translate(-21px,7px)}.sample-mid{transform:rotate(-7deg) translate(-8px,3px)}.scene-caption{left:8%;right:8%;bottom:95px;display:block}.scene-caption>span:first-child{font-size:6px;display:block;margin-bottom:10px}.scene-words{font-size:46px;letter-spacing:-2px}.scene-caption p{font-size:10px;line-height:1.6;margin:12px 0 0;max-width:210px}.cinema-bottom{bottom:28px;left:8%;right:8%;font-size:6px;gap:18px;align-items:start}.cinema-bottom span:nth-child(2){max-width:65px;line-height:1.6;text-align:right}.scene-disclaimer{display:none}.scene>img{object-position:40%}.scene:after{background:linear-gradient(90deg,#041928b0,#04192833),linear-gradient(0deg,#041928e6,transparent 65%)}.cinema-foot{margin:0 5%;display:flex;flex-wrap:wrap;font-size:6px;justify-content:space-between}.cinema-foot span:nth-child(2){text-align:left}}
@media(prefers-reduced-motion:reduce){.cinema{height:auto;min-height:0}.cinema-stage{position:relative}.scene,.finish-object,.cinema-title{transform:none!important}.scene-progress{display:none}}
/* QA corrections: gaps are inside available width; reveal never overrides scroll opacity. */
.finish-study{grid-template-columns:minmax(0,35fr) minmax(0,65fr)}.project-brief{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}.cinema-title{animation-fill-mode:backwards}.finish-object{animation-fill-mode:backwards}@media(max-width:1000px){.finish-study{grid-template-columns:minmax(0,34fr) minmax(0,66fr)}.project-brief{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.coating-overlay{position:absolute;inset:0;width:100%;height:100%;opacity:.38;mix-blend-mode:color;pointer-events:none}.paint-reveal{transform:scaleX(var(--journey));transform-origin:0 50%}.scene-caption p{white-space:pre-line}@media(max-width:700px){.coating-overlay{object-position:40%}}@media(prefers-reduced-motion:reduce){.coating-overlay{display:none}}
.elevation-frame{position:absolute;right:5%;top:14%;width:62%;background:#f3f0e8;color:#082b47;padding:22px 28px 14px;opacity:clamp(0,calc(var(--journey)*2 - .45),1);transform:translateY(calc((1 - var(--journey))*65px)) rotate(calc((1 - var(--journey))*-3deg));z-index:1;box-shadow:0 20px 70px #04142155;pointer-events:none;--surface:#e8e6dc;--trim:#153b50;--accent:#b7a38e}.elevation-frame>span,.elevation-frame>small{font-size:7px;letter-spacing:1.7px;display:block}.hero-elevation{display:block;width:100%;height:auto;max-height:56vh}.elevation-paint{transform:scaleX(clamp(0,calc(var(--journey)*1.8 - .3),1));transform-origin:0 50%}.finish-object{opacity:clamp(0,calc(1 - var(--journey)*2),1)}.scene>img{transform:none}.scene-caption{z-index:4}@media(max-width:700px){.elevation-frame{width:90%;right:5%;top:35%;padding:15px 12px 12px}.elevation-frame>span,.elevation-frame>small{font-size:5px;letter-spacing:1px}.hero-elevation{max-height:35vh}.scene-caption{bottom:80px}.cinema-title{opacity:clamp(0,calc(1 - var(--journey)*1.5),1)}}@media(prefers-reduced-motion:reduce){.elevation-frame{display:none}.finish-object{opacity:1}.cinema-title{opacity:1}}
.cinema-title{opacity:clamp(0,calc(1 - var(--journey)*2),1)}@media(prefers-reduced-motion:reduce){.cinema-title{opacity:1}}