/* ACT ONE: cinematic light, editorial rhythm, tactile surfaces. */
:root{--art-ease:cubic-bezier(.16,1,.3,1)}
.nav{background:linear-gradient(180deg,#171717,#101010);border-bottom:1px solid #ffffff18;box-shadow:0 8px 26px #00000012}
.nav .nav-presale{background:#191919!important;color:#fff!important;border:1px solid #ffffff36!important;border-left:3px solid #e8ff00!important;box-shadow:inset 0 1px 0 #ffffff0a!important;padding:10px 16px!important;transition:border-color .3s,background .3s}
.nav .nav-presale:hover,.nav .nav-presale:focus-visible{background:#252525!important;border-color:#e8ff00!important}
.nav-presale .nav-book-label,.nav-presale .early-label{color:#e8ff00!important}
.nav-presale .early-price{font-size:22px}
.nav-presale .early-saving{color:#c2c2ba!important;font-size:10px}
.nav-presale .early-price s{color:#999!important}

.arrival .arrival-shade{background:linear-gradient(90deg,#050505a6 0%,#05050538 54%,#05050508 78%),linear-gradient(0deg,#050505b8,transparent 55%,#05050528)}
.cinema-mast .film-mast::after{background:linear-gradient(90deg,#050505c4 0%,#05050560 48%,#0505050a 78%),linear-gradient(0deg,#05050570,transparent 65%)}
.contributor-hero .contributor-hero-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#05050570,transparent 62%),linear-gradient(0deg,#05050566,transparent 58%)}
.arrival-title,.cinema-mast>h1,.cinema-mast>.offer-book-tagline{filter:drop-shadow(0 3px 18px #00000018)}
.hero-kicker::before{content:"";width:26px;height:2px;background:#e8ff00;flex:none}
.arrival .hero-arrival{max-width:34ch;color:#e4e4dc}
.arrival .enter-link{letter-spacing:.09em}
.media-toggle{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#11111170!important;border-color:#ffffff50!important;border-radius:3px!important}

.art-chapter{position:relative;isolation:isolate}
.art-chapter::before{content:attr(data-chapter);position:absolute;right:var(--gutter,5vw);top:20px;z-index:-1;pointer-events:none;font:800 clamp(90px,16vw,230px)/1 Act Sans,sans-serif;letter-spacing:-.08em;color:#11111108}
.cast-section.art-chapter::before{color:#ffffff07}
.page-index .introduction{padding-block:clamp(72px,8vw,120px)}
.page-index .introduction h2{max-width:17ch;margin-bottom:40px}
.page-index .intro-bottom{padding-top:30px;border-top:1px solid #1111112b;align-items:center}
.page-index .intro-bottom>p{max-width:64ch}
.page-index .cast-section{padding-block:clamp(64px,7vw,100px);background:radial-gradient(ellipse at 18% 0%,#282923,#111 65%)}
.page-index .room-split{background:#f6f6f2!important;padding-block:clamp(64px,7vw,100px)}
.room-copy>p:last-child{max-width:43ch;line-height:1.7}
.room-picture{box-shadow:0 24px 50px #11111112}
.picture-caption{letter-spacing:.045em}
.page-index .chapter-links>a{grid-template-columns:220px 1fr 30px}
.chapter-links>a{transition:padding .35s var(--art-ease),background .35s;position:relative}
.chapter-links>a:hover,.chapter-links>a:focus-visible{background:linear-gradient(90deg,#e8ff0018,transparent);padding-left:18px}
.chapter-links>a::after{content:"↗";font-size:22px;margin-left:auto;transition:transform .3s var(--art-ease)}
.chapter-links>a:hover::after{transform:translate(3px,-3px)}

.people-grid .person{padding-bottom:22px;border-bottom:1px solid #11111125;transition:transform .35s var(--art-ease),border-color .3s}
.people-grid .person:hover,.people-grid .person:focus-visible{border-bottom-color:#111}
.people-grid .person-image,.cast-rail .cast-image{position:relative;overflow:hidden;border-radius:2px}
.person-image::after,.cast-image::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff16;background:linear-gradient(0deg,#00000026,transparent 35%);transition:background .3s}
.art-card-arrow{position:absolute;right:14px;bottom:14px;z-index:2;display:grid;place-items:center;width:38px;height:38px;background:#1111118c;color:#fff;border:1px solid #ffffff65;backdrop-filter:blur(10px);font-size:20px;line-height:1;transition:background .3s,color .3s,transform .35s var(--art-ease)}
.person:hover .art-card-arrow,.person:focus-visible .art-card-arrow,.cast-card:hover .art-card-arrow,.cast-card:focus-visible .art-card-arrow{background:#e8ff00;color:#111;border-color:#e8ff00;transform:translate(2px,-2px)}
.person .eyebrow,.cast-card .micro{letter-spacing:.08em;line-height:1.5}
.person .contributor-proof,.cast-card .contributor-proof{line-height:1.6!important}
.voice-number{background:#111!important;color:#e8ff00!important;border:1px solid #ffffff40;box-shadow:0 4px 12px #0002}
.people-grid .person h2{letter-spacing:-.045em}
.zoe-jumps{border-bottom:1px solid #11111126}
.instagram-profile{background:linear-gradient(125deg,#ffffff10,#ffffff03)!important;border-top-color:#ffffff45!important}

.page-offers .book-reveal-stage{background:radial-gradient(ellipse at 50% 42%,#33352b 0%,#161715 35%,#080908 72%);border:1px solid #ffffff2b;box-shadow:inset 0 1px 0 #ffffff12}
.page-offers .book-reveal-cover{--light-x:30%;--light-y:20%;background:linear-gradient(130deg,#22231f,#141513 66%)!important;box-shadow:-10px 12px 0 #050505,17px 28px 50px #000b,inset 1px 0 0 #ffffff50!important}
.page-offers .book-reveal-cover::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff1f,transparent 58%);mix-blend-mode:screen}
.page-offers .book-reveal-cover::after{content:"";position:absolute;left:8px;right:3px;bottom:-7px;height:6px;pointer-events:none;background:repeating-linear-gradient(0deg,#bbbbae 0 1px,#ececdf 1px 2px);transform:skewX(-30deg);transform-origin:left;opacity:.7}
.page-offers .book-page-corner{animation:none;transform:scale(.55);transition:transform .7s var(--art-ease)}
.page-offers .book-reveal-cover:hover .book-page-corner,.page-offers .book-reveal-cover:focus-visible .book-page-corner{transform:scale(.86)}
.page-offers .book-reveal-cover .book-open-cue{box-shadow:0 2px 0 #e8ff0060,3px 5px 0 #0008;letter-spacing:.08em}
.page-offers .sales-film .promo-heading{padding-bottom:18px;border-bottom:1px solid #ffffff24}
.page-offers #offer{padding-block:clamp(64px,7vw,100px)}
.demo-paper{box-shadow:0 24px 55px #11111113,0 2px 5px #11111108!important;border-top:3px solid #e8ff00!important}
.theatre-footer{background:radial-gradient(ellipse at 15% 0%,#23241d,#111 60%);padding-top:48px}
.footer-links a{transition:color .25s;text-underline-offset:6px}
.footer-links a:hover,.footer-links a:focus-visible{color:#e8ff00;text-decoration:underline}

@media(max-width:760px){
 .page-index .chapter-links>a{grid-template-columns:1fr 30px}
 .nav .nav-presale{padding:13px 16px!important}
 .arrival .arrival-shade{background:linear-gradient(0deg,#0505059e,transparent 65%),linear-gradient(90deg,#05050550,transparent 85%)}
 .cinema-mast .film-mast::after{background:linear-gradient(90deg,#0505059e,#05050528 75%),linear-gradient(0deg,#05050566,transparent 70%)}
 .contributor-hero .contributor-hero-media::after{background:linear-gradient(0deg,#05050570,transparent 65%)}
 .hero-kicker::before{width:18px}
 .art-chapter::before{font-size:100px;top:12px;right:22px}
 .page-index .introduction,.page-index .cast-section,.page-index .room-split{padding-block:54px}
 .page-index .introduction h2{margin-bottom:26px}
 .page-index .intro-bottom{padding-top:22px}
 .people-grid .person{padding-bottom:18px}
 .art-card-arrow{right:10px;bottom:10px;width:32px;height:32px;font-size:18px}
 .page-offers #offer{padding-block:52px}
 .theatre-footer{padding-top:32px}
}
@media(prefers-reduced-motion:reduce){
 .chapter-links>a,.chapter-links>a::after,.art-card-arrow,.page-offers .book-page-corner{transition:none}
 .chapter-links>a:hover::after,.person:hover .art-card-arrow,.cast-card:hover .art-card-arrow{transform:none}
}
