:root{color-scheme:dark;--ground:#0b1015;--ink:#f5efe0;--gold:#dfba79;--muted:#afb6b7;--line:#b69f713d;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:52px}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffde99;outline-offset:4px}img{display:block;max-width:100%}.wrap{width:min(1220px,calc(100% - 10vw));margin-inline:auto}
.mast{background:#0c1015;border-bottom:1px solid var(--line);position:relative;z-index:3}.bar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}.mark img{width:136px;height:auto}.mainnav,.controls,.footer nav{display:flex;align-items:center;gap:clamp(16px,3vw,44px)}.bar nav a,.controls,.footer nav,.under,.button,.play,.docnav{font-size:.84rem;font-weight:600}.bar a:hover,.footer a:hover,.docnav a:hover,.under:hover{color:var(--gold)}.controls{gap:20px}.controls select{border:0;background:#0c1015;color:#ddd3c1;font:inherit;max-width:110px;cursor:pointer}.support-link{border-inline-start:1px solid var(--line);padding-inline-start:20px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#18151a;min-height:540px;display:grid;align-items:center}.backdrop,.hero:after{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.backdrop{object-fit:cover;object-position:60% 54%;animation:arrive 2s ease-out both}.hero:after{content:'';background:linear-gradient(90deg,#09101bea 0%,#10151bc9 21%,#10151b59 49%,transparent 75%),linear-gradient(0deg,#0b1015 0%,#0b101544 15%,transparent 40%)}.hero-inner{min-height:clamp(560px,73vh,820px);display:flex;align-items:center;padding-block:74px 110px}.hero-copy{max-width:550px}.status,.eyebrow,small,.scrollhint{font:600 .69rem/1.5 var(--sans);text-transform:uppercase;letter-spacing:.16em}.status{display:flex;align-items:center;gap:12px;color:#f0dec0}.status i{width:7px;height:7px;background:#dab578;box-shadow:0 0 12px #ecb568;border:1px solid #ffdf99;transform:rotate(45deg)}.status span:not([data-i18n]){opacity:.6}.hero h1{margin:26px 0 12px}.hero h1 img{width:clamp(310px,39vw,560px);height:auto;filter:drop-shadow(0 10px 22px #101010b0)}.hero-line{font:italic clamp(1.4rem,2.2vw,2rem)/1.35 var(--serif);margin:0;color:#f2e3ce;text-shadow:0 1px 8px #111}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 20px}.gold{background:linear-gradient(120deg,#efdab3,#cca66a);color:#201a12;border:1px solid #f7e3b6;box-shadow:0 2px 18px #07080c33}.gold:hover{filter:brightness(1.12)}.play{display:inline-flex;align-items:center;gap:10px}.play b,.film b{display:grid;place-items:center;border:1px solid #eddbba99;border-radius:50%;width:34px;height:34px;font:12px Arial;padding-left:2px}.hero-bottom{position:absolute;bottom:25px;inset-inline:0;display:flex;justify-content:space-between;align-items:end}.loc{display:flex;align-items:center;gap:11px;font:1.05rem var(--serif)}.loc small{display:block;color:#d3bc99;font-size:.58rem;margin-bottom:3px}.rose{font-size:2.5rem;color:var(--gold)}.scrollhint{display:flex;align-items:center;gap:12px;font-size:.6rem;color:#e9d5b7}.scrollhint i{width:48px;height:1px;background:#b79c68}
.journey{height:37px;position:sticky;top:0;z-index:2;overflow:hidden;background:linear-gradient(#101721f5,#0b1015f5);border-block:1px solid var(--line);pointer-events:none}.journey canvas{width:100%;height:36px;image-rendering:pixelated}
.chapter{padding-block:clamp(44px,6vw,90px)}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow,small{color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 9px}.eyebrow:before{content:'';height:1px;width:29px;background:var(--gold)}h2,h3,h1{font-family:var(--serif);font-weight:400}h2{font-size:clamp(2.5rem,4.4vw,4rem);margin:0;line-height:1.08;letter-spacing:-.035em}.compass{color:var(--gold);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:2rem}.plate,.atlas-row figure{margin:0;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line)}.plate{min-height:clamp(325px,34vw,470px);display:flex;align-items:end}.plate img,.atlas-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.plate:after,.atlas-row figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070d16f2,transparent 70%);z-index:-1}.plate-text{padding:clamp(22px,3.5vw,52px);max-width:510px}.plate h3{font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.1;margin:5px 0 9px}.plate p{margin:0;color:#e4e0d7}.atlas-row{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:18px}.atlas-row figure{min-height:240px;display:flex;align-items:end}.atlas-row img{object-position:50% 33%}.atlas-row figcaption{font:1.65rem var(--serif);padding:24px}.archive{background:#111820;border-block:1px solid var(--line)}.under{color:var(--gold);border-bottom:1px solid var(--line)}.films{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:22px}.film>div{position:relative;height:clamp(150px,18vw,245px);overflow:hidden;background:#242325;border:1px solid var(--line)}.film img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.film:hover img{transform:scale(1.04)}.film b{position:absolute;bottom:12px;left:12px;background:#0b1015c4;color:white}.film small{display:block;margin-top:14px}.film h3{margin:4px 0;font-size:1.4rem}.store{background:linear-gradient(90deg,#0a1018 10%,#0a1018ad 55%,#0a10182b),url('art/gate.webp') center 55%/cover}.store .button{margin-top:22px}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:32px}.footer nav{gap:18px;flex-wrap:wrap;color:#d0d2d2}.footer>a:last-child{color:var(--gold)}
.docbar{border-bottom:1px solid var(--line)}.docnav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.docnav img{width:130px}.docnav nav{display:flex;gap:20px}.docbanner{background:linear-gradient(90deg,#0c1119f5,#10141ca3),url('art/gate.webp') center 45%/cover;border-bottom:1px solid var(--line);padding-block:52px}.docbanner h1{margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.1}.reading{max-width:780px;padding-block:42px 70px}.reading h2{font-size:1.65rem;margin:32px 0 10px;letter-spacing:0}.reading p{color:#ccd0d1}.reading a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.reading details{border-bottom:1px solid var(--line);padding:15px 0}.reading summary{cursor:pointer;font-size:1.08rem;font-weight:600}.reading details p{margin-bottom:0}.reading .button{color:#211a12;text-decoration:none}
@keyframes arrive{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:760px){.bar{height:auto;min-height:70px;flex-wrap:wrap;gap:0 12px;padding-top:8px}.mark img{width:104px}.mainnav{order:3;width:100%;justify-content:center;gap:24px;padding:7px 0 9px;border-top:1px solid var(--line);margin-top:6px}.controls{gap:10px}.support-link{padding-inline-start:10px}.hero-inner{min-height:560px;align-items:end;padding-bottom:108px}.hero:after{background:linear-gradient(0deg,#0b1015 0%,#0a0e15cc 32%,transparent 84%)}.backdrop{object-position:66% center}.hero-copy{width:100%}.hero h1 img{width:min(400px,88%)}.atlas-row{gap:10px}.atlas-row figure{min-height:170px}.atlas-row figcaption{padding:12px;font-size:1.25rem}.films{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.film:first-child{grid-column:span 2}.film:first-child>div{height:clamp(175px,46vw,310px)}.footer{flex-wrap:wrap}.footer nav{order:3;width:100%}.wrap{width:90%}.scrollhint i{display:none}.docnav nav{gap:12px}}
@media(max-width:400px){.actions{gap:15px}.hero-inner{min-height:530px}.button{padding:12px 14px;gap:14px}.scrollhint{letter-spacing:.08em}.hero h1{margin:18px 0}.sectionhead{align-items:center}.atlas-row{grid-template-columns:1fr}.docnav img{width:92px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{position:relative}}


.party{margin-bottom:clamp(44px,6vw,90px);padding:clamp(22px,4vw,50px) 0 0;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#393348,transparent 67%)}.party h2{font-size:clamp(2rem,4vw,3.6rem);text-align:center}.party>div{display:flex;justify-content:center;align-items:end;gap:1vw;margin-top:20px}.party img{object-fit:contain;object-position:bottom;width:30%;height:clamp(140px,25vw,330px)}
.footer .credit{font-size:.8rem;max-width:180px}