.cinematic-root{--back-scale:1;--title-y:0px;--title-scale:1;--title-opacity:1;--intro-copy-y:0px;--intro-copy-opacity:1;--panel2-opacity:0;--panel2-y:calc(-50% + 58px);--panel3-opacity:0;--panel3-y:calc(-50% + 58px)}.cinema-scroll{height:calc(100vh + 2400px);position:relative}.cinema-stage{isolation:isolate;background:#1a3a38;height:100vh;min-height:620px;position:sticky;top:0;overflow:hidden}.cinema-world{background:#0d1f1d;position:absolute;inset:0;overflow:hidden}.cinema-layer{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform, opacity;pointer-events:none;display:block;position:absolute}.cinema-sky{z-index:0;object-fit:cover;object-position:center 30%;width:110vw;height:110vh;transform:scale(var(--back-scale));transform-origin:50%;will-change:transform;inset:-5vh -5vw}.cinema-shade{z-index:1;pointer-events:none;background:linear-gradient(#0d1f1d33 0%,#0d1f1d66 60%,#0d1f1de6 100%);position:absolute;inset:0}.cinema-header{z-index:10;color:#fafaf9db;pointer-events:auto;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:absolute;top:0;left:0;right:0}.cinema-logo{white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:flex}.cinema-logo-brand{font-family:var(--font-outfit), system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fafaf9eb;font-size:13px;font-weight:800}.cinema-logo-sep{color:#fafaf959;font-weight:300}.cinema-logo-dest{font-family:var(--font-outfit), system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px #00000080;font-size:13px;font-weight:800}.cinema-nav{align-items:center;gap:clamp(20px,2vw,40px);display:flex}.cinema-nav a{color:#fafaf9c7;font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 12px #0000004d;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.cinema-nav a:hover{color:#fafaf9}.cinema-trip-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fafaf9;font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#fafaf926;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:700;transition:background .2s;display:inline-flex}.cinema-trip-btn:hover{background:#fafaf940}.cinema-hero-title{z-index:3;color:#fafaf9;width:min(94vw,1600px);font-family:var(--font-outfit), system-ui, sans-serif;text-align:center;letter-spacing:-.04em;text-shadow:0 12px 64px #00000073,0 2px 12px #00000080;text-transform:uppercase;transform:translate3d(-50%, var(--title-y), 0) scale(var(--title-scale));opacity:var(--title-opacity);will-change:transform, opacity;margin:0;font-size:14rem;font-weight:800;line-height:.82;position:absolute;top:clamp(160px,25vh,300px);left:50%}.cinema-intro-copy{z-index:9;text-align:center;width:min(560px,100vw - 40px);transform:translate3d(-50%, var(--intro-copy-y), 0);opacity:var(--intro-copy-opacity);will-change:transform, opacity;position:absolute;bottom:clamp(56px,20vh,260px);left:50%}.cinema-intro-copy p{color:#fafaf9;text-shadow:0 2px 18px #0000006b;max-width:520px;margin:0 auto;font-size:1.15rem;font-weight:500;line-height:1.22}.cinema-hero-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.cinema-hero-tags span{color:#1c1917;min-height:40px;font-family:var(--font-inter), system-ui, sans-serif;background:#fafaf9f0;border-radius:999px;align-items:center;padding:0 22px;font-size:.92rem;font-weight:600;display:inline-flex;box-shadow:0 12px 30px #0000002e}.cinema-story-panel{z-index:10;text-align:center;pointer-events:none;will-change:transform, opacity;width:min(720px,100vw - 42px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.cinema-story-panel h2{color:#fafaf9;font-family:var(--font-outfit), system-ui, sans-serif;letter-spacing:-.03em;text-shadow:0 16px 38px #00000052;margin:0;font-size:4.2rem;font-weight:800;line-height:.92}.cinema-story-panel p{color:#fafaf9;text-shadow:0 2px 18px #0000006b;width:min(500px,100%);margin:24px auto 0;font-size:1.08rem;font-weight:500;line-height:1.22}.cinema-panel-river{opacity:var(--panel2-opacity);transform:translate3d(-50%, var(--panel2-y), 0);top:50%}.cinema-panel-spirit{opacity:var(--panel3-opacity);transform:translate3d(-50%, var(--panel3-y), 0);top:50%}.cinema-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;width:min(440px,100%);margin:60px auto 0;display:grid}.cinema-facts dt{color:#5eead4;font-family:var(--font-outfit), system-ui, sans-serif;text-shadow:0 14px 34px #00000052;font-size:3.8rem;font-weight:800;line-height:.9}.cinema-facts dd{color:#fafaf9d9;text-shadow:0 2px 18px #0000006b;margin:14px 0 0;font-size:.92rem;font-weight:500;line-height:1.18}.cinema-cta-pill{color:#1c1917;min-height:48px;font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.04em;pointer-events:auto;cursor:pointer;background:#fafaf9;border:0;border-radius:999px;align-items:center;gap:10px;margin-top:28px;padding:0 26px;font-size:.88rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 34px #0000002e}.cinema-cta-pill:hover{transform:scale(1.04);box-shadow:0 20px 40px #00000038}.cinema-cta-pill span:first-child{font-size:1.15rem;line-height:1}@media (max-width:1500px){.cinema-hero-title{font-size:10rem}.cinema-story-panel h2{font-size:3.6rem}}@media (max-width:1100px){.cinema-hero-title{font-size:7rem;top:20vh}.cinema-story-panel h2{font-size:3rem}.cinema-facts{gap:30px;margin-top:40px}.cinema-facts dt{font-size:3rem}}@media (max-width:640px){.cinema-stage{min-height:640px}.cinema-header{flex-wrap:wrap;gap:12px;padding:20px}.cinema-nav{display:none}.cinema-hero-title{letter-spacing:-.02em;font-size:4.2rem;top:22vh}.cinema-intro-copy{bottom:62px}.cinema-intro-copy p,.cinema-story-panel p{font-size:.95rem}.cinema-hero-tags{gap:8px}.cinema-hero-tags span{min-height:36px;padding:0 14px;font-size:.82rem}.cinema-story-panel{top:42%}.cinema-story-panel h2{font-size:2.2rem}.cinema-facts{gap:16px;margin-top:28px}.cinema-facts dt{font-size:2.3rem}.cinema-sky{object-position:70% 30%}}@media (prefers-reduced-motion:reduce){.cinema-layer,.cinema-hero-title,.cinema-intro-copy,.cinema-story-panel{transition:none!important}}
