/* Kbelov Reforged — visual patch 1.1.0. Shared styles intentionally preserve form and account behavior. */
:root{--ink:#101112;--surface:#18191a;--gold:#c9a36a;--line:#b38d5140;--muted:#aca89f}
body{background:var(--ink);color:#c3beb5;font-size:16px}h1,h2,h3{color:#f2e4c6}a:focus-visible,button:focus-visible{outline:2px solid #efd498;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 80px))}.section{padding-top:96px;padding-bottom:96px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#caad79}h2{font-size:clamp(30px,3.2vw,44px)}.section-heading{align-items:end;margin-bottom:38px}.section-heading h2{margin-bottom:0}.text-link{font-size:14px}.button,.button.small,.button.large{background:#6c2119;border:1px solid #bc8650;box-shadow:inset 0 0 0 3px #24120f,0 4px 16px #0003;filter:none;text-shadow:0 1px 2px #210a07;border-radius:2px;transition:background .2s,border-color .2s,transform .2s}.button:hover{background:#882e21;border-color:#efd098;transform:translateY(-2px)}.button.secondary{background:#252421;border:1px solid #8a7350;box-shadow:inset 0 0 0 3px #141413}.button.secondary:hover{background:#33302a}.button.small{min-height:42px;padding:10px 20px}.button.large{min-height:56px;font-size:22px}.button{min-height:50px}
.reforged-header{background:#121314;border-bottom:1px solid var(--line);box-shadow:0 4px 24px #0005}.reforged-header .nav{height:100px;gap:32px;position:relative}.reforged-header .nav-logo{width:164px;margin:0 20px 0 0;z-index:2}.reforged-header .nav-logo img{width:164px;max-height:100px;object-fit:contain;filter:drop-shadow(0 4px 8px #0008)}.reforged-header .navlinks{gap:24px;align-self:stretch;align-items:center;font-size:13px;white-space:nowrap}.reforged-header .navlinks>a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;padding-top:2px;color:#c6c0b3}.reforged-header .navlinks>a:hover,.reforged-header .navlinks>a[aria-current]{color:#f3d6a2;border-color:#b68d50}.reforged-header .nav-account{gap:22px;white-space:nowrap;font-size:13px}.menu-toggle{color:#ead5ad;background:transparent;border:1px solid var(--line);padding:8px 12px}
.cinematic{min-height:680px;background:#151311;border-bottom-color:var(--line)}.cinematic .hero-art{background:linear-gradient(90deg,#0c0d10e8 0%,#0c0d10b8 28%,#0c0d1020 65%),linear-gradient(0deg,#101112 1%,transparent 40%),url("img/hero.e7c5114db373.webp") center 44%/cover}.cinematic .hero-inner{min-height:650px;align-items:center}.cinematic .hero-copy{max-width:670px;padding:72px 0 82px}.cinematic h1{font-size:clamp(42px,5vw,70px);line-height:1.1;letter-spacing:-1px;margin-bottom:28px}.cinematic h1 em{color:#dfb77b}.cinematic .hero-lead{font-size:16px;line-height:1.85;max-width:490px;color:#c8c1b6}.cinematic .actions{margin:32px 0}.cinematic .hero-meta{margin-top:40px;gap:28px}.cinematic .hero-meta>span{font-size:23px}.cinematic .hero-meta small{font-family:'Segoe UI',sans-serif;letter-spacing:.3px;font-size:10px}.cinematic .realm-badge{border-left:1px solid #c89e5860;border-top:0;background:transparent;align-self:flex-end;margin-bottom:90px;padding:6px 0 6px 24px;width:260px;flex:none}.cinematic .realm-badge h2{font-size:24px}.cinematic .realm-badge p{font-size:12px;color:#c2b29b}.cinematic .realm-badge a{font-size:12px}.cinematic .hero-bottom{bottom:22px}.hero-bottom span{font-size:9px;letter-spacing:4px}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.journey-card{display:flex;flex-direction:column;background:#191a1b;border:1px solid #8a754930;transition:transform .25s,border-color .25s,box-shadow .25s;color:inherit;position:relative}.journey-card:hover{transform:translateY(-5px);border-color:#bc985c90;box-shadow:0 18px 32px #0005;color:inherit}.journey-picture{position:relative;aspect-ratio:16/9;overflow:hidden;background:#222}.journey-picture:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#191a1b)}.journey-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}.journey-card:hover img{transform:scale(1.04)}.journey-number{position:absolute;left:27px;bottom:0;z-index:1;font:24px Warcraft,Georgia,serif;background:#1c1b19;border:1px solid #937446;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;color:#e6c58c;box-shadow:0 0 0 5px #161718aa}.journey-copy{padding:28px;display:flex;flex-direction:column;flex:1}.journey-copy .eyebrow{margin-bottom:12px;font-size:9px}.journey-copy h3{font-size:27px;margin-bottom:15px}.journey-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#b8b5ae;margin-bottom:26px}.journey-link{display:flex;justify-content:space-between;margin-top:auto;font-size:13px;padding-top:18px;border-top:1px solid var(--line);color:#d6b57d}.journey-link span{font-size:19px;line-height:1}
.launcher-section{padding:85px 0;background:radial-gradient(ellipse at 70% 55%,#55342138,transparent 65%),#151617;border-block:1px solid var(--line);overflow:hidden}.launcher-layout{display:grid;grid-template-columns: .85fr 1.3fr;gap:60px;align-items:center}.launcher-copy h2{font-size:clamp(34px,3.8vw,50px);line-height:1.12}.launcher-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#b6b2a9}.feature-list{padding:0;list-style:none;font-size:13px;color:#c8c1b4;margin:26px 0}.feature-list li{margin:10px 0;padding-left:22px;position:relative}.feature-list li:before{content:'◆';position:absolute;left:0;color:#ac8750;font-size:8px;top:5px}.launcher-copy .actions{gap:22px;flex-wrap:wrap}.launcher-copy .launcher-note{font-size:11px!important;color:#8e8d87!important}.launcher-visual{display:block;position:relative;min-width:0}.launcher-visual img{width:100%;display:block;filter:drop-shadow(0 18px 22px #0009);transition:transform .4s}.launcher-visual:hover img{transform:translateY(-4px)}.launcher-visual>span{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 2px 15px;font-size:9px;letter-spacing:2px;color:#b99c6c}.download-preview{display:block;width:100%;margin:0 0 32px;filter:drop-shadow(0 12px 16px #0005)}
.news-section{background:#101112;border:0}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-card{display:flex;flex-direction:column;min-width:0;background:#171819;border:1px solid #8a754933;overflow:hidden;transition:transform .25s,border-color .25s}.news-card:hover{transform:translateY(-4px);border-color:#b9915390}.publication-image{display:block;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover;flex:none}.card-copy{padding:28px;display:flex;flex:1;flex-direction:column}.card-copy .eyebrow{font-size:9px;letter-spacing:1.8px}.card-copy h3{font-size:26px;min-height:0;margin:18px 0;line-height:1.25}.card-copy p{font-size:14px;line-height:1.8;margin-bottom:28px;color:#b7b3aa}.card-copy .text-link{margin-top:auto;display:block;border-top:1px solid var(--line);padding-top:17px}.article-tile{display:flex;flex-direction:column;overflow:hidden}.article-tile .publication-image{margin-bottom:24px}.article-tile .text-link{margin-top:auto}.article-tile h2{font-size:27px}.community{border-top:1px solid var(--line);gap:80px}.community>div>p:not(.eyebrow){max-width:440px;color:#b7b3aa}.community-list>a{background:transparent;border-bottom:1px solid var(--line)}.category-rune{background:transparent;border:1px solid #8c734b55;color:#c8a569}.cta{background:linear-gradient(90deg,#111214e8,#111214aa),url("img/v2/barrens.b25ce531deeb.jpg") center 45%/cover;padding:88px 0;border-top:1px solid var(--line)}.footer{background:#0d0e10;border-top:1px solid var(--line)}.footer h3{font-size:19px}.footer-bottom{color:#7f7e79;border-color:var(--line)}.panel{background:#171819;border-color:#88704640}.page-banner{background:linear-gradient(90deg,#111214f5,#111214aa),url("img/v2/deepholm.cc18e622e98b.jpg") center 40%/cover;border-bottom:1px solid var(--line)}
@media(min-width:1600px){.cinematic .hero-art{background-position:center,center,center 38%}.cinematic{min-height:760px}.cinematic .hero-inner{min-height:730px}}
@media(max-width:1190px){.reforged-header .nav{gap:18px}.reforged-header .nav-logo{width:140px;margin-right:0}.reforged-header .navlinks{gap:16px;font-size:12px}.reforged-header .nav-account{gap:14px}.reforged-header .button.small{padding:10px 14px}.wrap{width:calc(100% - 48px)}.launcher-layout{gap:36px}.journey-copy,.card-copy{padding:24px}.cinematic .realm-badge{width:220px}.cinematic h1{font-size:60px}}
@media(max-width:980px){.reforged-header .nav{height:86px;flex-wrap:nowrap}.reforged-header .nav-logo{order:0;width:132px}.reforged-header .menu-toggle{display:block;order:2;margin-left:0;font-size:13px}.reforged-header .nav-account{order:1;margin-left:auto}.reforged-header .navlinks{display:none;position:absolute;top:100%;left:-24px;right:-24px;background:#151617;border-block:1px solid var(--line);padding:16px 24px;z-index:10;box-shadow:0 20px 30px #0008;align-self:auto}.reforged-header .navlinks.open{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.reforged-header .navlinks>a{padding:14px;height:auto;font-size:14px}.cinematic .realm-badge{display:none}.cinematic .hero-art{background:linear-gradient(90deg,#0c0d10e8,#0c0d1070),linear-gradient(0deg,#101112,transparent 65%),url("img/hero.e7c5114db373.webp") 65% center/cover}.launcher-layout{grid-template-columns:1fr 1.2fr;gap:24px}.launcher-copy h2{font-size:35px}.launcher-copy .actions{gap:16px}.journey-grid,.news-grid{gap:16px}.journey-copy,.card-copy{padding:20px}.journey-copy h3,.card-copy h3{font-size:24px}.journey-number{left:20px}.community{gap:35px}.section{padding-block:68px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.reforged-header .nav{gap:12px;height:78px}.reforged-header .nav-logo{width:104px}.reforged-header .nav-account{gap:12px;font-size:12px}.reforged-header .button.small{font-size:11px;padding:8px 11px;min-height:37px}.reforged-header .menu-toggle{padding:6px 9px;font-size:0}.menu-bars{font-size:19px}.reforged-header .navlinks{left:-18px;right:-18px;padding:12px 18px}.reforged-header .navlinks.open{grid-template-columns:repeat(2,1fr)}.cinematic,.cinematic .hero-inner{min-height:590px}.cinematic .hero-copy{padding:62px 0 70px}.cinematic h1{font-size:clamp(39px,8.5vw,56px);letter-spacing:-.5px}.cinematic .hero-lead{font-size:14px;max-width:440px}.cinematic .eyebrow{font-size:9px;letter-spacing:1.7px}.cinematic .actions{gap:20px;flex-wrap:wrap}.cinematic .hero-meta{gap:22px;margin-top:34px}.cinematic .hero-meta>span{font-size:21px;padding-right:22px}.cinematic .hero-meta small{font-size:9px;letter-spacing:0}.cinematic .hero-bottom{bottom:18px}.section-heading{display:block;margin-bottom:28px}.section-heading .text-link{display:inline-block;margin-top:20px}.journey-grid,.news-grid{grid-template-columns:1fr;gap:24px}.journey-picture{aspect-ratio:2/1}.journey-copy,.card-copy{padding:26px}.journey-copy h3,.card-copy h3{font-size:28px}.journey-number{left:26px}.journey-copy>p:not(.eyebrow){margin-bottom:22px}.launcher-section{padding:58px 0}.launcher-layout{grid-template-columns:1fr;gap:30px}.launcher-copy h2{font-size:39px}.launcher-visual{margin-inline:-4px}.launcher-visual>span{font-size:8px}.community{display:grid;grid-template-columns:1fr}.community h2 br{display:none}.community-list h3{font-size:22px}.cta{padding:65px 0}.footer-grid{gap:35px 24px}.footer-bottom{gap:15px}.section{padding-block:56px}.download-panel{padding:22px}.page-banner{padding-block:46px}.article-grid{grid-template-columns:1fr}}
@media(max-width:370px){.reforged-header .nav-account>a:not(.button){display:none}.cinematic .hero-meta{gap:12px}.cinematic .hero-meta>span{padding-right:12px}.cinematic h1{font-size:38px}.journey-copy,.card-copy{padding:22px}.actions .text-link{font-size:12px}.cinematic .button.large{min-width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey-card:hover,.news-card:hover,.button:hover,.launcher-visual:hover img{transform:none}}
/* Explicitly reset the legacy mobile logo positioning. */
.reforged-header .nav-logo{position:relative;left:auto;top:auto;transform:none}.reforged-header .nav-account .small{display:inline-flex}.reforged-header .menu-toggle .menu-bars{font-size:19px}
@media(max-width:700px){.reforged-header .nav-logo img{width:100%;height:auto;max-height:76px}.reforged-header .navlinks.open{top:100%}.cinematic .hero-meta>span{flex:1;min-width:0}.cinematic .hero-meta small{line-height:1.6}}
@media(min-width:701px) and (max-width:980px){.section-heading{flex-direction:column;align-items:flex-start;gap:18px}}