/* Theme Reno — an image-led experience, with native scrolling and accessible controls. */
@media(prefers-reduced-motion:no-preference){body.immersive main,body.immersive-trc main{animation:imm-in .65s ease both}}
@keyframes imm-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes imm-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body.immersive{--imm-accent:#f39b57;--imm-header:74px;background:#171512;color:#eee5d9}
body.immersive::selection{background:#ee7411;color:#fff}
.immersive main{overflow:clip}
.immersive section[id]{scroll-margin-top:calc(var(--imm-header) + 22px)}
.immersive .proposal-title{line-height:.99;letter-spacing:-.055em}
.immersive .proposal-hero,.immersive .proposal-contact-hero{min-height:88svh;background:#171512}
.immersive .proposal-hero__inner{min-height:88svh;padding-top:calc(var(--imm-header) + 70px);padding-bottom:90px}
.immersive .proposal-hero__image,.immersive .proposal-contact-hero__image img{transform:translate3d(0,var(--imm-pan,0px),0) scale(1.06);will-change:transform}
.immersive .proposal-hero__copy{max-width:900px}
.immersive .proposal-hero__copy>.proposal-title{font-size:clamp(58px,8.7vw,145px);max-width:1000px}
.immersive .about-banner .proposal-hero__copy>.proposal-title{font-size:clamp(58px,7.7vw,125px)}
.immersive .about-banner .proposal-hero__copy{max-width:700px}
.immersive .proposal-hero__copy>.proposal-overline,.immersive .proposal-contact-hero .proposal-kicker{display:flex;align-items:center;gap:16px;color:#f8c69d}
.immersive .proposal-hero__copy>.proposal-overline::before{content:"";height:1px;width:42px;background:#f39b57}
.immersive .proposal-contact-hero__copy{min-height:88svh;max-width:850px;align-content:center;padding-top:calc(var(--imm-header) + 70px);padding-bottom:90px}
.immersive .proposal-contact-hero__copy>.proposal-title{font-size:clamp(65px,9vw,145px)}
.immersive .proposal-hero__right-line{bottom:70px;color:#e8d5c1}
.immersive .proposal-hero__scroll{display:none}
.imm-scroll{position:absolute;bottom:25px;left:4.6vw;display:flex;gap:18px;align-items:center;font:10px "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#f6ede3;z-index:2}
.imm-scroll span{display:grid;place-items:center;border:1px solid #e7d5bf80;border-radius:50%;width:40px;height:40px;font-size:18px;transition:transform .3s}
.imm-scroll:hover span{transform:translateY(4px)}
.imm-video-toggle{position:absolute;right:4.6vw;bottom:24px;z-index:3;border:1px solid #e7d5bf70;background:#171512a8;backdrop-filter:blur(12px);color:#fff2e1;border-radius:30px;padding:12px 17px;font:10px "DM Mono",monospace;cursor:pointer;min-height:44px}
.imm-reading{position:fixed;top:0;left:0;right:0;height:2px;background:var(--imm-accent);transform:scaleX(0);transform-origin:left;z-index:120;pointer-events:none}
.immersive .cinema-header{background:#17151250;transition:background .3s,border-color .3s;isolation:isolate}
.immersive .cinema-header.imm-scrolled,.immersive.cinema-lock .cinema-header{background:#14120ff2;border-bottom-color:#68544180}
.immersive .cinema-nav{grid-template-columns:1fr auto auto;gap:26px}
.immersive .cinema-menu{display:flex;align-items:center;gap:12px;min-height:44px;font-size:11px}
.immersive .cinema-menu::after{content:"☰";font-size:17px;letter-spacing:0}
.immersive .cinema-menu[aria-expanded=true]::after{content:"×";font-size:26px}
.immersive .cinema-links{display:none;position:fixed;top:var(--imm-header);left:0;right:0;height:calc(100dvh - var(--imm-header));max-height:none;background:#171512;overflow:auto;z-index:10;padding:34px 5vw 45px;counter-reset:menu;align-items:stretch;justify-content:center}
.immersive .cinema-links.is-open{display:flex;flex-direction:column;gap:0;animation:imm-in .35s ease both}
.immersive .cinema-links::before{content:"EXPLORE THEME RENO";font:10px "DM Mono",monospace;color:#ba9b7b;letter-spacing:.2em;margin-bottom:22px}
.immersive .cinema-links::after{content:"";position:absolute;top:7%;right:5%;bottom:8%;width:39%;background:linear-gradient(0deg,#17151280,transparent),var(--imm-menu-image,url('/media/proposal/inn-bar-commercial.webp')) center/cover;pointer-events:none;opacity:.78;border:1px solid #78614b50}
.immersive .cinema-links a,.immersive .cinema-links button{position:relative;width:52%;padding:10px 0;border-bottom:1px solid #6b544138;font:400 clamp(25px,3.5vw,52px)/1.2 "Playfair Display",Georgia,serif;letter-spacing:-.035em;text-transform:none;white-space:normal;display:flex;gap:20px;align-items:center;z-index:1}
.immersive .cinema-links a::before,.immersive .cinema-links button::before{counter-increment:menu;content:"0" counter(menu);font:10px "DM Mono",monospace;letter-spacing:.08em;color:#d28a51}
.immersive .cinema-links a::after{display:none}
.immersive .cinema-links a:hover,.immersive .cinema-links a[aria-current]{color:#ffa969}
.immersive .cinema-nav-pending{opacity:.6}
.immersive .proposal-button,.immersive .button{transition:background .25s,transform .25s,box-shadow .25s}
.immersive .proposal-button:hover{box-shadow:0 12px 38px #ee741122;transform:translateY(-3px)}
.imm-reveal{transition:opacity .8s ease,translate .9s cubic-bezier(.2,.65,.25,1);transition-delay:var(--imm-delay,0ms)}
.imm-reveal.imm-waiting{opacity:0;translate:0 28px}
.immersive .proposal-belief{min-height:82svh;grid-template-columns:1fr 1fr}
.immersive .proposal-belief__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:30px;padding-block:90px}
.immersive .proposal-belief__copy .proposal-title{font-size:clamp(43px,4.7vw,80px);max-width:570px}
.immersive .proposal-belief__copy .proposal-copy{margin:0;max-width:410px}
.immersive .proposal-belief__image{min-height:600px}
.immersive .proposal-belief__image span{top:auto;bottom:35px;left:35px;right:auto;transform:none;background:#171512b3;padding:20px;width:auto;border-left:1px solid #ffa969}
.immersive .proposal-feature{min-height:88svh}
.immersive .proposal-feature__copy{padding-block:100px}
.immersive .proposal-feature .proposal-title{font-size:clamp(54px,7vw,112px)}
.immersive .proposal-feature>img{transform:scale(1.04)}
.imm-works{background:#14120f;padding:100px 0 85px;position:relative}
.imm-works__heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}
.imm-works h2{font:400 clamp(46px,5.7vw,86px)/1.05 "Playfair Display",Georgia,serif;letter-spacing:-.045em;margin:18px 0 0;max-width:700px}
.imm-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9e6c42 #25201a;overscroll-behavior-inline:contain;padding:0 4.6vw 25px;scroll-padding-inline:4.6vw}
.imm-work{flex:0 0 min(66vw,940px);scroll-snap-align:start;position:relative;min-width:0}
.imm-work__photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:#29231b}
.imm-work img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.imm-work:hover img{transform:scale(1.035)}
.imm-work__photo::after{content:"↗";position:absolute;right:22px;bottom:22px;width:54px;height:54px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;color:#fff;background:#16120f80;font-size:24px}
.imm-work__caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0}
.imm-work h3{font:400 clamp(26px,3vw,44px)/1.15 "Playfair Display",Georgia,serif;margin:0}
.imm-work__caption p{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:#d6b492}
.imm-track-controls{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:15px}
.imm-track-controls p{font:10px "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#c7b5a2}
.imm-track-controls button{border:1px solid #8d6c50;border-radius:50%;width:48px;height:48px;background:transparent;color:#f9d3b2;font-size:22px;cursor:pointer;margin-left:8px}
.imm-track-controls button:disabled{opacity:.3;cursor:default}
.immersive .footprint-geographic{padding-block:100px;min-height:78svh;border-block:1px solid #8e6a4433}
.immersive .proposal-process__inner{padding-block:100px;gap:7vw;align-items:start}
.immersive .proposal-process__visual{position:sticky;top:calc(var(--imm-header) + 30px);height:65svh;min-height:400px}
.immersive .proposal-process__item{min-height:130px;transition:background .3s;padding-block:25px}
.immersive .proposal-process__item:hover{background:#ffffff05}
.immersive .proposal-process__item h3{letter-spacing:-.025em}
.immersive .proposal-cta{min-height:360px}
.immersive .proposal-cta__orange{position:relative}
.imm-stretched-link{position:absolute;inset:0;z-index:1}
.immersive .tr-footer{border-top:1px solid #9c79543d;background:#10100e}
.immersive .tr-footer__main{padding-block:60px}
.immersive .pf-work{padding-top:100px}
.immersive .pf-heading h2{font-size:clamp(65px,8vw,120px)}
.immersive .pf-filters{position:sticky;top:var(--imm-header);background:#171512ee;backdrop-filter:blur(12px);z-index:5;padding-inline:12px}
.immersive .pf-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:60px 28px;align-items:start}
.immersive .pf-card{grid-column:span 4}
.immersive .pf-card:nth-child(5n+1){grid-column:span 8}
.immersive .pf-card:nth-child(5n+2){grid-column:span 4;padding-top:10vw}
.immersive .pf-card__photo{aspect-ratio:4/3}
.immersive .pf-card:nth-child(5n+1) .pf-card__photo{aspect-ratio:16/10}
.immersive .pf-card:nth-child(5n+2) .pf-card__photo{aspect-ratio:4/5}
.immersive .pf-card__open{border-radius:25px;padding:13px 18px;backdrop-filter:blur(8px)}
.immersive .pf-card__copy h3{font-size:clamp(25px,2.9vw,42px)}
.immersive .pf-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}
.immersive .pf-grid.is-filtered .pf-card{grid-column:auto;padding-top:0}
.immersive .pf-grid.is-filtered .pf-card__photo{aspect-ratio:4/3}
.immersive .pf-detail__heading h1{max-width:1250px;font-size:clamp(55px,7.8vw,115px)}
.immersive .pf-gallery{gap:45px 28px}
.immersive .pf-gallery__item{background:#171512;border-bottom:1px solid #75583c50}
.immersive .pf-gallery__item img{transition:filter .4s}
.immersive .pf-gallery__item:hover img{filter:brightness(1.09)}
.immersive .about-story{padding-block:120px;gap:9vw}
.immersive .about-story h2{position:sticky;top:calc(var(--imm-header) + 55px)}
.immersive .about-team{padding-bottom:100px}
.immersive .about-portrait{border-radius:2px}
.immersive .about-person h3{font-size:clamp(21px,1.9vw,28px)}
.immersive .about-global{padding-block:100px}
.immersive .about-end{padding-block:100px}
.immersive .contact-location{background:#15120f}
.immersive .contact-location .cinema-contact-address{padding-block:45px}
.immersive .contact-direct{padding-block:85px;background:#211b16}
.immersive .contact-enquiry{padding-block:110px}
.immersive .contact-enquiry .cinema-field input,.immersive .contact-enquiry .cinema-field textarea{background:#ffffff03;border:0;border-bottom:1px solid #9e8061;border-radius:0;padding-left:0;box-shadow:none}
.immersive .contact-enquiry .cinema-field input:focus,.immersive .contact-enquiry .cinema-field textarea:focus{outline:2px solid #ef9e6350;outline-offset:7px}
.immersive .jv-intro{padding-block:115px}
.immersive .jv-model{padding-block:100px}
.immersive .jv-venue{min-height:80svh}
.immersive .jv-venue__media{overflow:hidden}
.immersive .jv-venue__media img{transition:transform 1s ease}
.immersive .jv-venue:hover .jv-venue__media img{transform:scale(1.025)}
.immersive .jv-venue__info{padding-block:65px}
.imm-services{display:flex;gap:5px;height:min(76svh,760px);min-height:490px;margin-top:35px}
.imm-service{position:relative;flex:1;overflow:hidden;background:#14120f;border:0;color:#fff;text-align:left;padding:0;min-width:0;cursor:pointer;transition:flex .7s cubic-bezier(.2,.65,.25,1)}
.imm-service.is-active{flex:4.8}
.imm-service>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65);transition:filter .6s,transform 1s}
.imm-service.is-active>img{filter:brightness(.9);transform:scale(1.025)}
.imm-service::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100d0af0,transparent 75%);pointer-events:none}
.imm-service__rail{position:absolute;left:22px;bottom:30px;writing-mode:vertical-rl;transform:rotate(180deg);font:11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em;z-index:1;transition:opacity .25s}
.imm-service.is-active .imm-service__rail{opacity:0}
.imm-service__number{position:absolute;top:25px;left:22px;font:12px "DM Mono",monospace;z-index:1;color:#fff3e5}
.imm-service__detail{position:absolute;left:35px;right:35px;bottom:35px;z-index:2;opacity:0;translate:0 20px;transition:opacity .35s .15s,translate .5s .15s;pointer-events:none}
.imm-service.is-active .imm-service__detail{opacity:1;translate:0 0}
.imm-service__detail strong{display:block;font:400 clamp(30px,3.3vw,54px)/1.05 "Playfair Display",Georgia,serif;max-width:480px;letter-spacing:-.03em}
.imm-service__detail small{display:block;font-size:13px;line-height:1.7;color:#e1d3c4;max-width:390px;margin-top:16px}
.imm-service__plus{position:absolute;top:20px;right:16px;z-index:2;font-size:25px}
.immersive .services-stages{padding-block:110px}
.immersive .services-stage{transition:background .4s}
.immersive .services-stage:hover{background:#ffffff05}
.imm-chapters{position:fixed;right:15px;top:50%;transform:translateY(-50%);z-index:9;display:flex;flex-direction:column;gap:9px;width:20px;pointer-events:none}
.imm-chapters a{position:relative;display:flex;justify-content:end;align-items:center;gap:10px;min-height:20px;width:20px;padding:3px;pointer-events:auto}
.imm-chapters i{display:block;width:5px;height:5px;border-radius:50%;background:#eee0cd70;transition:height .3s,background .3s}
.imm-chapters a[aria-current] i{height:22px;border-radius:5px;background:var(--imm-accent)}
.imm-chapters span{position:absolute;right:24px;white-space:nowrap;pointer-events:none;font:9px "DM Mono",monospace;background:#171512e8;color:#f3ddc7;padding:7px 9px;border:1px solid #87694a70;opacity:0;translate:8px 0;transition:opacity .2s,translate .2s}
.imm-chapters a:hover span,.imm-chapters a:focus-visible span{opacity:1;translate:0 0}
.immersive a:focus-visible,.immersive button:focus-visible{outline:2px solid var(--imm-accent);outline-offset:5px}
body.immersive-trc{--imm-accent:#f04349}
.immersive-trc .hero{height:100svh;max-height:1200px}
.immersive-trc .immersive-scene{height:90svh}
.immersive-trc .partnership{transition:background .3s,translate .3s}
.immersive-trc .partnership:hover{background:#0000000c;translate:0 -6px}
@media(min-width:1600px){.immersive .cinema-links a{padding-block:12px}}
@media(max-width:1000px){.imm-chapters{display:none}.immersive .proposal-belief{grid-template-columns:1fr}.immersive .proposal-belief__copy{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:65px 4.6vw}.immersive .proposal-belief__image{min-height:420px;max-height:70svh}.immersive .proposal-belief__image img{max-height:70svh}.immersive .pf-grid{gap:40px 22px}.immersive .pf-card:nth-child(5n+2){padding-top:8vw}.imm-service__detail{left:23px;right:23px;bottom:25px}.imm-service__rail{left:15px}.imm-service.is-active{flex:5.6}.imm-work{flex-basis:82vw}}
@media(max-width:700px){
 .immersive .cinema-nav{gap:15px;grid-template-columns:1fr auto}.immersive .cinema-header-actions{padding-top:8px}.immersive .cinema-menu{font-size:10px}
 .immersive .cinema-links{padding:25px 6vw 40px;justify-content:flex-start}.immersive .cinema-links::after{display:none}.immersive .cinema-links a,.immersive .cinema-links button{width:100%;font-size:clamp(25px,7vw,36px);padding-block:12px}.immersive .cinema-links::before{margin-bottom:15px}
 .immersive .proposal-hero,.immersive .proposal-contact-hero{min-height:90svh}.immersive .proposal-hero__inner{min-height:90svh;padding-top:calc(var(--imm-header) + 55px);padding-bottom:115px}
 .immersive .proposal-hero__copy>.proposal-title{font-size:clamp(46px,10.5vw,73px);line-height:1.04;letter-spacing:-.055em}.immersive .proposal-hero__copy>.proposal-overline{font-size:9px;letter-spacing:.12em}.immersive .proposal-hero__copy>.proposal-overline::before{width:25px}
 .immersive .proposal-hero__right-line{display:none}.immersive .proposal-hero__image{object-position:60% center}
 .immersive .about-banner .proposal-hero__image{position:absolute;height:100%;object-fit:cover;object-position:20% center;opacity:.53}.immersive .about-banner.proposal-hero{padding-top:0}.immersive .about-banner .proposal-hero__inner{display:grid;padding:calc(var(--imm-header) + 55px) 0 100px}.immersive .about-banner .proposal-hero__copy{padding:0;grid-column:auto}.immersive .about-banner .proposal-hero__copy>.proposal-title{font-size:clamp(60px,14vw,90px)}
 .immersive .proposal-contact-hero__copy{min-height:90svh;padding:calc(var(--imm-header) + 55px) 6vw 100px}.immersive .proposal-contact-hero__copy>.proposal-title{font-size:clamp(58px,13vw,88px)}
 .immersive .proposal-belief__copy{display:block;padding-block:65px}.immersive .proposal-belief__copy>div+div{margin-top:30px}.immersive .proposal-belief__copy .proposal-title{font-size:43px}.immersive .proposal-belief__image{min-height:390px}
 .immersive .proposal-feature{min-height:75svh}.immersive .proposal-feature .proposal-title{font-size:clamp(46px,10vw,70px)}
 .imm-works{padding:65px 0 55px}.imm-works__heading{display:block}.imm-works__heading>a{margin-top:25px}.imm-works h2{font-size:43px}.imm-track{gap:16px}.imm-work{flex-basis:87vw}.imm-work__photo{aspect-ratio:4/5}.imm-work__caption{align-items:start;flex-direction:column;gap:7px}.imm-work__caption p{margin:0}.imm-track-controls p{max-width:170px;font-size:9px;line-height:1.6}
 .immersive .footprint-geographic{padding-block:65px;min-height:0}.immersive .proposal-process__inner{padding-block:65px}.immersive .proposal-process__visual{position:relative;top:auto;height:55svh;min-height:300px}.immersive .proposal-process__item{min-height:110px;grid-template-columns:45px 1fr .8fr;gap:12px}
 .immersive .pf-work{padding-top:60px}.immersive .pf-heading h2{font-size:65px}.immersive .pf-filters{gap:3px 17px;padding:10px 0}.immersive .pf-filters button{font-size:9px;letter-spacing:.06em}
 .immersive .pf-grid,.immersive .pf-grid.is-filtered{grid-template-columns:1fr;gap:35px}.immersive .pf-card,.immersive .pf-card:nth-child(5n+1),.immersive .pf-card:nth-child(5n+2){grid-column:auto;padding-top:0}.immersive .pf-card__photo,.immersive .pf-card:nth-child(5n+1) .pf-card__photo,.immersive .pf-card:nth-child(5n+2) .pf-card__photo{aspect-ratio:4/3}.immersive .pf-card__copy h3{font-size:30px}
 .immersive .pf-detail{padding-top:calc(var(--imm-header) + 20px)}.immersive .pf-detail__heading h1{font-size:clamp(42px,10vw,68px)}.immersive .pf-gallery{gap:24px}
 .immersive .about-story{padding-block:65px;gap:30px}.immersive .about-story h2{position:static}.immersive .about-team{padding-bottom:60px}.immersive .about-global,.immersive .about-end{padding-block:65px}
 .immersive .contact-direct{padding-block:60px}.immersive .contact-enquiry{padding-block:65px}.immersive .jv-intro,.immersive .jv-model{padding-block:65px}.immersive .jv-venue{min-height:0}.immersive .jv-venue__info{padding-block:35px}
 .imm-services{flex-direction:column;height:auto;min-height:0;gap:5px}.imm-service{flex:none;height:80px;transition:height .55s ease;width:100%}.imm-service.is-active{flex:none;height:440px}.imm-service__rail{writing-mode:horizontal-tb;transform:none;left:55px;bottom:31px;font-size:10px}.imm-service__number{top:32px;left:20px}.imm-service__detail{left:24px;right:24px;bottom:30px}.imm-service__detail strong{font-size:37px}.imm-service__plus{top:26px;right:22px}.imm-service>img{object-position:center 45%}.imm-service:not(.is-active)>img{filter:brightness(.35)}
 .immersive .services-stages{padding-block:65px}.immersive .services-stages__heading h2{font-size:48px}.immersive .tr-footer__main{padding-block:40px}
}
@media(max-height:600px) and (min-width:701px){.immersive .proposal-hero,.immersive .proposal-contact-hero,.immersive .proposal-hero__inner{min-height:700px}.immersive .cinema-links{justify-content:flex-start}.immersive .cinema-links a{font-size:26px;padding-block:7px}.immersive .cinema-links::before{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none}.imm-reveal.imm-waiting{opacity:1;translate:none}.immersive *, .immersive *::before,.immersive *::after{animation:none!important;transition:none!important}.immersive .proposal-hero__image,.immersive .proposal-contact-hero__image img{transform:none;will-change:auto}}