.page-hero{padding-block:56px 42px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 0,#42205544,transparent 65%)}.page-hero h1{font-size:clamp(44px,5.3vw,72px);margin-bottom:24px}.page-hero h1 em{font-weight:400;color:#ceb3e5}.lead{max-width:700px;font-size:18px;margin:0}main>section{padding-block:48px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.twin-grid{grid-template-columns:1fr 1fr}.realm-card{background:#150d1e;border:1px solid var(--line);padding:26px;min-width:0}.twin-grid .realm-card{padding:0 0 28px}.current-twin{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.tag{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#cbaaE6;margin-bottom:14px}.twin-grid .tag{margin:26px 28px 12px}.realm-card h2,.realm-card h3{margin-bottom:18px}.twin-grid h2,.twin-grid p{margin-inline:28px}.twin-grid h2{font-size:40px}.twin-grid .button{margin:10px 28px 0}.realm-card h3{font-size:29px}.realm-card p:last-child{margin-bottom:0}.section-intro{max-width:850px}.section-intro h2{margin-bottom:22px}.cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}.split{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;border:1px solid var(--line);background:#130c1b}.split>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.copy{padding:36px 42px}.copy h2{font-size:39px;margin-bottom:22px}.copy p:last-child{margin:0}.section-head{margin-bottom:26px}.section-head h2{margin-bottom:18px}.relic-art{width:100%;height:auto;max-height:500px;object-fit:contain;margin-bottom:28px;background:#0d0814;border:1px solid var(--line)}.notice{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:35px;background:#21112e;border:1px solid #604070;padding:30px 35px}.notice h3{font-size:30px;margin-bottom:14px}.notice p{margin:0}.notice .button{flex-shrink:0}.empire-page main>section:last-child{padding-top:15px;padding-bottom:60px}
@media(max-width:1000px){.copy{padding:28px}.copy h2{font-size:32px}.grid{gap:20px}.realm-card{padding:22px}.realm-card h3{font-size:25px}}
@media(max-width:700px){.page-hero{padding-block:34px 30px}.page-hero h1{font-size:42px}.lead{font-size:16px}main>section{padding-block:32px}.grid,.twin-grid,.split{grid-template-columns:1fr;gap:24px}.split{gap:0}.twin-grid .realm-card{padding-bottom:25px}.twin-grid .tag{margin-inline:24px}.twin-grid h2,.twin-grid p{margin-inline:24px}.twin-grid .button{margin-left:24px}.copy{padding:27px 24px}.copy h2{font-size:32px}.section-intro h2,.section-head h2{font-size:32px}.realm-card h3{font-size:29px}.notice{display:block;padding:27px 24px}.notice h3{font-size:28px}.notice .button{margin-top:22px}.empire-page main>section:last-child{padding-bottom:40px}}
@media(max-width:359px){.page-hero h1{font-size:36px}}