@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--bg:#101311;--surface:#171a17;--gold:#d5b67b;--gold-light:#efdab0;--text:#f2f0e9;--muted:#a6aaa1;--line:#ffffff15;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Barlow','Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-light);outline-offset:6px}::selection{background:var(--gold);color:var(--bg)}h1,h2,h3,p{margin:0}em{font-weight:400;color:var(--gold);font-style:italic}h2{font:500 clamp(40px,4.3vw,64px)/1.08 var(--serif);letter-spacing:-1.8px}h3{font:500 28px/1.2 var(--serif)}p{color:var(--muted)}.skip{position:fixed;left:20px;top:-80px;background:var(--gold);color:var(--bg);z-index:100;padding:12px}.skip:focus{top:12px}.header{height:96px;position:absolute;z-index:5;top:0;left:0;width:100%;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:linear-gradient(#0d130fbf,#0d130f25)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand>span{font:600 22px/1.1 var(--serif);letter-spacing:2px}.brand small{display:block;font:500 9px/2 var(--sans);letter-spacing:5px;color:var(--gold);text-align:center}.header nav{display:flex;gap:30px;align-items:center;height:100%}.header nav a{font-size:13px;color:#c9ccc4;position:relative;height:100%;display:flex;align-items:center}.header nav a:hover,.header nav a.active{color:var(--gold-light)}.header nav a.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.account{font-size:12px;padding:11px 17px;border:1px solid #d5b67b66}.account span{margin-left:24px;color:var(--gold)}.menu-toggle{display:none}.hero{position:relative;min-height:790px;height:94svh;max-height:1100px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#495344,#151d19 65%)}.hero video,.hero-shade,.hero-grain{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero video{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(6,13,11,.88),rgba(6,13,11,.48) 55%,rgba(6,13,11,.15)),linear-gradient(0deg,#101311 0%,transparent 25%,#070d0840 90%)}.hero-grain{opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.hero-content{position:relative;padding:150px 8% 100px;width:100%}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold-light);display:flex;gap:14px;align-items:center;margin-bottom:33px}.eyebrow>span{height:1px;width:36px;background:var(--gold)}.hero-kicker{font-size:11px;letter-spacing:4px;color:#c6cbbf;margin-bottom:12px}.hero h1{font:500 clamp(68px,7.5vw,116px)/.98 var(--serif);letter-spacing:-3.5px;max-width:900px}.hero-description{max-width:390px;font-size:15px;line-height:1.8;margin-top:26px;color:#c0c5ba}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:34px}.button{padding:17px 25px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;transition:background .2s,transform .2s}.gold{background:var(--gold);color:#171b15;border:1px solid var(--gold)}.gold:hover{background:var(--gold-light);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:12px}.play-icon{border:1px solid #d5b67b66;color:var(--gold);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.launch-note{margin-top:36px;font-size:9px;letter-spacing:1.3px;color:#b6bcae;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--gold);border-radius:50%;box-shadow:0 0 10px #d5b67b55}.divider{margin:0 5px;color:#7a8074}.hero-side{position:absolute;right:36px;top:43%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#b6bcaf;display:flex;align-items:center;gap:22px}.hero-side span{height:80px;width:1px;background:#d5b67b77}.hero-bottom{position:absolute;bottom:28px;left:8%;right:5.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#c6c9bf}.hero-bottom a span{margin-left:22px;color:var(--gold)}#video-toggle{font-size:13px;color:var(--gold)}#video-toggle span{font-size:9px;letter-spacing:1px;margin-left:10px;color:#b8bcae}.realm-strip{min-height:72px;border-block:1px solid var(--line);padding:20px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.realm-strip>span:first-child{font-size:9px;letter-spacing:2px;color:var(--gold)}.realm-strip i{margin-right:10px}.realm-strip>span:nth-child(2){color:var(--muted);font-family:var(--serif);font-size:19px;font-style:italic}.realm-strip a span{margin-left:30px;color:var(--gold)}.section{padding:100px 8%;scroll-margin-top:20px}.section-label{font-size:9px;letter-spacing:2px;color:var(--gold);display:flex;gap:18px;align-items:center;margin-bottom:34px}.section-label>span{color:#6b7365}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.intro-copy{padding-top:5px}.intro-copy p+p{margin-top:16px}.underlined{display:inline-flex;gap:40px;align-items:center;font-size:12px;color:var(--gold-light);border-bottom:1px solid #d5b67b50;padding:0 0 9px;margin-top:23px}.underlined:hover{color:white;border-color:var(--gold)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line)}.pillars article{padding:36px 35px 0;border-right:1px solid var(--line)}.pillars article:first-child{padding-left:0}.pillars article:last-child{border:0;padding-right:0}.pillar-icon{color:var(--gold);font:36px var(--serif);display:block;margin-bottom:26px}.tiny{font-size:9px;font-weight:500;letter-spacing:1.8px;color:var(--gold)}.pillars h3{margin:12px 0;font-size:26px}.pillars p{font-size:13px;max-width:320px}.classes{background:#161a17;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:45px}.section-heading>p{font-size:13px}.class-layout{display:grid;grid-template-columns:27% 38% 35%;align-items:center;min-height:370px}.class-tabs{border-top:1px solid var(--line)}.class-tab{display:flex;width:100%;align-items:center;gap:18px;padding:18px 12px 18px 0;border-bottom:1px solid var(--line);text-align:left;color:#969e90;font-family:var(--serif);font-size:22px}.class-tab>span{font:9px var(--sans);color:#666f61}.class-tab>b{font:16px var(--sans);margin-left:auto;opacity:0}.class-tab.selected,.class-tab:hover{color:var(--gold-light)}.class-tab.selected>b{opacity:1}.class-portrait{height:360px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#b78e3a18,transparent 65%);overflow:hidden}.orbit{width:230px;height:230px;border:1px solid #d5b67b24;position:absolute;transform:rotate(45deg)}.orbit-two{width:185px;height:185px;border-color:#d5b67b18;transform:rotate(15deg)}.class-rune{font:130px var(--serif);color:var(--gold);text-shadow:0 0 60px #c9985060}.portrait-caption{position:absolute;bottom:10px;color:#727b6b;font-size:8px;letter-spacing:3px}.class-detail{padding-left:18px}.class-detail h3{font-size:45px;margin:14px 0}.class-detail p{font-size:13px}.class-detail dl{font-size:11px;margin:25px 0}.class-detail dl>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid var(--line)}dt{color:#929b8c}dd{margin:0;color:#d4d7ce}.section-footnote{font-size:10px;color:#828b7b;margin-top:30px}.muted{color:var(--muted)}.news-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px}.news-art{min-height:255px;position:relative;display:flex;align-items:center;justify-content:center;gap:30px;overflow:hidden;background:radial-gradient(ellipse at 20% 100%,#6a542c70,transparent 60%),linear-gradient(125deg,#242c22,#171c18);border:1px solid #d5b67b22}.news-art:before{content:'';width:330px;height:330px;border:1px solid #d5b67b17;transform:rotate(35deg);position:absolute;right:-40px}.news-art>span{font:500 45px/.95 var(--serif);color:var(--gold-light);z-index:1}.news-tag{position:absolute;bottom:18px;left:23px;font-size:8px;letter-spacing:2px;color:var(--gold)}.news-copy{padding-top:24px}.news .tiny span,.news-list .tiny span{margin:0 9px;color:#737c6c}.news h3{margin:12px 0;font-size:29px}.news p{font-size:13px}.news-list article{padding:0 0 30px;border-bottom:1px solid var(--line)}.news-list article+article{padding-top:32px}.news-list h3{margin:15px 0;font-size:30px}.news-list p{font-size:13px}.news-index{display:block;margin-top:25px;font-size:9px;color:#747e6d;letter-spacing:1px}.rankings{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.rankings h2{font-size:48px}.rankings>div>p{font-size:13px;margin-top:17px}.ranking-placeholder{padding:35px;background:#171c17;border:1px solid #d5b67b22}.ranking-placeholder .status-dot{margin-right:8px}.ranking-placeholder h3{margin-top:20px;font-size:30px}.ranking-placeholder>p{font-size:12px!important}.ranking-state{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:8px;letter-spacing:2px;color:#a7b29c}.closing{text-align:center;padding:90px 24px 100px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 130%,#69532a33,transparent 65%)}.closing h2{font-size:76px;margin:17px 0}.closing p{font-size:13px;margin-bottom:28px}footer{padding:38px 5.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}footer .brand>span{font-size:17px}footer .brand small{font-size:7px}footer p{font-size:10px}footer>a:last-child{font-size:8px;letter-spacing:1.5px;color:var(--gold)}dialog{border:1px solid #d5b67b50;padding:48px;background:#171d17;color:var(--text);max-width:520px;width:calc(100% - 32px)}dialog::backdrop{background:#060a08cf;backdrop-filter:blur(8px)}dialog .tiny{margin:20px 0 12px}dialog h2{font-size:40px}dialog p{margin:22px 0 28px;font-size:14px}.dialog-close{position:absolute;top:10px;right:17px;font-size:28px;color:var(--muted)}
@media(min-width:1700px){.section{padding-inline:max(8%,calc((100% - 1400px)/2))}}@media(max-width:1050px){.header{padding-inline:4%}.header nav{gap:19px}.account{padding:9px 12px}.account span{margin-left:12px}.brand>span{font-size:19px}.hero-content{padding-left:6%}.section{padding:75px 6%}.class-layout{grid-template-columns:29% 32% 39%}.class-tab{font-size:19px;gap:10px}.orbit{width:180px;height:180px}.orbit-two{width:140px;height:140px}.class-rune{font-size:100px}.news-grid{gap:30px}.rankings{gap:30px}.rankings h2{font-size:43px}footer{flex-wrap:wrap}footer p{max-width:360px}}
@media(max-width:760px){html{scroll-padding-top:30px}.header{height:78px;padding-inline:6%}.header .brand>span{font-size:18px}.header .brand img{width:33px;height:42px}.header .brand small{font-size:7px}.account{margin-left:auto;margin-right:18px;font-size:10px;padding:8px 10px}.account span{margin-left:8px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:28px;height:44px;order:3;padding:0}.menu-toggle span{height:1px;width:25px;background:var(--gold)}.header nav{display:none;position:absolute;top:78px;left:0;right:0;height:auto;padding:16px 6% 25px;background:#111812f7;border-bottom:1px solid #d5b67b33}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:14px;height:auto}.header nav a.active:after{display:none}.hero{min-height:740px;height:94svh;max-height:1000px}.hero-content{padding:140px 7% 100px}.hero h1{font-size:clamp(57px,10.5vw,80px);letter-spacing:-2px}.hero-shade{background:linear-gradient(90deg,#08110cda,#08110c70),linear-gradient(0deg,#101311,transparent 45%)}.hero-kicker{font-size:9px;letter-spacing:2.5px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:30px}.hero-description{font-size:14px;max-width:340px}.hero-actions{gap:18px;flex-wrap:wrap}.button{padding:15px 19px;gap:25px;font-size:11px}.text-link{font-size:11px}.launch-note{font-size:8px;letter-spacing:.7px;flex-wrap:wrap}.launch-note .divider{display:none}.launch-note{max-width:300px}.hero-side{display:none}.hero-bottom{left:7%;right:7%;font-size:8px;letter-spacing:1px}.hero-bottom #video-toggle span{display:none}.realm-strip{padding:18px 7%;gap:10px}.realm-strip>span:nth-child(2){display:none}.realm-strip>span:first-child{font-size:8px;letter-spacing:1px}.realm-strip a{font-size:10px}.realm-strip a span{margin-left:10px}.section{padding:66px 7%}.section-label{margin-bottom:27px}.intro-grid{grid-template-columns:1fr;gap:30px}h2{font-size:47px}.intro-copy p{font-size:14px}.pillars{grid-template-columns:1fr;margin-top:42px}.pillars article,.pillars article:first-child,.pillars article:last-child{padding:26px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;column-gap:12px}.pillar-icon{grid-column:1;grid-row:1/4;margin:0}.pillars .tiny,.pillars h3,.pillars p{grid-column:2}.pillars h3{font-size:25px;margin-top:7px}.pillars p{max-width:none}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}.class-layout{grid-template-columns:1fr 1fr;gap:0}.class-tabs{grid-column:1/-1;display:flex;overflow-x:auto;margin-bottom:15px;border-bottom:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#8d794f #161a17}.class-tab{flex:0 0 auto;width:auto;padding:15px 18px;border:0;font-size:18px}.class-tab:first-child{padding-left:0}.class-tab>span,.class-tab>b{display:none}.class-tab.selected{border-bottom:2px solid var(--gold)}.class-portrait{height:300px;margin-left:-25px}.orbit{width:125px;height:125px}.orbit-two{width:100px;height:100px}.class-rune{font-size:85px}.portrait-caption{font-size:6px;letter-spacing:1px;bottom:20px}.class-detail{padding-left:0}.class-detail h3{font-size:34px}.class-detail .tiny{font-size:8px;letter-spacing:1px}.class-detail p{font-size:12px}.class-detail dl{font-size:9px}.class-detail dl>div{display:block}.class-detail dd{margin-top:2px}.class-detail .underlined{gap:17px;font-size:11px;margin-top:7px}.section-footnote{font-size:9px}.news-grid{grid-template-columns:1fr;gap:40px}.news-art{min-height:230px;gap:20px}.news-art img{width:75px}.news-art>span{font-size:39px}.news-list article{padding-bottom:27px}.rankings{grid-template-columns:1fr}.rankings h2{font-size:44px}.ranking-placeholder{padding:25px}.ranking-placeholder .tiny{font-size:8px;letter-spacing:1px}.closing{padding:65px 7%}.closing h2{font-size:61px}.closing p{max-width:290px;margin-inline:auto}footer{padding:32px 7%;gap:24px}footer p{order:3;width:100%;font-size:9px}footer>a:last-child{margin-left:auto;font-size:7px}dialog{padding:34px 26px}dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:380px){.header .brand>span{font-size:16px;letter-spacing:1px}.header .brand{gap:7px}.account{margin-right:12px;padding:8px}.account span{display:none}.hero h1{font-size:55px}.hero-actions{gap:16px}.launch-note{max-width:260px}}