.realm-page{background:#070a08}.realms-nav{background:#050807ed}.navlinks .active{color:var(--gold)}
.realm-hero{min-height:760px;padding:190px 7vw 100px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#050807f5 0%,#050807b8 45%,#05080740),linear-gradient(0deg,#070a08,transparent 35%),url('assets/maps/clockwork-ossuary.webp') center/cover}
.realm-hero h1{margin:18px 0;font:500 clamp(68px,11vw,160px)/.78 Cinzel,serif;letter-spacing:-.07em}.realm-hero h1 em{color:var(--gold);font-style:normal}.realm-hero>p:not(.eyebrow){max-width:600px;color:#c2c0b7;font:22px/1.6 'Cormorant Garamond',serif}
.realm-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.realm-jump a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff2b;color:#aaa;font:10px Cinzel,serif;transition:.2s}.realm-jump a:hover{border-color:var(--gold);color:var(--gold)}
.realm-dossiers{max-width:1540px;margin:auto;padding:40px 4.5vw 120px}.dossier{scroll-margin-top:80px;display:grid;grid-template-columns:.64fr 1.36fr;gap:6vw;align-items:center;padding:130px 0;border-bottom:1px solid #ffffff16}.dossier.reverse{grid-template-columns:1.36fr .64fr}.dossier.reverse .dossier-copy{order:2}.dossier.reverse .realm-art{order:1}
.dossier-copy h2{font-size:clamp(54px,6.2vw,94px)}.dossier-copy>p:not(.eyebrow){color:var(--muted);font:19px/1.65 'Cormorant Garamond',serif}.dossier-copy h3{margin:38px 0 10px;color:var(--gold);font:600 12px Cinzel,serif;letter-spacing:.16em;text-transform:uppercase}.dossier-copy .roster{font-size:16px!important}.dossier-copy strong{display:block;margin-top:25px;padding-top:20px;border-top:1px solid #bd965455;color:#d9c79f;font:500 18px 'Cormorant Garamond',serif}
.realm-art{display:grid;grid-template-columns:1fr .82fr;gap:14px;min-width:0}.realm-art figure{position:relative;margin:0;min-width:0;overflow:hidden;background:#020302;border:1px solid #ffffff12}.realm-art figure>img{display:block;width:100%;height:440px;object-fit:cover}.realm-art .monster-sheet>img{object-fit:contain;padding:10px;background:radial-gradient(circle,#172017,#020302 70%)}.realm-art figcaption{position:absolute;left:0;bottom:0;padding:10px 14px;background:#050807d9;color:#aaa;font-size:9px;text-transform:uppercase;letter-spacing:.15em}
.monster-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;background:linear-gradient(145deg,#101713,#030504);border:1px solid #ffffff12}.monster-card{position:relative!important;margin:0!important;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,#253024 0,#0a0e0b 62%,#020302 100%)!important;border:1px solid #bd96542b!important}.monster-card:last-child{grid-column:1/-1;width:50%;justify-self:center}.animated-monster{width:100%;aspect-ratio:1/1.05;background-image:var(--sheet);background-repeat:no-repeat;background-size:500% 400%;background-position:var(--x) 0%;animation:monster-pose-reel 3.2s steps(3) infinite;animation-delay:var(--delay);filter:drop-shadow(0 12px 12px #000)}.monster-0{--x:0%}.monster-1{--x:25%}.monster-2{--x:50%}.monster-3{--x:75%}.monster-4{--x:100%}.monster-card figcaption{position:static!important;display:block;min-height:39px;padding:10px 8px!important;text-align:center;background:#050807!important;color:#c9bea6!important;font-size:8px!important;line-height:1.35;letter-spacing:.11em!important}.monster-card:hover{border-color:#20d38a66!important}.monster-card:hover .animated-monster{animation-duration:1.7s}@keyframes monster-pose-reel{from{background-position:var(--x) 0%}to{background-position:var(--x) 100%}}
.final-dossier{border-bottom:0}.realms-end{min-height:620px;display:grid;place-content:center;text-align:center;background:linear-gradient(#05080766,#050807e8),url('assets/ossuary.webp') center/cover}.realms-end h2{font-size:clamp(64px,9vw,130px)}.realms-end .primary{margin:auto}
@media(max-width:1050px){.dossier,.dossier.reverse{grid-template-columns:1fr}.dossier.reverse .dossier-copy,.dossier.reverse .realm-art{order:initial}.realm-art figure>img{height:390px}}
@media(max-width:650px){.realm-hero{min-height:680px;padding:150px 6vw 80px}.realm-hero h1{font-size:18vw}.realm-art{grid-template-columns:1fr}.realm-art figure>img{height:auto;min-height:280px}.dossier{padding:90px 0}.dossier-copy h2{font-size:15vw}.realm-dossiers{padding-left:6vw;padding-right:6vw}}
@media(prefers-reduced-motion:reduce){.animated-monster{animation:none;background-position:var(--x) 0%}}
.monster-sheet{display:none}