/* A brief, silent film-like opening. The page remains usable throughout. */
.cinematic-home .hero{min-height:780px;min-height:max(720px,calc(100svh - 132px));background:#070f13;isolation:isolate}
.cinematic-home .hero-art{transform:scale(1.025);object-position:57% center}
.cinematic-home .hero-shade{background:linear-gradient(90deg,rgba(5,13,18,.95),rgba(5,13,18,.76) 29%,rgba(5,13,18,.17) 68%,rgba(5,13,18,.04)),linear-gradient(0deg,#071117 0,transparent 44%)}
.cinematic-home .hero-inner{z-index:3;padding-top:94px;padding-bottom:120px}
.cinematic-home .hero h1{text-shadow:0 8px 40px #0006}.cinematic-home .hero h1 em{color:#dcc08f}.cinematic-home .hero-copy{color:#dedfd5}.cinematic-home .hero-foot{z-index:3}
.mythic-rays,.mythic-embers,.cinema-matte,.opening-veil{position:absolute;inset:0;pointer-events:none}
.mythic-rays{z-index:1;opacity:.42;background:linear-gradient(125deg,transparent 36%,rgba(247,213,150,.13) 40%,transparent 46%),linear-gradient(136deg,transparent 50%,rgba(236,212,164,.12) 53%,transparent 59%);transform-origin:72% 0;mix-blend-mode:screen}
.mythic-embers{z-index:2;overflow:hidden}.mythic-embers i{position:absolute;left:var(--spark-x);bottom:10%;width:3px;height:3px;background:#ecd1a0;border-radius:50%;opacity:0;box-shadow:0 0 9px #dfbe7e}
.opening-veil{z-index:5;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,rgba(4,11,15,.96),rgba(4,11,15,.8));text-align:center;padding:32px}
.opening-title{max-width:850px}.opening-title img{display:block;margin:0 auto 24px;opacity:.8;filter:drop-shadow(0 0 18px #c9a46c44)}.opening-kicker{font-size:9px;letter-spacing:.32em;color:#c9ad7e;margin:0 0 23px}.opening-words{font-family:var(--serif);font-size:clamp(46px,6.5vw,94px);line-height:1.1;letter-spacing:-.035em;margin:0;color:#f1eadc}.opening-words em{color:#d6b780;font-weight:400}.opening-byline{font-size:10px;letter-spacing:.35em;color:#c8c6ba;margin:32px 0 0}
.opening-skip{position:absolute;top:24px;right:26px;z-index:6;display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 17px;border:1px solid #c9a46c66;border-radius:999px;background:rgba(8,18,23,.6);color:#e6d9c2;font-size:11px;backdrop-filter:blur(12px);cursor:pointer}.opening-skip:hover{background:#263431}
.cinema-matte{z-index:4;overflow:hidden}.cinema-matte:before,.cinema-matte:after{content:'';position:absolute;left:0;right:0;height:46px;background:#050b0e;transform:scaleY(0)}.cinema-matte:before{top:0;transform-origin:top}.cinema-matte:after{bottom:0;transform-origin:bottom}
.cinematic-active .hero-art{animation:mythic-camera 4.2s cubic-bezier(.2,.65,.25,1) both;will-change:transform,opacity}
.cinematic-active .mythic-rays{animation:mythic-light 4s ease-out both}
.cinematic-active .mythic-embers i{animation:mythic-ember 3.2s calc(var(--spark)*.055s) ease-out both}
.cinematic-active .opening-veil{animation:mythic-veil 2.9s ease both}.cinematic-active .opening-title{animation:mythic-title 2.65s .08s ease both}
.cinematic-active .cinema-matte:before,.cinematic-active .cinema-matte:after{animation:mythic-matte 3.1s ease-in-out both}
.cinematic-active .hero-inner .eyebrow{animation:mythic-arrive 1s 1.45s both}.cinematic-active .hero-inner h1{animation:mythic-arrive 1.3s 1.65s both}.cinematic-active .hero-copy{animation:mythic-arrive 1.1s 2.05s both}.cinematic-active .hero-inner>.button{animation:mythic-arrive 1s 2.3s both}.cinematic-active .hero-foot{animation:mythic-arrive 1s 2.35s both}
@keyframes mythic-camera{from{transform:scale(1.14) translate3d(-1.4%,.8%,0);opacity:.2}to{transform:scale(1.025);opacity:1}}
@keyframes mythic-veil{0%,43%{opacity:1}100%{opacity:0}}
@keyframes mythic-title{0%{opacity:0;transform:translateY(15px) scale(.97)}24%,65%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-9px) scale(1.035)}}
@keyframes mythic-arrive{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes mythic-light{from{opacity:.08;transform:rotate(-4deg) scale(1.08)}to{opacity:.42;transform:rotate(0) scale(1)}}
@keyframes mythic-ember{0%{opacity:0;transform:translate3d(0,10px,0)}20%{opacity:.55}100%{opacity:0;transform:translate3d(22px,-220px,0)}}
@keyframes mythic-matte{0%,37%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.relic-dialog-subtitle{font:italic 23px/1.4 var(--serif);color:#d6bb8d;margin:0 0 22px}.relic-dialog-story p{font-size:14px;color:#d3d7cc;line-height:1.85;margin:0 0 18px}.relic-source-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;padding:6px 0}.relic-source-note summary{cursor:pointer;padding:12px 0;font-size:11px;color:var(--gold);min-height:44px}.relic-source-note #relic-dialog-text{font-size:12px;margin:0 0 16px}.relic-lore-label{font-size:10px;color:var(--muted);margin:14px 0 0}.relic-dialog-copy .relic-art-note{margin-top:14px}
@media(max-width:700px){.cinematic-home .hero{min-height:740px}.cinematic-home .hero-inner{padding:96px 24px 120px}.cinematic-home .hero-art{object-position:65% center}.cinematic-home .hero-shade{background:linear-gradient(90deg,rgba(5,13,18,.91),rgba(5,13,18,.4)),linear-gradient(0deg,#071117,transparent 60%)}.opening-veil{padding:24px 18px}.opening-kicker{font-size:7px;letter-spacing:.24em}.opening-words{font-size:45px}.opening-title img{width:56px;height:56px}.opening-byline{font-size:8px}.opening-skip{top:17px;right:17px;font-size:10px}.cinema-matte:before,.cinema-matte:after{height:28px}.relic-dialog-subtitle{font-size:22px}.relic-dialog-story p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cinematic-home .hero *, .cinematic-home .hero *:before,.cinematic-home .hero *:after{animation:none!important;transition:none!important}.cinematic-home .hero-art{transform:none!important;opacity:1!important}.opening-veil,.opening-skip,.cinema-matte,.mythic-embers{display:none!important}.mythic-rays{transform:none!important}.cinematic-home .hero-inner>*{opacity:1!important;transform:none!important;filter:none!important}}
@media(forced-colors:active){.opening-veil,.opening-skip,.cinema-matte,.mythic-embers,.mythic-rays{display:none!important}.cinematic-home .hero-inner>*{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.relic-dialog-story p{color:CanvasText}}
/* Keep the complete artifact visible beside longer legends. */
.relic-dialog-layout{align-items:start}.relic-dialog-art{position:sticky;top:88px;align-self:start}.relic-dialog-art img{max-height:calc(100dvh - 160px);object-fit:contain}@media(max-width:700px){.relic-dialog-art{position:static}.relic-dialog-art img{max-height:48dvh}}