@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--ink:#080e12;--panel:#0f191d;--text:#eae6db;--muted:#96a7a5;--gold:#c6aa74;--line:#c6aa7430;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{background:var(--ink);color:var(--text);margin:0;font:14px/1.8 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:is(a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible){outline:2px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Cormorant Garamond,Georgia,serif;font-weight:500}em{color:#e0c692;font-weight:400}header{z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(#080e12c9,#080e1220);justify-content:space-between;align-items:center;gap:30px;width:100%;height:92px;padding:0 5.5%;display:flex;position:absolute;top:0}.brand{letter-spacing:2px;color:#decb9f;align-items:center;gap:13px;font:19px/1.15 Georgia,serif;display:flex}.brand svg{width:43px;height:43px;color:var(--gold)}.brand small{letter-spacing:5px;margin-top:7px;font:8px Inter,sans-serif;display:block}nav{letter-spacing:1.3px;text-transform:uppercase;color:#d1d4ca;gap:32px;font-size:10px;display:flex}nav a:hover{color:var(--gold)}.nav-download{letter-spacing:1px;text-transform:uppercase;color:#decb9f;border:1px solid #bda47180;align-items:center;gap:19px;padding:11px 18px;font-size:10px;display:flex}.hero{isolation:isolate;align-items:center;height:88vh;min-height:750px;max-height:1050px;display:flex;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:57% center;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.hero-shade{z-index:-2;background:linear-gradient(90deg,#070d13f0,#080e12c7 30%,#080e1210 78%),linear-gradient(0deg,var(--ink),transparent 30%,#080e1230);position:absolute;inset:0}.hero-content{max-width:900px;padding:105px 8% 75px}.eyebrow{letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;margin-bottom:22px;font-size:9px;font-weight:600}.hero .eyebrow{align-items:center;gap:12px;display:flex}.hero .eyebrow:before{content:"";background:var(--gold);width:30px;height:1px}h1{letter-spacing:-1.4px;margin-bottom:26px;font-size:clamp(58px,5.8vw,88px);line-height:1.03}.intro{color:#b7c2bd;font-size:15px;line-height:1.95}.actions{gap:14px;margin-top:33px;display:flex}.button{letter-spacing:1.1px;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:17px;min-height:51px;padding:13px 25px;font-size:10px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{color:#14201b;background:linear-gradient(115deg,#dcc38e,#b99860);border-color:#e0c997}.primary:hover{background:#e4ca93}.secondary{color:#d8dfd3;background:#0e171938;border-color:#acb3a650}.hero-note{letter-spacing:1.1px;color:#97a6a0;margin-top:19px;font-size:7px}.hero-note b{color:var(--gold);padding:0 10px}.scroll{letter-spacing:2.5px;color:#9daea5;align-items:center;gap:20px;font-size:7px;display:flex;position:absolute;bottom:30px;left:8%}.scroll span{color:var(--gold);font-size:24px}.realm-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c1518;align-items:center;gap:34px;max-width:1240px;margin:auto;padding:27px 35px;display:flex}.realm-live{flex:1;align-items:center;gap:16px;display:flex}.dot{background:#99876b;border-radius:50%;width:7px;height:7px;display:block}.dot.online{background:#8cc7a8;box-shadow:0 0 12px #8cc7a877}.micro{letter-spacing:1.8px;color:var(--gold);font-size:8px;font-weight:600;display:block}.realm-live strong{color:#c9d5cb;font-size:12px;font-weight:500}.population{align-items:center;gap:11px;display:flex}.population b{color:#d1ddcd;font:26px Georgia,serif}.population span,.realm-detail{letter-spacing:1.3px;color:#8d9d91;font-size:7px}.realm-detail{border-left:1px solid var(--line);padding-left:26px;line-height:2.1}.realm-strip>a,a.link{color:var(--gold);align-items:center;gap:15px;font-size:10px;display:flex}.section{max-width:1240px;margin:auto;padding:105px 35px}.section-heading{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:43px;display:flex}.section-heading>p{max-width:360px;color:var(--muted);padding-bottom:8px;font-size:12px;line-height:1.9}h2{letter-spacing:-.7px;font-size:clamp(40px,4vw,58px);line-height:1.07}.class-showcase{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:.85fr 1.4fr;min-height:470px;display:grid}.class-story{border-right:1px solid var(--line);background:radial-gradient(at 30% 20%,#2a55462a,#0000 70%);padding:37px 43px 35px 0}.class-story>svg{color:#8fbea9;width:85px;height:85px;margin-bottom:24px}.class-story h3{margin:16px 0;font-size:33px;line-height:1.16}.class-story p{color:var(--muted);font-size:12px;line-height:1.95}.class-story>a,.steps a{color:var(--gold);align-items:center;gap:20px;margin-top:25px;font-size:10px;display:flex}.roster{grid-template-columns:repeat(3,1fr);gap:6px;padding:24px 0 24px 24px;display:grid}.class{color:#9dadab;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;min-height:51px;padding:10px;transition:background .15s;display:flex}.class>span{color:#536866;font:8px monospace}.class>b{font-size:10px;font-weight:400;line-height:1.3}.class>i{color:#69877c;margin-left:auto;font-size:20px;font-style:normal}.class.selected{color:#ead7af;background:#c6aa740c;border-color:#c6aa7455}.class.selected>i{color:var(--gold)}.class:hover{background:#ffffff05;border-color:#c6aa742a}.how{border-bottom:1px solid var(--line);background:linear-gradient(125deg,#14242688,#0b1518)}.steps{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:46px;display:grid}.steps article{border-top:1px solid #c6aa7445;padding-top:23px}.step-number{color:var(--gold);font:19px Georgia,serif}.steps h3{margin:17px 0 13px;font-size:29px}.steps p{color:var(--muted);max-width:310px;font-size:12px}.join{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.join-intro{color:var(--muted);margin-top:23px;font-size:13px}.join-detail{border-top:1px solid var(--line);color:#8ba49a;align-items:center;gap:17px;margin-top:30px;padding-top:28px;font-size:10px;display:flex}.join-detail svg{width:34px;height:34px;color:var(--gold)}form{border:1px solid var(--line);background:#101b20;padding:32px;box-shadow:0 20px 70px #0004}form>.micro{margin-bottom:24px}form label{color:#d0d8ce;margin-bottom:7px;font-size:10px;display:block}form input{color:#e2e8db;background:#080f13;border:1px solid #516f6266;border-radius:0;width:100%;min-width:0;height:43px;padding:9px 12px;font-size:12px}form input::placeholder{color:#6d807b}form small{color:#81968d;margin-top:8px;font-size:8px;line-height:1.7;display:block}.passwords{grid-template-columns:1fr 1fr;gap:15px;margin-top:21px;display:grid}form .button{width:100%;margin-top:25px}.form-note{color:#8a9b8d;text-align:center;margin-top:14px;font-size:8px}.form-message{color:#efbda8;margin-top:15px;font-size:12px}.form-message.success{color:#9eceb0}.download{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(at 80%,#234b3833,#0000 60%);grid-template-columns:1.1fr .85fr;align-items:center;gap:95px;display:grid}.download>div>p:not(.eyebrow){color:var(--muted);margin-top:24px;font-size:12px;line-height:1.95}.download-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px;display:flex}.runtime{color:#a2b4a5;text-underline-offset:4px;font-size:9px;text-decoration:underline}.download-meta{letter-spacing:1.3px;color:#7a9588;margin-top:28px;font-size:7px;line-height:2.2}.launcher-preview{background:#0c191d;border:1px solid #93a47e55;width:100%;max-width:420px;transform:perspective(1100px)rotateY(-6deg)rotate(1deg);box-shadow:0 30px 90px #0008}.preview-bar{border-bottom:1px solid var(--line);align-items:center;gap:5px;height:31px;padding:0 13px;display:flex}.preview-bar i{background:#758a7c;border-radius:50%;width:5px;height:5px}.preview-bar span{color:#9cae9f;letter-spacing:1.7px;margin-left:auto;font-size:6px}.preview-body{text-align:center;background:linear-gradient(#0b191bc7,#071214f2),url(/hero.png) 50%/cover;padding:35px 28px 25px}.preview-body>svg{width:44px;height:44px;color:var(--gold);margin-bottom:15px}.preview-body h3{color:#dfcc9e;letter-spacing:2px;margin:17px 0 30px;font-size:36px}.preview-body h3 small{letter-spacing:7px;margin-top:4px;font:9px Inter,sans-serif;display:block}.preview-body>p{text-align:left;color:#a6b8a8;border-bottom:1px solid #c6aa7422;gap:13px;padding:8px 0;font-size:9px;display:flex}.preview-body>p b{color:#8fbd9d}.preview-body>a{color:#1d2a20;letter-spacing:1.3px;background:#c6aa74;justify-content:space-between;align-items:center;margin-top:25px;padding:13px 15px;font-size:8px;display:flex}.news-grid{grid-template-columns:1fr 1fr;gap:25px;margin-top:35px;display:grid}.news-grid article{border:1px solid var(--line);background:linear-gradient(130deg,#172629,#101a1f);padding:28px;position:relative;overflow:hidden}.news-top{letter-spacing:1.3px;color:var(--gold);justify-content:space-between;font-size:7px;display:flex}.news-top time{color:#7e9789}.news-number{color:#c6aa7412;font:65px Georgia,serif;position:absolute;top:42px;right:25px}.news-grid h3{max-width:340px;margin:42px 0 15px;font-size:29px;line-height:1.15;position:relative}.news-grid p{color:#93aa9d;font-size:12px;line-height:1.85}.news-grid article>a{color:var(--gold);align-items:center;gap:16px;margin-top:25px;font-size:9px;display:flex}.faq{padding-top:0}.faq h2{margin-bottom:30px;font-size:43px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;color:#bacabe;justify-content:space-between;gap:20px;font-size:12px;list-style:none;display:flex}summary:after{content:"+";color:var(--gold);font-size:18px;line-height:1}details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-width:750px;margin-top:15px;font-size:12px;line-height:1.9}footer{border-top:1px solid var(--line);background:#070c0f;justify-content:space-between;align-items:center;gap:25px;padding:40px 5.5%;display:flex}footer .brand{font-size:15px}footer .brand svg{width:33px;height:33px}footer .brand small{letter-spacing:3.8px;font-size:7px}footer p{color:#7d9386;font-size:9px;line-height:1.8}footer>a:not(.brand){color:var(--gold);font-size:10px}footer>span{letter-spacing:1.4px;color:#688373;font-size:6px}@media (max-width:1000px){header{gap:18px;padding:0 5%}nav{gap:16px;font-size:9px}.nav-download{gap:10px;padding:10px;font-size:9px}.hero{height:84vh;min-height:690px}.hero-content{padding-left:6%}.hero-art{object-position:65% center}.realm-strip{gap:22px;padding:24px 25px}.realm-strip>a{display:none}.section{padding:80px 25px}.class-showcase{grid-template-columns:.85fr 1.3fr}.roster{grid-template-columns:repeat(2,1fr);padding-left:16px}.class-story{padding-right:25px}.join,.download{gap:45px}.steps{gap:30px}.faq{padding-top:0}footer{flex-wrap:wrap}}@media (max-width:680px){header{height:76px;padding:0 22px}.brand{gap:9px;font-size:15px}.brand svg{width:32px;height:32px}.brand small{letter-spacing:3.8px;font-size:7px}nav{display:none}.nav-download{letter-spacing:.5px;gap:7px;padding:9px;font-size:8px}.nav-download svg{width:13px}.hero{height:90vh;min-height:720px}.hero-content{padding:115px 25px 90px}.hero-art{object-position:70% center;opacity:.7}.hero-shade{background:linear-gradient(90deg,#070d13ef,#080e129e 67%,#080e1244),linear-gradient(0deg,var(--ink),transparent 35%)}h1{letter-spacing:-1px;font-size:56px}.hero .eyebrow{letter-spacing:1.5px;font-size:7px}.intro{max-width:310px;font-size:13px}.intro br{display:none}.actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px}.button{min-height:48px;padding:12px 20px;font-size:9px}.hero-note{letter-spacing:.6px;font-size:6px}.hero-note b{padding:0 5px}.scroll{font-size:6px;bottom:25px;left:25px}.realm-strip{flex-wrap:wrap;gap:15px;padding:23px 25px}.realm-live{min-width:200px}.realm-live strong{font-size:11px}.population{margin-left:auto}.population b{font-size:24px}.population span{font-size:6px}.realm-detail{display:none}.section{padding:66px 25px}.section-heading{margin-bottom:30px;display:block}.section-heading>p{max-width:none;margin-top:22px;font-size:12px}h2{font-size:43px}.eyebrow{letter-spacing:2px;margin-bottom:17px;font-size:8px}.class-showcase{flex-direction:column;display:flex}.class-story{border-right:0;min-height:340px;padding:28px 0}.class-story>svg{width:63px;height:63px;margin-bottom:20px}.class-story h3{font-size:30px}.roster{grid-template-columns:repeat(2,1fr);padding:20px 0}.class{min-height:45px;padding:6px}.class>b{font-size:10px}.class>i{font-size:17px}.steps{grid-template-columns:1fr;gap:32px;margin-top:35px}.steps article{padding-top:19px}.steps h3{margin-top:12px;font-size:28px}.steps p{max-width:none}.steps a{margin-top:15px}.join{flex-direction:column;align-items:stretch;gap:35px;display:flex}.join-intro{font-size:12px}.join-detail{display:none}form{padding:24px 20px}.passwords{grid-template-columns:1fr;gap:17px}.download{grid-template-columns:1fr;gap:42px}.launcher-preview{width:90%;margin:auto}.news-grid{grid-template-columns:1fr;gap:18px}.news-grid article{padding:24px}.news-grid h3{font-size:28px}.faq{padding-top:0}.faq h2{font-size:37px}footer{align-items:flex-start;gap:22px;padding:31px 25px}footer p{order:3;width:100%}footer>span{order:4;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.launcher-preview{transform:none}}.class-facts{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.class-facts dl{gap:9px;margin:0;display:grid}.class-facts dl>div{grid-template-columns:95px 1fr;gap:10px;font-size:11px;display:grid}.class-facts dt{color:var(--muted)}.class-facts dd{color:#e0d7be;margin:0}.class-facts strong{color:var(--gold);font-weight:500}.class-reference{color:#9aad9f;font-size:9px;line-height:1.8;display:block}.class-guide{margin-top:44px}.guide-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.guide-heading h3{font-size:34px;line-height:1.15}.guide-heading a,.guide-source a{color:var(--gold);text-underline-offset:4px;font-size:11px;text-decoration:underline}.guide-context,.guide-source{color:var(--muted);max-width:850px;margin:20px 0;font-size:12px;line-height:1.9}.guide-table{border:1px solid var(--line);margin:25px 0 32px;overflow-x:auto}.guide-table table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:12px}.guide-table caption{text-align:left;color:var(--gold);background:#132125;padding:16px 20px;font-size:11px}.guide-table th,.guide-table td{border-top:1px solid var(--line);padding:15px 20px;line-height:1.6}.guide-table thead{color:#9fb4a8;font-size:10px}.guide-table tbody th{color:#e0d7be;font-weight:500}.guide-table td{color:var(--muted)}.class-guide h4{margin-bottom:20px;font:28px Georgia,serif}.playstyle-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.playstyle-grid article{border:1px solid var(--line);background:#101d21;padding:23px 20px}.playstyle-grid h5{margin:15px 0 5px;font:25px Georgia,serif}.spec-class{color:var(--gold);font-size:11px}.playstyle-grid p{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.8}.guide-source{margin-bottom:0;font-size:10px}.guide-table:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (max-width:1000px){.playstyle-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.guide-heading{flex-direction:column;align-items:flex-start;gap:16px}.guide-heading h3{font-size:30px}.playstyle-grid{grid-template-columns:1fr}.guide-table th,.guide-table td{padding:12px 15px}}:root{--gold:#d0ad68;--line:#b99b5a38}.hero-art{object-position:center}.hero-shade{background:linear-gradient(90deg,#070d13f2,#080e12bb 38%,#080e1210 85%),linear-gradient(0deg,var(--ink),transparent 40%,#080e1240)}header{background:linear-gradient(#080c10ed,#080c1055);border-bottom:1px solid #c9a76a65}.brand{filter:drop-shadow(0 2px 6px #000)}.button.primary{box-shadow:inset 0 0 0 2px #3c2d152b,0 4px 18px #0005}.azeroth-world{border-bottom:1px solid var(--line);background:radial-gradient(at 50% 0,#332a1f55,#0000 65%),#0b1114}.azeroth-world .section{padding-bottom:65px}.warcraft-gallery{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.world-scene{isolation:isolate;background:#111c21;border:1px solid #bca16a70;min-height:255px;margin:0;position:relative;overflow:hidden;box-shadow:0 12px 35px #0004}.world-scene-main{grid-row:span 2}.world-scene img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.world-scene:after{content:"";z-index:-1;background:linear-gradient(#050a1033 15%,#050a10f5);position:absolute;inset:0}.world-scene:hover img{transform:scale(1.035)}.world-scene figcaption{padding:28px;position:absolute;bottom:0;left:0;right:0}.world-scene h3{text-shadow:0 2px 10px #000;margin:12px 0 22px;font-size:33px;line-height:1.12}.world-scene-main h3{font-size:48px}.world-scene a{color:#e6c98c;align-items:center;gap:18px;font-size:10px;display:flex}.announcement-feature{border:1px solid var(--line);background:linear-gradient(120deg,#221f18,#101a20);grid-template-columns:220px 1fr;gap:40px;margin-top:28px;padding:32px;display:grid}.announcement-label{border-right:1px solid var(--line);padding-right:25px}.announcement-label>span:last-child{color:var(--muted);letter-spacing:1px;margin-top:12px;font-size:8px;display:block}.announcement-feature h3{margin-bottom:16px;font-size:30px;line-height:1.2}.announcement-feature p{color:#b4b9ac;font-size:12px;line-height:1.9}.announcement-feature .source-context{color:#96a7a5;margin-top:14px;font-size:10px}.announcement-feature a{color:var(--gold);gap:16px;margin-top:20px;font-size:11px;display:inline-flex}.art-credit{color:#84958e;margin-top:20px;font-size:9px;line-height:1.8}.art-credit a{color:#b6a379;text-underline-offset:3px;text-decoration:underline}.class-showcase{border:1px solid var(--line);background:linear-gradient(130deg,#19211b55,#0c151a);padding-left:25px}.roster{padding-right:20px}.class-story>svg{filter:drop-shadow(0 0 18px #84ac7855)}.news-grid article{border-top:2px solid #b99b5a90}.news-grid article:first-child{background:linear-gradient(#111b20de,#101a1ff5),url(/warcraft/northrend.jpg) 50%/cover}.news-grid article:nth-child(2){background:linear-gradient(#111b20df,#101a1ff5),url(/warcraft/wrath-dungeon.jpg) 50%/cover}@media (max-width:1000px){.announcement-feature{grid-template-columns:170px 1fr;gap:25px}.world-scene-main h3{font-size:39px}}@media (max-width:680px){.hero-art{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#070d13e8,#080e1277),linear-gradient(0deg,var(--ink),transparent 50%)}.warcraft-gallery{grid-template-columns:1fr;gap:16px}.world-scene-main{grid-row:auto;min-height:390px}.world-scene{min-height:290px}.world-scene-main h3{font-size:38px}.world-scene figcaption{padding:24px}.announcement-feature{padding:24px;display:block}.announcement-label{border-right:0;border-bottom:1px solid var(--line);margin-bottom:22px;padding:0 0 18px}.announcement-feature h3{font-size:29px}.class-showcase{padding:0 15px}.roster{padding-right:0}}@media (prefers-reduced-motion:reduce){.world-scene img{transition:none}.world-scene:hover img{transform:none}}.release-details{gap:12px;margin:22px 0;padding:0;list-style:none;display:grid}.release-details li{border-left:2px solid #b89b5d80;grid-template-columns:135px 1fr;gap:12px;padding-left:15px;font-size:11px;line-height:1.8;display:grid}.release-details strong{color:#ddc38b;font-weight:500}.release-details span{color:var(--muted)}@media (max-width:680px){.release-details li{grid-template-columns:1fr;gap:2px}}.how{background:linear-gradient(90deg,#0b1518f5,#0b1518d9),url(/warcraft/stonecore.webp) 50%/cover}.world-scene:first-child img{object-position:center}.world-scene:nth-child(2) img{object-position:center 42%}.world-scene:nth-child(3) img{object-position:center 40%}