/* Step into your Noon. Scroll controls light, depth and composition. */
.human-journey{height:100svh;background:#112b24}.cinema-ready .human-journey{height:950svh}.human-journey .journey-stage{height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#112b24}.cinema-scene{position:absolute;inset:0;overflow:hidden;background:#f5f0e4;color:#263c32;opacity:0;visibility:hidden;pointer-events:none;--p:0;--shift:0}.cinema-scene:first-child{opacity:1;visibility:visible;pointer-events:auto}.cinema-scene[data-dark]{background:#102b24;color:#fff8e7}.cin-copy{position:absolute;left:7.5%;top:27%;width:65%;z-index:3;transform:translateY(calc(var(--shift)*-28px));will-change:transform}.cin-copy h1,.cin-copy h2{font-size:clamp(52px,6.4vw,104px);line-height:1.03;letter-spacing:-.055em;margin:22px 0 25px}.cin-copy em{color:#ad874a}.cinema-scene[data-dark] .cin-copy em{color:#e6c18a}.cinema-scene .eyebrow{font-size:10px;letter-spacing:.2em;line-height:1.7}.cin-lead{font-size:clamp(14px,1.3vw,19px);line-height:1.7;max-width:550px}.cin-location{font-size:11px;letter-spacing:.16em;margin-top:26px}.cin-location span{font-size:13px;letter-spacing:0;opacity:.8}.cin-link{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;font-size:13px}.hero-copy{top:24%;width:62%}.hero-copy h1{font-size:clamp(58px,7.4vw,118px)}.hero-copy .cin-lead{color:#d8e2d4}.art{will-change:transform}.light-portal{position:absolute;left:67%;top:48%;width:min(59vw,850px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(calc(var(--p)*70deg)) scale(calc(.85 + var(--p)*1.4));border-radius:50%;background:radial-gradient(circle,transparent 47%,#cfab6530 50%,transparent 61%);opacity:.9}.light-portal>i{position:absolute;inset:10%;border:2px solid #dfc28b;border-radius:50%;box-shadow:0 0 40px #d8ac6266,inset 0 0 30px #d8ac6233}.light-portal>i:nth-child(2){inset:2%;border:1px dashed #b1b78b80;transform:rotate(-20deg)}.light-portal>i:nth-child(3){inset:20%;border:1px solid #bdc8aa66;transform:rotateX(65deg) rotate(-40deg)}.portal-core{position:absolute;inset:0;display:grid;place-content:center;font:italic clamp(80px,14vw,230px) Georgia;letter-spacing:-.08em;color:#f2dfae18}.portal-core span{display:none}.scene-portal:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102b24 3%,#102b2455 60%,transparent);pointer-events:none}.cin-whisper{position:absolute;left:7.5%;bottom:14%;font-size:9px;letter-spacing:.2em;z-index:4}.cin-film{position:absolute;inset:0;transform:scale(calc(1.35 - var(--p)*.3)) translateX(calc(var(--shift)*20px))}.cin-film img{width:100%;height:100%;object-fit:cover;object-position:center}.cin-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102b24e8,#102b2460),linear-gradient(0deg,#102b24dd,transparent)}.kinetic-word{position:absolute;right:-2%;bottom:5%;font:800 22vw/.8 system-ui;letter-spacing:-.08em;color:#ebd8ad18;transform:translateX(calc(var(--shift)*100px))}.top-copy{top:15%;width:80%}.top-copy h2{font-size:clamp(44px,5vw,76px)}.schedule-fan{position:absolute;inset:0;perspective:1500px}.schedule-card{position:absolute;left:50%;top:40%;width:210px;height:300px;margin-left:-105px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:#fffdf6;border:1px solid #bcb69f;box-shadow:0 30px 50px #38250e22;transform-origin:50% 110%;will-change:transform}.schedule-card:nth-child(2){background:#e0e5ce}.schedule-card:nth-child(3){background:#d9bb87}.schedule-card:nth-child(4){background:#e9dcc5}.schedule-card:nth-child(5){background:#243c31;color:#fff9e8}.schedule-card span,.schedule-card small{font-size:9px;letter-spacing:.14em}.schedule-card b{font:42px Georgia;letter-spacing:-.04em}.schedule-card i{width:85px;height:85px;border:1px solid currentColor;border-radius:50%;align-self:center;box-shadow:12px 0 0 -1px #b7a27055,-12px 0 0 -1px #b7a27055}.cin-bottom{position:absolute;left:7%;right:7%;bottom:12%;text-align:center;font-size:9px;letter-spacing:.13em}.right-copy{left:51%;width:44%;top:25%}.right-copy h2{font-size:clamp(48px,6vw,94px)}.nourish-orbit{position:absolute;left:25%;top:48%;width:38vw;height:38vw;transform:translate(-50%,-50%) rotate(calc(var(--shift)*14deg)) scale(calc(.8 + var(--p)*.3))}.orbit-ring{position:absolute;inset:5%;border:1px solid #ad874a;border-radius:50%;box-shadow:0 0 0 35px #ad874a0d,0 0 0 70px #ad874a08}.nourish-orbit>b{position:absolute;inset:0;display:grid;place-content:center;font:italic 12vw Georgia;color:#8a7348}.nourish-orbit>span{position:absolute;z-index:2;padding:12px 17px;border:1px solid #c2b293;border-radius:30px;background:#fffaf0;font-size:10px;letter-spacing:.1em}.nourish-orbit>span:nth-of-type(1){top:8%;left:5%}.nourish-orbit>span:nth-of-type(2){top:44%;right:-4%}.nourish-orbit>span:nth-of-type(3){bottom:5%;left:12%}.connection-art{position:absolute;left:75%;top:48%;width:1px;height:1px;transform:rotate(calc(var(--p)*55deg))}.connection-art i{position:absolute;width:12px;height:12px;background:#dfc895;border-radius:50%;box-shadow:0 0 24px #e1b973;transform:rotate(calc(var(--n)*24deg)) translateX(calc(140px + var(--p)*130px))}.connection-art>span{position:absolute;transform:translate(-50%,-50%) rotate(calc(var(--p)*-55deg));font:italic 15vw Georgia;color:#d6c39144}.scene-connect .cin-copy{width:67%}.index-layers{position:absolute;right:10%;top:28%;width:330px;height:320px;perspective:1300px}.index-layer{position:absolute;inset:0;background:#fdfaf0;border:1px solid #a8a88e;padding:30px;box-shadow:0 20px 50px #12291b22;will-change:transform}.index-layer:nth-child(2){background:#ddd6bd}.index-layer:nth-child(3){background:#cfb586}.index-layer span,.index-layer small{font-size:8px;letter-spacing:.11em}.index-layer h3{font-size:36px;line-height:1.15;margin:40px 0}.index-path{display:flex;justify-content:space-between;height:1px;background:#8b977a;margin:30px 0 15px}.index-path i{width:7px;height:7px;border-radius:50%;background:#997743}.scene-progress .cin-copy{width:49%}.venue-tunnel{position:absolute;inset:0;perspective:700px;transform:scale(calc(.85 + var(--p)*.65))}.venue-tunnel i{position:absolute;inset:12% 16%;border:1px solid #ddc18b77;border-radius:48% 48% 0 0;box-shadow:0 0 45px #e6bc611a,inset 0 0 50px #e6bc6114}.venue-tunnel i:nth-child(2){inset:17% 24%}.venue-tunnel i:nth-child(3){inset:22% 32%}.venue-tunnel i:nth-child(4){inset:27% 40%}.venue-tunnel i:nth-child(5){inset:32% 45%}.scene-place:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#102b2499,transparent 70%)}.venue-copy{text-align:center;left:10%;width:80%;top:25%}.venue-copy h2{font-size:clamp(68px,9vw,140px)}.venue-copy .cin-lead{margin:25px auto}.venue-address{font-size:clamp(22px,2.5vw,36px);line-height:1.35}.arrival-ring{position:absolute;left:50%;top:50%;width:70vw;aspect-ratio:1;border:1px solid #c4a16e77;border-radius:50%;box-shadow:0 0 0 60px #c4a16e11,0 0 0 120px #c4a16e08;transform:translate(-50%,-50%) scale(calc(.7 + var(--p)*.55))}.final-copy{top:21%;left:10%;width:80%;text-align:center}.final-copy h2{font-size:clamp(55px,6.5vw,100px)}.arrival-details{display:flex;justify-content:center;gap:45px;margin:30px 0 22px}.arrival-details span{font-size:8px;letter-spacing:.12em}.arrival-details b{display:block;font:25px Georgia;letter-spacing:0;margin-bottom:10px}.final-venue{font-size:14px}.final-actions{display:flex;justify-content:center;gap:30px;align-items:center}.cinema-controls{position:absolute;bottom:25px;left:5%;right:5%;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#263c32}.cinema-controls button{font-size:11px;padding:10px}.cinema-controls a{border:1px solid currentColor;border-radius:30px;padding:12px 18px}.cinema-controls>span{font-size:8px;letter-spacing:.15em}.cinema-dark .cinema-controls{color:#fff4db}.cinema-rail{position:absolute;right:2%;top:40%;display:grid;gap:2px;z-index:20}.cinema-rail button{padding:8px}.cinema-rail i{display:block;width:4px;height:4px;border-radius:50%;background:#a58e64}.cinema-rail [aria-current] i{height:20px;border-radius:3px}.human-journey .journey-track{z-index:22}.human-journey .journey-track span{background:#dbba7e}.nav{color:#263c32}.nav .brand-light{opacity:0}.nav .brand-dark{opacity:1}.nav .nav-enquire{border-color:#bcb59d}.nav.cinema-nav-dark:not(.scrolled){color:#fff8e7}.nav.cinema-nav-dark:not(.scrolled) .brand-light{opacity:1}.nav.cinema-nav-dark:not(.scrolled) .brand-dark{opacity:0}.nav.cinema-nav-dark:not(.scrolled) .nav-enquire{border-color:#ffffff66}.reduced-motion .human-journey{height:100svh}.reduced-motion .cinema-scene{display:none!important}.reduced-motion .cinema-scene:first-child{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}.reduced-motion .cinema-rail,.reduced-motion #play-intro,.reduced-motion #chapter-label{display:none}.reduced-motion .cinema-controls{justify-content:flex-end}.reduced-motion .art,.reduced-motion .cin-copy{will-change:auto}
@media(max-width:1100px){.schedule-card{width:175px;margin-left:-87px;height:270px}.index-layers{right:7%;width:270px}.index-layer h3{font-size:30px}.nav nav{gap:16px}}
@media(max-width:760px){.cinema-ready .human-journey{height:800svh}.human-journey .journey-stage{min-height:620px}.cin-copy{left:8%;top:27%;width:85%}.cin-copy h1,.cin-copy h2{font-size:clamp(44px,11.5vw,74px)}.cin-copy .eyebrow{font-size:8px;letter-spacing:.14em}.hero-copy{top:25%}.hero-copy h1{font-size:clamp(46px,12vw,76px)}.hero-copy .cin-lead{font-size:15px}.cin-location{font-size:9px;margin-top:22px}.cin-location span{font-size:12px}.light-portal{width:115vw;left:77%;top:37%;opacity:.55}.cin-whisper{bottom:16%;font-size:7px}.cin-link{font-size:12px}.cin-film img{object-position:60%}.kinetic-word{bottom:18%;font-size:35vw}.top-copy{top:15%}.top-copy h2{font-size:44px}.schedule-card{top:40%;width:150px;height:240px;margin-left:-75px;padding:18px}.schedule-card b{font-size:32px}.schedule-card i{width:60px;height:60px}.schedule-card small{font-size:7px}.cin-bottom{bottom:15%;font-size:7px;line-height:1.7}.nourish-orbit{top:31%;left:50%;width:58vw;height:58vw}.nourish-orbit>b{font-size:26vw}.nourish-orbit span{font-size:7px;padding:8px}.right-copy{top:54%;left:8%;width:86%}.right-copy h2{font-size:42px;margin:12px 0 16px}.right-copy .cin-lead{font-size:13px}.connection-art{top:37%;left:70%;opacity:.5}.connection-art i{width:8px;height:8px;transform:rotate(calc(var(--n)*24deg)) translateX(calc(90px + var(--p)*70px))}.connection-art>span{font-size:35vw}.scene-connect .cin-copy{width:85%;top:35%}.scene-connect .cin-lead{font-size:13px}.scene-progress .cin-copy{width:85%;top:15%}.scene-progress h2{font-size:45px;margin:15px 0}.scene-progress .cin-lead{font-size:12px}.index-layers{top:49%;right:calc(50% - 110px);width:220px;height:220px}.index-layer{padding:22px}.index-layer h3{font-size:25px;margin:20px 0}.index-layer span,.index-layer small{font-size:6px}.index-path{margin:20px 0 12px}.venue-copy{top:28%;left:7%;width:86%}.venue-copy h2{font-size:65px}.venue-address{font-size:27px}.venue-copy .cin-lead{font-size:13px}.venue-tunnel i{inset:16% 4%}.venue-tunnel i:nth-child(2){inset:21% 13%}.venue-tunnel i:nth-child(3){inset:26% 22%}.final-copy{top:17%;left:7%;width:86%}.final-copy h2{font-size:51px}.arrival-details{gap:18px;margin:28px 0}.arrival-details b{font-size:18px}.arrival-details span{font-size:6px}.final-venue{font-size:12px}.final-actions{flex-direction:column;gap:12px}.final-actions .button{font-size:12px;padding:14px 22px}.arrival-ring{width:110vw}.cinema-controls{bottom:22px;left:6%;right:6%;font-size:10px}.cinema-controls button{font-size:10px;padding-left:0}.cinema-controls>span{position:absolute;bottom:48px;left:0;font-size:6px}.cinema-rail{right:.5%}.cinema-rail button{padding:7px}.cinema-rail i{width:3px;height:3px}.reduced-motion .human-journey{height:100svh}}
@media(max-height:700px) and (min-width:761px){.cin-copy{top:20%}.cin-copy h1,.cin-copy h2{font-size:64px;margin:15px 0}.cin-location{margin-top:15px}.top-copy{top:14%}.top-copy h2{font-size:45px}.schedule-card{top:40%;height:230px}.schedule-card i{width:50px;height:50px}.index-layers{top:25%;height:260px}.index-layer h3{margin:22px 0}.arrival-details{margin:18px 0}.final-copy h2{font-size:58px}.cin-whisper{bottom:13%}}

.portal-core img{width:80%;max-width:400px;opacity:.16;transform:rotate(-28deg)}
/* Keep chapter controls clear of overlay scrollbars and provide touch targets. */
.cinema-rail{right:20px}.cinema-rail button{width:32px;min-height:28px;display:grid;place-items:center}@media(max-width:760px){.cinema-rail{right:12px;top:35%}.cinema-rail button{width:30px;min-height:28px;padding:7px}}

/* Stable mobile viewport: works without svh, and does not jump with Safari's toolbar. */
.human-journey{height:100vh;height:var(--cinema-height,100vh)}
.cinema-ready .human-journey{height:950vh;height:var(--cinema-length,950vh)}
.human-journey .journey-stage{height:100vh;height:var(--cinema-height,100vh);min-height:0;position:-webkit-sticky;position:sticky}
.reduced-motion .human-journey{height:100vh;height:var(--cinema-height,100vh)}
html.cinema-jumping{scroll-behavior:auto!important}
.cinema-scene:not(.scene-visible) .art,.cinema-scene:not(.scene-visible) .cin-copy,.cinema-scene:not(.scene-visible) .schedule-card,.cinema-scene:not(.scene-visible) .index-layer{will-change:auto}
.cinema-controls{bottom:max(18px,env(safe-area-inset-bottom))}
@media(max-width:760px){
 .cinema-ready .human-journey{height:800vh;height:var(--cinema-length,800vh)}
 .reduced-motion .human-journey{height:100vh;height:var(--cinema-height,100vh)}
 .hero-copy{top:19%}
 .hero-copy h1{font-size:clamp(32px,8.7vw,54px)!important}
 .hero-copy .cin-lead{font-size:13px;line-height:1.5}
 .hero-copy .cin-location{margin-top:14px}
 .cin-whisper{display:none}
}
@media(max-height:550px) and (max-width:760px){
 .cin-copy,.hero-copy{top:18%}
 .cin-copy h1,.cin-copy h2{font-size:32px!important;margin:10px 0}
 .cin-lead{font-size:11px!important;line-height:1.4}
 .cin-location{margin-top:8px}
 .cinema-controls>span{display:none}
}

/* Reduced motion is a preference, not a dead end: explicit playback opts in. */
.reduced-motion #play-intro{display:inline-block;visibility:visible;min-height:44px;border:1px solid currentColor;border-radius:30px;padding:12px 16px}
.reduced-motion .cinema-controls{justify-content:space-between;flex-wrap:wrap}
.reduced-motion .cinema-controls:before{content:'Motion is reduced. Enable the full eight-chapter intro below.';flex-basis:100%;font-size:11px;line-height:1.5;color:inherit}

.reduced-motion .cin-whisper{display:none}
