/* Reactor Realms v1.0.105 — art-first faction pages */
.faction-art-page{background:var(--realm-deep,#070a08);color:#f2f0e9}
.faction-art-page #site-header{position:fixed;top:0;left:0;right:0;z-index:1000}
.faction-art-page .site-header{width:100%;margin:0;border:0;border-radius:0;background:linear-gradient(180deg,rgba(4,6,7,.92),rgba(4,6,7,.58));box-shadow:none;border-bottom:1px solid rgba(218,192,119,.18);backdrop-filter:blur(14px)}
.faction-art-page .site-header>.container.nav{width:min(1340px,calc(100% - 36px));min-height:58px;padding:0}
.faction-art-page .brand-logo{width:220px}.faction-art-page .nav-primary a{font-size:.78rem;letter-spacing:.06em}.faction-art-page .nav-menu-button{border-color:rgba(218,192,119,.26);background:rgba(0,0,0,.2)}
.realm-page{overflow:hidden;background:var(--realm-deep)}
.realm-hero{position:relative;min-height:clamp(690px,92svh,980px);isolation:isolate;display:grid;align-items:end;background:#050706}
.realm-hero-image{position:absolute;inset:0;z-index:-3;background-image:var(--realm-hero);background-size:cover;background-position:center center;transform:scale(1.002)}
.realm-hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,5,5,.91) 0%,rgba(3,5,5,.68) 30%,rgba(3,5,5,.12) 58%,rgba(3,5,5,.08) 76%,rgba(3,5,5,.42) 100%),linear-gradient(180deg,rgba(2,3,3,.2) 0%,rgba(2,3,3,.02) 48%,var(--realm-deep) 100%)}
.realm-hero-inner{width:min(1340px,calc(100% - 46px));margin:0 auto;padding:150px 0 92px;display:grid;grid-template-columns:minmax(340px,590px) 1fr}
.realm-identity{align-self:end;text-shadow:0 5px 30px rgba(0,0,0,.7)}
.realm-mark{width:clamp(104px,12vw,168px);max-height:145px;object-fit:contain;object-position:left bottom;margin:0 0 14px;filter:drop-shadow(0 8px 24px var(--realm-glow))}
.realm-status,.realm-kicker{display:block;font-family:var(--font-smallcaps);font-size:.7rem;letter-spacing:.18em;font-weight:800;color:var(--realm-color);text-transform:uppercase}
.realm-hero h1{font-family:var(--font-title);font-size:clamp(4.5rem,9.7vw,9.3rem);font-weight:400;line-height:.82;letter-spacing:-.06em;margin:14px 0 20px;color:#f5f1e4}
.realm-tagline{font-family:var(--font-title);font-size:clamp(1.3rem,2vw,2rem);letter-spacing:.05em;color:#e2cf91;margin:0 0 18px}
.realm-intro{max-width:570px;font-family:var(--font-reading);font-size:clamp(1.08rem,1.3vw,1.3rem);line-height:1.62;color:#d5d8d0;margin:0 0 28px}
.realm-down{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-smallcaps);font-size:.78rem;font-weight:800;letter-spacing:.1em;color:#f0ead7;border-bottom:1px solid color-mix(in srgb,var(--realm-color) 70%,transparent);padding:7px 0}.realm-down:hover{color:var(--realm-color)}
.faction-gloomborn .realm-hero-vignette{background:linear-gradient(90deg,rgba(5,3,8,.72) 0%,rgba(5,3,8,.55) 33%,rgba(5,3,8,.10) 58%,rgba(5,3,8,.22) 78%,rgba(5,3,8,.7) 100%),linear-gradient(180deg,rgba(4,2,7,.12),var(--realm-deep) 100%)}
.realm-story{position:relative;padding:120px 0 128px;background:radial-gradient(circle at 82% 50%,var(--realm-glow),transparent 28rem),linear-gradient(180deg,var(--realm-deep),color-mix(in srgb,var(--realm-deep) 84%,#0d1011))}
.realm-story-inner{width:min(1180px,calc(100% - 46px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:clamp(50px,9vw,140px);align-items:center}
.realm-story-copy h2,.realm-reactor-copy h2,.realm-battle h2,.realm-enter h2{font-family:var(--font-title);font-weight:400;line-height:1.04;letter-spacing:-.025em;color:#f2eee3}
.realm-story-copy h2{font-size:clamp(2.9rem,5vw,5rem);margin:14px 0 28px;max-width:760px}.realm-story-copy>p,.realm-reactor-copy>p{font-family:var(--font-reading);font-size:1.17rem;line-height:1.72;color:#bdc4bd;max-width:690px}
.realm-story-copy blockquote{margin:42px 0 0;padding:0 0 0 26px;border-left:1px solid var(--realm-color);font-family:var(--font-title);font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.5;color:#ded4b8;max-width:720px}
.realm-story-mark{width:min(100%,390px);justify-self:center;opacity:.42;filter:drop-shadow(0 0 36px var(--realm-glow))}
.realm-reactor{position:relative;padding:105px 0;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent),#080b0c;border-block:1px solid rgba(255,255,255,.06)}
.realm-reactor::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,var(--realm-glow),transparent 32rem);pointer-events:none}
.realm-reactor-inner{position:relative;width:min(1180px,calc(100% - 46px));margin:auto;display:grid;grid-template-columns:minmax(390px,1fr) minmax(0,.85fr);gap:clamp(44px,7vw,95px);align-items:center}
.realm-reactor-art{margin:0;position:relative}.realm-reactor-art img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid color-mix(in srgb,var(--realm-color) 30%,rgba(255,255,255,.08));box-shadow:0 32px 90px rgba(0,0,0,.48)}.realm-reactor-art figcaption{margin-top:12px;text-align:right;font-family:var(--font-smallcaps);font-size:.66rem;letter-spacing:.13em;color:#7f8982}
.realm-reactor-copy h2{font-size:clamp(2.6rem,4.5vw,4.6rem);margin:13px 0 26px}.realm-reactor-copy{padding-right:2vw}
.realm-battle{padding:115px 0;background:linear-gradient(180deg,#080b0c,var(--realm-deep))}.realm-battle-inner{width:min(1180px,calc(100% - 46px));margin:auto}.realm-battle header{max-width:780px;margin-bottom:54px}.realm-battle h2{font-size:clamp(2.7rem,4.7vw,4.7rem);margin:13px 0 0}.realm-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.realm-principles article{padding:34px 38px 36px 0;min-height:190px}.realm-principles article+article{padding-left:38px;border-left:1px solid rgba(255,255,255,.12)}.principle-number{font-family:var(--font-smallcaps);font-size:.65rem;letter-spacing:.14em;color:var(--realm-color)}.realm-principles h3{font-family:var(--font-title);font-size:1.65rem;font-weight:400;margin:13px 0 10px;color:#e7d39a}.realm-principles p{margin:0;color:#aeb7b1;font-family:var(--font-reading);font-size:1.05rem;line-height:1.58}
.realm-enter{padding:105px 0 112px;background:radial-gradient(circle at 50% 0,var(--realm-glow),transparent 34rem),var(--realm-deep);text-align:center}.realm-enter-inner{width:min(1080px,calc(100% - 46px));margin:auto}.realm-enter h2{font-size:clamp(2.8rem,5vw,5.1rem);margin:13px 0 34px}.realm-cta-row{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}.realm-cta{display:inline-flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.24);font-family:var(--font-smallcaps);font-size:.84rem;font-weight:800;letter-spacing:.09em;color:#d7ddd7}.realm-cta span{color:var(--realm-color);font-size:1.1rem}.realm-cta:hover,.realm-cta.primary{color:#fff;border-color:var(--realm-color)}
.realm-explore{padding:34px 24px 42px;background:#050708;border-top:1px solid rgba(255,255,255,.07);text-align:center}.realm-explore>span{display:block;margin-bottom:23px;font-family:var(--font-smallcaps);font-size:.66rem;letter-spacing:.18em;color:#8f978f}.realm-explore>div{display:flex;justify-content:center;align-items:flex-start;gap:clamp(16px,4vw,52px)}.realm-glyph{width:110px;opacity:.35;transition:.2s;display:grid;justify-items:center;gap:8px}.realm-glyph img{height:74px;width:100%;object-fit:contain;filter:grayscale(.65)}.realm-glyph span{font-family:var(--font-smallcaps);font-size:.62rem;letter-spacing:.08em;color:#8f978f}.realm-glyph:hover,.realm-glyph.active{opacity:1;transform:translateY(-2px)}.realm-glyph.active img{filter:none;filter:drop-shadow(0 0 18px var(--realm-glow))}.realm-glyph.active span{color:var(--realm-color)}
.faction-art-page .footer{margin-top:0;background:#060809;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:920px){.realm-hero{min-height:820px}.realm-hero-inner{grid-template-columns:1fr;padding-bottom:72px}.realm-hero-vignette{background:linear-gradient(180deg,rgba(3,5,5,.12) 5%,rgba(3,5,5,.18) 45%,var(--realm-deep) 94%)}.realm-identity{max-width:680px}.realm-story-inner,.realm-reactor-inner{grid-template-columns:1fr}.realm-story-mark{position:absolute;right:-40px;bottom:20px;width:300px;opacity:.12}.realm-reactor-art{order:2}.realm-principles{grid-template-columns:1fr}.realm-principles article{padding:28px 0;min-height:0}.realm-principles article+article{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.realm-explore>div{gap:18px}.realm-glyph{width:82px}.realm-glyph img{height:58px}}
@media(max-width:620px){.faction-art-page .site-header>.container.nav{width:calc(100% - 20px)}.faction-art-page .brand-logo{width:182px}.realm-hero{min-height:760px}.realm-hero-image{background-position:58% center}.faction-gloomborn .realm-hero-image{background-position:45% center}.realm-hero-inner,.realm-story-inner,.realm-reactor-inner,.realm-battle-inner,.realm-enter-inner{width:calc(100% - 32px)}.realm-hero-inner{padding:128px 0 52px}.realm-mark{width:92px}.realm-hero h1{font-size:clamp(4rem,20vw,6.6rem)}.realm-intro{font-size:1.05rem;line-height:1.55}.realm-story,.realm-reactor,.realm-battle,.realm-enter{padding-block:78px}.realm-story-copy h2,.realm-reactor-copy h2,.realm-battle h2,.realm-enter h2{font-size:2.55rem}.realm-reactor-inner{gap:38px}.realm-reactor-art img{aspect-ratio:4/3}.realm-explore{overflow-x:auto;text-align:left}.realm-explore>span{text-align:center}.realm-explore>div{width:max-content;min-width:100%;justify-content:flex-start}.realm-glyph{width:76px}}