@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#050709;--panel:#0b0f13;--panel2:#0e1419;--gold:#d3a83f;--gold2:#f1cd70;--cream:#f1eadc;--muted:#8c969e;--line:#d1a43b44;--teal:#17343a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--cream);font-family:Inter,Arial,sans-serif;cursor:url('normal.cur'),auto}a,button{cursor:url('attack.cur'),pointer}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.intro-screen{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#030405;transition:opacity .7s,visibility .7s}.intro-screen.closed{opacity:0;visibility:hidden}.intro-screen:before{content:"";position:absolute;inset:0;background:url('hero-new-era.png') center/cover;opacity:.16;filter:grayscale(1)}.intro-grain{position:absolute;inset:0;background:radial-gradient(circle,#d4ab4618 1px,transparent 1.5px) 0 0/24px 24px;mask-image:linear-gradient(transparent,#000,transparent)}.intro-emblem{z-index:1;width:88px;height:88px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);font:800 48px Cinzel;color:var(--gold);box-shadow:0 0 50px #d5a53424}.intro-screen p,.intro-screen span,.intro-screen button{z-index:1}.intro-screen p{font:700 22px Cinzel;letter-spacing:.25em;margin:40px 0 8px}.intro-screen span{font-size:10px;letter-spacing:.4em;color:var(--gold)}.intro-screen button{margin-top:45px;border:1px solid var(--line);background:#090c0f;padding:12px 22px;text-transform:uppercase;font-size:10px;letter-spacing:.18em}.topbar{position:fixed;z-index:50;top:0;left:0;width:100%;height:74px;display:flex;align-items:center;padding:0 max(28px,6vw);gap:48px;border-bottom:1px solid transparent;transition:.3s}.topbar.scrolled{height:64px;background:#050709ed;border-color:#ffffff10;backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.logo>b{width:36px;height:36px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);font:700 18px Cinzel;color:var(--gold)}.logo span{display:flex;flex-direction:column}.logo strong{font:700 13px Cinzel;letter-spacing:.08em}.logo small{font-size:7px;letter-spacing:.34em;color:var(--gold);margin-top:3px}.topbar nav{display:flex;gap:29px}.topbar nav a{position:relative;padding:26px 0;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b9bec1}.topbar nav a:after{content:"";position:absolute;bottom:19px;left:0;width:0;height:1px;background:var(--gold);transition:.25s}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a.active:after,.topbar nav a:hover:after{width:100%}.nav-cta{padding:11px 18px;border:1px solid var(--gold);color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.menu-button{display:none;background:none;border:0}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('hero-new-era.png') center/cover;transform:scale(1.02)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#030507b3,#03050722 42%,#03050744),linear-gradient(0deg,#050709 0,transparent 27%,#03050777 100%)}.hero:after{content:"";position:absolute;inset:74px 24px 25px;border:1px solid #d3a83f33;clip-path:polygon(0 0,100% 0,100% 100%,96% 100%,96% calc(100% - 1px),4% calc(100% - 1px),4% 100%,0 100%)}.particles{position:absolute;inset:0;background-image:radial-gradient(#e8b84d 1px,transparent 1px),radial-gradient(#e45b27 1px,transparent 1px);background-size:137px 137px,211px 211px;background-position:10px 20px,70px 90px;opacity:.4;animation:drift 18s linear infinite}@keyframes drift{to{transform:translateY(-137px)}}.hero-copy{position:relative;z-index:2;text-align:center;max-width:900px;padding:120px 25px 145px}.kicker{display:flex;justify-content:center;align-items:center;gap:13px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.22em}.kicker i{width:40px;height:1px;background:var(--gold)}.status-chip{display:inline-block;margin:17px 0 22px;padding:7px 11px;border:1px solid var(--line);background:#080a0cb8;color:var(--gold2);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1{font:600 clamp(50px,6vw,88px)/.98 Cinzel;margin:0;text-shadow:0 5px 40px #000;letter-spacing:-.035em}.hero h1 em,.section-title em,.access h2 em,.community h2 em,.download h2 em,.campus h2 em{font-style:normal;color:#e7b95b}.hero .lead{max-width:620px;margin:22px auto 0;color:#c0c5c8;font:400 14px/1.75 Inter}.hero-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.button{min-height:43px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.button.gold{background:linear-gradient(135deg,#e6ba54,#b17c1e);color:#181006;border-color:#f2ce79}.button.dark{background:#080b0ed9}.button:hover{transform:translateY(-2px);filter:brightness(1.12)}.launch-state{display:inline-flex;gap:20px;margin-top:20px;padding:9px 15px;border:1px solid #ffffff14;background:#05080aa8;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.launch-state span{color:#768189}.launch-state strong{color:var(--gold2)}.campus-tabs{position:absolute;z-index:3;bottom:45px;left:50%;transform:translateX(-50%);display:flex;background:#07090bcf;border:1px solid #ffffff16}.campus-tabs span{padding:11px 22px;border-right:1px solid #ffffff10;color:#aeb5b9;font-size:8px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.campus-tabs span:last-child{border:0}.scroll{position:absolute;z-index:3;right:38px;bottom:44px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#777f84;font-size:7px;text-transform:uppercase;letter-spacing:.2em}.scroll i{width:1px;height:25px;background:linear-gradient(var(--gold),transparent)}.section{position:relative;padding:110px max(28px,8vw)}.section-title{max-width:620px;margin-bottom:48px;border-left:2px solid var(--gold);padding:3px 0 4px 18px}.section-title>p,.section-index{color:var(--gold);font-size:8px;font-weight:700;letter-spacing:.18em;margin:0 0 9px;text-transform:uppercase}.section-title h2,.access h2,.community h2,.download h2,.campus h2{font:600 clamp(34px,4vw,54px)/1.03 Cinzel;margin:0 0 8px;text-transform:uppercase;letter-spacing:-.035em}.section-title>span{color:var(--muted);font-size:11px}.roster{min-height:900px;background:#050709}.class-stage{max-width:1150px;margin:auto;display:grid;grid-template-columns:minmax(350px,520px) 1fr;align-items:center;position:relative;border:1px solid #ffffff0b;background:linear-gradient(120deg,#0d1217,#07090b 64%)}.class-visual{height:650px;position:relative;overflow:hidden}.class-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#0b0e12),linear-gradient(0deg,#090c0e 0,transparent 30%)}.class-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;transition:.35s}.class-visual img.changing{opacity:0;transform:scale(1.03)}.class-number{position:absolute;z-index:2;left:22px;bottom:18px;font:600 58px Cinzel;color:#d4aa4350}.class-copy{padding:45px 55px}.micro{font-size:8px;font-weight:700;letter-spacing:.17em;color:var(--gold);margin-bottom:18px}.class-copy h3{font:600 clamp(40px,5vw,68px) Cinzel;margin:0;text-transform:uppercase}.class-copy blockquote{margin:12px 0 20px;padding-left:14px;border-left:1px solid var(--gold);color:#e3c67c;font:500 15px Cinzel}.class-copy>p:not(.micro){color:#959da3;font-size:12px;line-height:1.75}.class-copy ul,.road-card ul{padding:0;list-style:none;color:#b4babd;font-size:10px;line-height:2}.class-copy li:before,.road-card li:before{content:"";display:inline-block;width:4px;height:4px;margin-right:9px;background:var(--gold);transform:rotate(45deg);vertical-align:middle}.class-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px}.class-tabs button,.campus-buttons button{padding:9px 12px;background:#07090b;border:1px solid #ffffff14;text-transform:uppercase;font-size:7px;letter-spacing:.09em}.class-tabs button.selected,.campus-buttons button.selected{background:var(--gold);color:#171007;border-color:var(--gold)}.class-arrow{position:absolute;z-index:4;top:50%;width:34px;height:52px;border:1px solid var(--line);background:#06080bd9;color:var(--gold);font-size:25px}.class-arrow.prev{left:-17px}.class-arrow.next{right:-17px}.access{background:radial-gradient(circle at 80% 20%,#0d2c302b,transparent 40%),#081015}.access-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.access-main,.server-board{position:relative;background:#0a1014;padding:58px;min-height:650px}.mini-badge{display:inline-block;padding:6px 9px;border:1px solid var(--line);color:var(--gold);font-size:7px;letter-spacing:.15em}.access h2{margin-top:24px}.access-main>p:not(.section-index){max-width:420px;color:#8f989e;font-size:11px;line-height:1.8}.access-art{position:absolute;right:45px;top:170px;display:flex;flex-direction:column;align-items:center}.seal{width:105px;height:105px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 50px Cinzel;color:var(--gold);box-shadow:inset 0 0 30px #d3a83f18}.seal span{font:600 12px Cinzel;align-self:flex-end;margin:0 0 25px -8px}.access-art strong{font:600 11px Cinzel;margin-top:13px}.access-art small{font-size:6px;letter-spacing:.19em;color:#807147}.access-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:145px 0 30px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.access-stats div{padding:16px 8px;border-right:1px solid #ffffff10}.access-stats div:last-child{border:0}.access-stats b,.access-stats span{display:block}.access-stats b{font:600 22px Cinzel;color:var(--gold2)}.access-stats span{font-size:7px;text-transform:uppercase;color:#6f7a80;margin-top:4px}.server-board h3{font:500 26px/1.2 Cinzel;text-transform:uppercase;max-width:380px}.spec-list{display:grid;grid-template-columns:1fr 1fr;margin-top:35px}.spec-list div{padding:18px 8px;border-bottom:1px solid #ffffff0e}.spec-list span,.spec-list b{display:block}.spec-list span{font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:#68747b}.spec-list b{font:600 13px Cinzel;margin-top:5px;color:#e4d8bd}.fair-play{display:flex;gap:14px;margin-top:30px;padding:17px;background:#0d171a;border:1px solid #33555c}.fair-play i{width:27px;height:27px;display:grid;place-items:center;border:1px solid #4a777e;border-radius:50%;color:#64a7aa}.fair-play span,.fair-play strong{display:block}.fair-play span{color:#77858a;font-size:9px;line-height:1.5}.fair-play strong{color:#dbe0df;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.roadmap{background:#050709}.roadmap-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.road-card{min-height:370px;padding:30px 24px;border:1px solid #ffffff10;background:#080b0e;position:relative}.road-card.current{border-color:var(--gold)}.road-card .step{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#17140c;color:var(--gold);font:600 14px Cinzel}.road-card>i{position:absolute;right:18px;top:20px;color:var(--gold);font-size:7px;text-transform:uppercase;font-style:normal}.road-card h3{font:600 17px/1.2 Cinzel;text-transform:uppercase;margin:55px 0 8px}.road-card>p{color:#777f85;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.road-card ul{margin-top:24px;color:#7f898f;font-size:8px}.gallery{background:#050709}.art-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:315px 315px;gap:9px}.art-grid figure{position:relative;margin:0;overflow:hidden;background:#111820}.art-grid .wide{grid-row:span 2}.art-grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.art-grid figure:hover img{transform:scale(1.025)}.art-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030405a8,transparent 40%);border:1px solid #ffffff0d}.art-grid figcaption{position:absolute;z-index:2;bottom:18px;left:18px;color:var(--gold2);font-size:7px;letter-spacing:.15em}.campus{min-height:710px;display:flex;align-items:flex-end;background:linear-gradient(90deg,#030507f2 0,#030507aa 45%,transparent),linear-gradient(0deg,#050709 0,transparent 35%),url('hero-new-era.png') center/cover}.campus-content{max-width:570px;padding-bottom:35px}.campus-content>p:not(.section-index){color:#90999e;font-size:11px;line-height:1.8}.campus-buttons{display:flex;gap:6px;margin-top:25px}.community{display:grid;grid-template-columns:.85fr 1.5fr;gap:65px;align-items:center;background:radial-gradient(circle at 85%,#0a2b3040,transparent 46%),#06090b}.community-intro>p:last-child{color:#879197;font-size:11px;line-height:1.75}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.community-grid a{display:flex;align-items:center;gap:17px;min-height:120px;padding:22px;background:#0a1115;border:1px solid #ffffff10;transition:.25s}.community-grid a:first-child{grid-column:span 2}.community-grid a:hover{border-color:var(--gold);transform:translateY(-2px)}.community-grid a>b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#10282c;color:#62a4a8;font:600 13px Cinzel}.community-grid span,.community-grid small,.community-grid strong,.community-grid em{display:block}.community-grid small{color:#627077;font-size:6px;text-transform:uppercase;letter-spacing:.13em}.community-grid strong{font:600 13px Cinzel;text-transform:uppercase;margin:5px 0}.community-grid em{color:var(--gold);font-size:7px;font-style:normal;text-transform:uppercase}.download{padding:120px 28px;text-align:center;background:radial-gradient(circle,#293019,#050709 62%)}.download-inner>p{color:var(--gold);font-size:8px;letter-spacing:.2em}.download h2{font-size:clamp(38px,5vw,65px)}.download-inner>span{display:block;color:#849097;font-size:11px}.download-inner>div{display:flex;justify-content:center;gap:8px;margin-top:27px}.disabled{opacity:.7}footer{padding:48px max(28px,6vw);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:45px;border-top:1px solid #ffffff0e;background:#030405;color:#657078}footer p{font-size:8px}footer>div{display:flex;gap:20px}footer>div a{font-size:7px;text-transform:uppercase}footer>small{grid-column:1/-1;text-align:center;font-size:7px}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.topbar{height:64px;padding:0 20px}.nav-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:5px;background:transparent;padding:8px;border:0}.menu-button i{width:23px;height:1px;background:#fff}.topbar nav{display:none;position:absolute;top:64px;left:0;width:100%;padding:15px 24px 25px;flex-direction:column;gap:0;background:#050709f5;border-bottom:1px solid #ffffff12}.topbar nav.open{display:flex}.topbar nav a{padding:12px}.topbar nav a:after{display:none}.hero:after{inset:64px 12px 14px}.hero-media{background-position:64% center}.hero-vignette{background:linear-gradient(0deg,#050709 0,#050709b8 48%,#03050748),linear-gradient(90deg,#03050799,transparent)}.hero-copy{align-self:end;padding-bottom:150px}.campus-tabs{bottom:45px;width:calc(100% - 48px);overflow:auto}.campus-tabs span{flex:1;min-width:max-content;padding:10px 14px}.scroll{display:none}.class-stage{grid-template-columns:1fr}.class-visual{height:560px}.class-visual:after{background:linear-gradient(0deg,#0a0d10 0,transparent 45%)}.class-copy{padding:35px}.class-arrow{top:41%}.access-grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr 1fr}.community{grid-template-columns:1fr}.community-intro{max-width:560px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer>small{grid-column:1}}
@media(max-width:560px){.hero-copy{padding:110px 21px 137px}.hero h1{font-size:clamp(40px,12vw,56px)}.hero .lead{font-size:12px}.hero-actions,.download-inner>div{flex-direction:column}.hero-actions .button{width:100%}.launch-state{gap:12px}.campus-tabs{display:grid;grid-template-columns:1fr 1fr}.section{padding:82px 20px}.section-title h2,.access h2,.community h2,.campus h2{font-size:34px}.roster{min-height:0}.class-visual{height:470px}.class-copy{padding:27px 22px}.class-copy h3{font-size:38px}.class-arrow{top:31%;width:31px}.class-arrow.prev{left:-10px}.class-arrow.next{right:-10px}.access-main,.server-board{padding:38px 24px;min-height:auto}.access-art{position:static;margin:38px 0 0}.access-stats{margin:35px 0 28px}.spec-list{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr}.road-card{min-height:310px}.road-card h3{margin-top:40px}.art-grid{grid-template-columns:1fr;grid-template-rows:380px 300px 300px}.art-grid .wide{grid-row:auto}.campus{min-height:610px;background-position:62% center}.campus-buttons{flex-wrap:wrap}.community-grid{grid-template-columns:1fr}.community-grid a:first-child{grid-column:auto}.community-grid a{min-height:105px}.download{padding:90px 20px}footer>div{flex-wrap:wrap;justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.particles{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.reveal{opacity:1!important;transform:none!important}
.intro-screen:before,.hero-media{background-image:url('hero-new-era.webp')}
.campus{background-image:linear-gradient(90deg,#030507f2 0,#030507aa 45%,transparent),linear-gradient(0deg,#050709 0,transparent 35%),url('hero-new-era.webp')}
.campus{background-image:linear-gradient(90deg,#030507f2 0,#030507aa 45%,transparent),linear-gradient(0deg,#050709 0,transparent 35%),url('campus-sacred-gate.webp');transition:opacity .35s ease,background-image .2s ease}.campus.changing{opacity:.72}.campus-copy{max-width:620px;margin:24px 0}.campus-direction{margin:0 0 8px!important;color:var(--gold)!important;font-size:8px!important;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.campus-copy h3{margin:0 0 12px;font:600 22px Cinzel;text-transform:uppercase}.campus-copy #campus-description{min-height:76px;margin:0;color:#a2aaae;font-size:10px;line-height:1.75}.campus-buttons .view-campus{margin-left:8px;border-color:var(--gold);color:var(--gold)}.campus-modal[hidden]{display:none}.campus-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:45px;background:#020304ef;opacity:0;transition:opacity .25s}.campus-modal.open{opacity:1}.campus-modal img{display:block;width:min(1400px,94vw);max-height:82vh;object-fit:contain;border:1px solid #d3a83f66;box-shadow:0 25px 90px #000}.modal-close{position:fixed;z-index:2;right:25px;top:20px;width:44px;height:44px;border:1px solid #ffffff35;background:#07090bcc;font-size:27px}.modal-caption{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);min-width:260px;padding:12px 25px;text-align:center;background:#050709e6;border:1px solid var(--line)}.modal-caption p{margin:0 0 5px;color:var(--gold);font-size:7px;letter-spacing:.15em;text-transform:uppercase}.modal-caption h3{margin:0;font:600 16px Cinzel;text-transform:uppercase}.modal-open{overflow:hidden}
@media(max-width:560px){.campus-copy #campus-description{min-height:0;font-size:10px}.campus-buttons .view-campus{margin-left:0}.campus-modal{padding:12px}.campus-modal img{width:100%;max-height:74vh}.modal-close{right:12px;top:12px}.modal-caption{bottom:12px;width:calc(100% - 24px)}}
.class-visual{height:auto!important;aspect-ratio:1/1;background:#000}.class-sprite{position:absolute;inset:0;background-image:url('classes-male.png');background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;transition:opacity .25s,transform .25s}.class-sprite.changing{opacity:0;transform:scale(.985)}.class-visual:after{pointer-events:none}.gender-tabs{display:flex;align-items:center;gap:6px;margin-top:24px}.gender-tabs>span{margin-right:5px;color:#667178;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.gender-tabs button{padding:8px 13px;background:#07090b;border:1px solid #ffffff14;text-transform:uppercase;font-size:7px;letter-spacing:.09em}.gender-tabs button.selected{background:#183137;border-color:#4b7c82;color:#8ed0d3}.gallery .art-grid figure:not(.wide) img{object-fit:contain;background:#000}.campus-copy{position:relative;padding-left:104px}.campus-logo{position:absolute;left:0;top:0;width:82px;height:82px;object-fit:contain;background:#050608;border:1px solid #d3a83f33}.campus-buttons button:not(.view-campus){display:inline-flex;align-items:center;gap:7px}.campus-buttons button img{width:22px;height:22px;object-fit:contain;background:#050608}.campus-buttons button.selected img{background:transparent}@media(max-width:560px){.campus-copy{padding-left:0}.campus-logo{position:static;width:72px;height:72px;margin-bottom:15px}.campus-buttons button{flex:1 1 calc(50% - 6px);justify-content:center}.campus-buttons .view-campus{flex-basis:100%}}
.campus-logo,.campus-buttons button img,.campus-buttons button.selected img{background:transparent;border:0;box-shadow:none}