:root{color-scheme:dark;--ink:#101a17;--paper:#ede7d4;--gold:#d6b773;--muted:#b1b8ae}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}p{margin:0 0 1.4rem}h1,h2,h3,.wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.12;margin:0}h2{font-size:clamp(2.1rem,3.3vw,3.4rem);letter-spacing:-.03em}h3{font-size:1.6rem}.skip{position:fixed;top:-100px;z-index:100;background:var(--ink);padding:15px}.skip:focus{top:0}header{height:90px;padding:0 5.5%;display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff14;position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(#09120de6,#09120d88)}.brand{display:flex;align-items:center;gap:12px;line-height:1.15;letter-spacing:2px;font-size:12px;font-weight:600}.brand b{display:block;color:var(--gold);font-family:Georgia,serif;font-size:18px;font-weight:normal;letter-spacing:4px}nav{margin-inline-start:auto;display:flex;gap:30px;align-items:center;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 28px;background:linear-gradient(#b99452,#886632);border:1px solid #e2c58a;box-shadow:inset 0 0 0 3px #674d2766,0 4px 20px #0003;color:#101710;font-weight:700;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.17);transform:translateY(-2px)}.button.small{min-height:42px;padding:8px 18px}.languages{position:relative;font-size:13px}.languages summary{list-style:none;cursor:pointer;padding:12px 0}.languages>div{position:absolute;inset-inline-end:0;top:50px;background:#17241f;border:1px solid #78653b;padding:12px;display:grid;grid-template-columns:1fr 1fr;width:300px;gap:2px;box-shadow:0 10px 40px #0008}.languages a{padding:7px 10px}.languages a:hover,.languages [aria-current]{background:#c5a56724;color:var(--gold)}.hero{position:relative;min-height:760px;height:100svh;max-height:1000px;display:flex;align-items:center;padding:130px 8% 95px;isolation:isolate;overflow:hidden}.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07120ded 0%,#07120dc4 35%,#09171026 74%),linear-gradient(0deg,var(--ink),transparent 23%)}.hero-content{max-width:630px;animation:arrive .8s ease both}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:25px}h1{font-size:clamp(4.2rem,7.4vw,7.7rem);letter-spacing:-.06em;line-height:.96}h1 em{display:block;font-style:normal;color:var(--gold)}.hero h2{font-size:clamp(1.35rem,2.1vw,1.9rem);margin-top:32px;letter-spacing:0}.hero-copy{max-width:440px;color:#d3d9cd;font-size:17px;line-height:1.7;margin-top:20px}.actions{display:flex;align-items:center;gap:26px;margin-top:28px}.text-link{border-bottom:1px solid #8e7c51;padding-block:7px;color:var(--gold);font-size:14px}.device{font-size:12px;color:#b8c0b2;margin:19px 0 0}.hero-ornament{position:absolute;bottom:20px;left:50%;color:var(--gold);font-size:24px}.section{max-width:1200px;margin:auto;padding:100px 50px}.finder-section{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:25px;max-width:390px}.finder-link{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid #bfad752d;transition:padding .2s,color .2s}.finder-link:first-child{border-top:1px solid #bfad752d}.finder-link:hover{padding-inline:10px;color:var(--gold)}.finder-link .index{font:12px Georgia,serif;color:var(--gold);padding-top:6px}.finder-link p{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.7}.finder-link>span:last-child{margin-inline-start:auto;color:var(--gold);font-size:23px}.how-section{border-top:1px solid #bfad752d;text-align:center}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:0;margin:55px 0 0;text-align:start}.step-number{color:var(--gold);font:36px Georgia,serif;display:block;margin-bottom:24px}.steps p{color:var(--muted);font-size:14px;margin:18px 0 0}.mobile-section{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;border-top:1px solid #bfad752d}.mobile-section h2{margin-bottom:26px}.mobile-section p{color:var(--muted)}.mobile-section .eyebrow{color:var(--gold)}.muted{font-size:13px}.coordinate-art{max-width:320px;margin:auto;border:10px solid transparent;border-image:url('/assets/forged-frame.svg') 24 stretch;background:radial-gradient(ellipse,#263429,#101711);padding:28px 34px 38px;box-shadow:0 25px 65px #0005;color:var(--gold);font:18px Georgia,serif;text-align:center;transform:rotate(-3deg);transition:transform .35s}.coordinate-art:hover{transform:rotate(0)}.coordinate-art>span{display:block;font-size:42px;margin-bottom:16px}.coordinate-art b{font-weight:normal;display:block}.coordinate-art strong{display:block;color:var(--paper);font-size:38px;font-weight:normal}.coordinate-art>div{display:flex;justify-content:space-around;border-top:1px solid #bfa36344;margin-top:18px;padding-top:18px}figure{margin:0}figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:34px}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:75px;border-top:1px solid #bfad752d}.faq details{border-bottom:1px solid #bfad752d;padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px}.faq summary span{color:var(--gold);font-size:22px;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:14px;margin:18px 0 6px}.final{text-align:center;border-top:1px solid #bfad752d}.final h2{margin-bottom:20px}.final p{color:var(--muted)}.final .sigil{color:var(--gold);font-size:32px}footer{background:#0b1411;border-top:1px solid #bfad752d;padding:45px 8%;text-align:center;color:var(--muted);font-size:12px}.wordmark{font-size:25px;color:var(--gold)}footer p{max-width:700px;margin:18px auto}footer summary{cursor:pointer}.footer-links{display:flex;gap:10px 20px;justify-content:center;flex-wrap:wrap;margin:30px auto 0;max-width:900px}.footer-links a:hover{text-decoration:underline}.topic-hero{min-height:640px;height:85svh}.topic-hero h1{font-size:clamp(2.8rem,4.9vw,5rem);line-height:1.08}.guide-brand{font:21px Georgia,serif;color:var(--gold);margin:0 0 24px}.guide{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.guide p:not(.eyebrow){color:var(--muted)}.guide h3{margin:30px 0 16px}.related h2{margin-bottom:35px}.related .finder-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.related .finder-link{border-top:1px solid #bfad752d}.related .index{display:none}[dir=rtl] .hero:after{background:linear-gradient(270deg,#07120ded,#07120db4 40%,#09171026 90%),linear-gradient(0deg,var(--ink),transparent 23%)}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:800px){header{padding-inline:5%;gap:20px;height:76px}nav{gap:18px}.nav-how,nav .small{display:none}.brand{font-size:10px;gap:8px}.brand b{font-size:15px}.brand img{width:30px}.hero{min-height:680px;max-height:900px;padding:120px 7% 85px}.hero:after{background:linear-gradient(90deg,#07120ddd,#07120d88),linear-gradient(0deg,var(--ink),transparent 40%)}h1{font-size:clamp(4.4rem,13vw,6rem)}.hero-copy{font-size:16px;max-width:360px}.section{padding:64px 7%}.finder-section,.mobile-section,.faq,.guide{grid-template-columns:1fr;gap:35px}.steps{gap:28px}.steps h3{font-size:1.35rem}.mobile-section{gap:50px}.mobile-section figure{max-width:320px;margin:auto}.related .finder-list{grid-template-columns:1fr;gap:0}.topic-hero{min-height:620px;height:auto}.topic-hero h1{font-size:3.3rem}.languages>div{inset-inline-end:-10px}.landscape{object-position:62% center}}@media(max-width:480px){nav{font-size:12px}.hero{min-height:660px;height:100svh;max-height:850px}.hero h2{font-size:1.3rem}.hero .eyebrow{font-size:10px;letter-spacing:.13em}.actions{gap:20px;flex-wrap:wrap}.button{font-size:14px;padding-inline:23px}.text-link{font-size:13px}.steps{grid-template-columns:1fr;margin-top:35px;gap:30px}.step-number{float:inline-start;margin-inline-end:20px;margin-bottom:20px}.steps p{margin-top:10px}.topic-hero h1{font-size:2.6rem}.topic-hero{height:auto;min-height:650px}.finder-link{gap:16px}.finder-link h3{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Shared Warcraft material language; the illustration remains the hero's focus. */
:root{--ink:#10151b;--paper:#eee0ba;--gold:#e8c568;--muted:#bdb8a7}
body{background-color:var(--ink);background-image:url('/assets/forged-grain.svg');background-size:240px;color:var(--paper)}
header{height:88px;background:linear-gradient(180deg,#0a101af2,#111923e0);border-bottom:1px solid #9b7d3e;box-shadow:0 2px 0 #05080d,0 4px 0 #66502d66,0 14px 35px #0006}
header:after{content:'';position:absolute;inset:auto 0 -6px;height:5px;background:url('/assets/forged-divider.svg') center/auto 5px;pointer-events:none}
.brand{color:#ded3b5;text-shadow:0 2px 3px #000}.brand b{color:#f1d58e;letter-spacing:3px}.brand img{filter:drop-shadow(0 2px 6px #000)}
nav>a:not(.button){font-family:Georgia,serif;color:#e0ca91;font-size:16px;text-shadow:0 2px 2px #000;transition:color .2s}nav>a:hover{color:#fff1c8}
.button{border:8px solid transparent;border-image:url('/assets/wc-button-bg-with-frame.webp') 16 fill stretch;background:transparent;box-shadow:none;color:#ffe4a0;text-shadow:0 2px 2px #000;font:700 19px/1.2 Georgia,serif;padding:12px 26px;min-height:62px;letter-spacing:.3px}
.button.small{border-width:6px;padding:8px 17px;min-height:45px;font-size:16px}.button:hover{filter:brightness(1.2);transform:none;box-shadow:none}.button:active{transform:none;filter:brightness(.9)}
.hero{min-height:720px;max-height:1050px;padding-top:125px;padding-bottom:100px}
.landscape{object-position:65% center;animation:crypt-depth 1.5s ease-out both}
.hero:after{background:linear-gradient(90deg,#080e19dc 0%,#0c1322b5 26%,#0c132252 48%,transparent 70%),linear-gradient(0deg,var(--ink) 0%,#10151b8c 9%,transparent 28%)}
.hero:before{content:'';position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,transparent,#a08244 20%,#f0d490 50%,#a08244 80%,transparent);z-index:1}
.hero-content{max-width:650px;text-shadow:0 3px 12px #000;animation:arrive .85s .1s ease both}
.hero .eyebrow{display:flex;align-items:center;gap:15px;color:#f4dba3;font-family:Georgia,serif;font-size:12px;letter-spacing:.18em}
.hero .eyebrow:before{content:'';width:36px;height:1px;background:#d3af60;box-shadow:0 1px 0 #000}
h1{color:#f6e8c7;font-size:clamp(4.1rem,6.9vw,7.2rem);letter-spacing:-.045em;text-shadow:0 3px 0 #281d0c,0 6px 24px #000;line-height:1.02}h1 em{color:#ecc974;text-shadow:0 3px 0 #4a3211,0 5px 24px #000}
.hero h2{color:#ecdab0;margin-top:24px;font-size:clamp(1.3rem,1.8vw,1.7rem);max-width:490px;line-height:1.4}.hero-copy{color:#d4d0c2;margin-top:15px;max-width:425px;font-size:16px}.actions{margin-top:26px}.device{color:#c5c1b4}
.hero-ornament{bottom:23px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:10px;color:#f0d695;z-index:2}.hero-ornament span{font-size:15px;text-shadow:0 0 15px #d7af6266}.hero-ornament i{height:23px;width:1px;background:linear-gradient(#d9b874,transparent);animation:waypoint 2.4s ease-in-out infinite}
.languages summary{color:#ead6a1;font-family:Georgia,serif}.languages>div{border:12px solid transparent;border-image:url('/assets/wc-dropdown-menu-bg.webp') 16 fill stretch;background:#111a23;padding:8px}
.section{position:relative;padding-block:90px}.section h2{color:#eed99e;text-shadow:0 2px 2px #000;font-size:clamp(2.1rem,3.2vw,3.1rem)}.section .eyebrow{color:#cba866}
.finder-section{gap:75px;padding-top:95px}.finder-link{padding:25px 0;border-color:#a184494d;align-items:center}.finder-link:first-child{border-color:#a184494d}.finder-link h3{color:#ecddba;font-size:1.65rem}.finder-link .index{border:6px solid transparent;border-image:url('/assets/wc-button-bg.webp') 16 fill stretch;display:grid;place-items:center;min-width:47px;min-height:47px;font:18px Georgia,serif;padding:0;color:#f1d689;box-shadow:0 5px 15px #0006}.finder-link>span:last-child{font-size:24px;transition:transform .25s}.finder-link:hover>span:last-child{transform:translate(3px,-3px)}.finder-link:hover h3{color:#ffe39b}
.how-section,.mobile-section,.faq,.final{border-top:none}.how-section:before,.mobile-section:before,.faq:before,.final:before{content:'';position:absolute;top:0;left:5%;width:90%;height:14px;background:url('/assets/forged-divider.svg') center/100% 14px no-repeat;opacity:.75}
.steps{gap:45px}.step-number{display:grid;place-items:center;border:8px solid transparent;border-image:url('/assets/wc-button-bg-with-frame.webp') 16 fill stretch;width:66px;height:62px;font-size:25px;margin-bottom:23px;box-shadow:0 8px 20px #0005}.steps h3{color:#ecd8a2}.steps p{line-height:1.7}
.coordinate-art{border:24px solid transparent;border-image:url('/assets/wc-card-bg.webp') 24 fill stretch;background:transparent;padding:24px 23px 32px;max-width:340px;transform:rotate(-2deg);box-shadow:0 24px 55px #0009;font-size:18px}.coordinate-art strong{color:#f5e5b9;text-shadow:0 3px 3px #000}.coordinate-art>span{color:#e8c568;font-size:40px}.coordinate-art>div{border-color:#9b7e3d77}
#methodology{background:linear-gradient(90deg,transparent,#19212a88,transparent);border-top:1px solid #78603744;border-bottom:1px solid #78603744}
.faq details{border-color:#9b804747}.faq summary{font-family:Georgia,serif;font-size:18px;color:#e7d8b4}.faq summary:hover{color:#f8df9c}.final{padding-block:90px 105px}.final .sigil{font-size:38px;margin-bottom:22px;text-shadow:0 0 30px #d7af6244}.final .button{margin-top:12px}
footer{background:#090e15;border-color:#9b7d3e;color:#b4af9d}.wordmark{color:#ead09a;text-shadow:0 2px 3px #000}
.reveal-ready .section{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal-ready .section.is-visible{opacity:1;transform:none}
@keyframes crypt-depth{from{transform:scale(1.035);filter:brightness(.75)}to{transform:scale(1);filter:brightness(1)}}@keyframes waypoint{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}
[dir=rtl] .hero:after{background:linear-gradient(270deg,#080e19dc,#0c1322b5 26%,#0c132252 48%,transparent 70%),linear-gradient(0deg,var(--ink),transparent 28%)}
@media(max-width:800px){header{height:76px}.hero{min-height:660px;padding:115px 7% 85px}.hero-content{max-width:520px}.hero:after{background:linear-gradient(90deg,#080e19d4,#080e19a3 55%,#080e1940),linear-gradient(0deg,var(--ink),transparent 35%)}.landscape{object-position:59% center}.hero h2{max-width:400px}.finder-section{gap:35px}.section{padding-block:68px}.mobile-section{gap:48px}.coordinate-art{max-width:310px}.topic-hero{height:auto}}
@media(max-width:480px){.hero{min-height:670px;max-height:900px;padding-top:108px;padding-bottom:80px}.hero h1{font-size:clamp(3.5rem,15vw,4.8rem)}.hero .eyebrow{font-size:10px;gap:10px}.hero .eyebrow:before{width:22px}.hero h2{font-size:1.2rem;margin-top:21px}.hero-copy{font-size:15px;line-height:1.65;max-width:330px}.actions{gap:18px;margin-top:22px}.hero .button{font-size:17px;padding:10px 21px;min-height:57px}.landscape{object-position:62% center}.hero:after{background:linear-gradient(90deg,#080e19d5,#080e19a3 60%,#080e1973),linear-gradient(0deg,var(--ink),transparent 30%)}.hero-ornament{bottom:17px}.step-number{float:none;display:inline-grid;margin-bottom:16px;margin-inline-end:0}.steps{gap:30px}.finder-link{gap:15px}.finder-link h3{font-size:1.45rem}.finder-link .index{min-width:43px;min-height:43px}.topic-hero h1{font-size:2.7rem}.languages>div{width:280px}.brand b{letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.reveal-ready .section{opacity:1;transform:none}}

.resources-teaser{border-top:1px solid #a184494d}.resources-teaser p:not(.eyebrow){max-width:600px;color:var(--muted);margin-top:24px}