/* Warcraft: painted worlds, forged bronze, Stormwind blue, and guild banners. */
:root{--ink:#17130f;--panel:#231d17;--gold:#e7bb68;--light:#f6e6c4;--muted:#b4a48e;--line:rgba(190,146,75,.35)}
body{background:#17130f url('./assets/stone-texture.avif');background-size:1200px auto;color:#e8dbc1;font-size:21px}.header{height:92px;top:18px;left:3%;width:94%;padding:0 28px;background:linear-gradient(180deg,#3c342aee,#211c18ee);border:1px solid #80613a;box-shadow:0 3px 0 #080807,0 0 0 4px #17130f88,inset 0 1px #b99c6155;backdrop-filter:blur(7px)}.header:before,.header:after{content:'';position:absolute;width:5px;height:5px;top:7px;border-radius:50%;background:#a98a55;box-shadow:0 1px 2px #000}.header:before{left:7px}.header:after{right:7px}.header.scrolled{top:0;left:0;width:100%;height:78px;background:linear-gradient(180deg,#31291ff5,#1a1613f5);border-bottom:2px solid #8c6b37}.brand>span{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:1.1px;color:#edcf92;text-shadow:0 2px 2px #000}.brand small{font-size:13px;letter-spacing:1.8px;color:#c0a777}.brand .sigil{width:45px;height:52px;padding:4px;border:1px solid #ae8950;clip-path:polygon(0 0,100% 0,95% 75%,50% 100%,5% 75%);background:linear-gradient(135deg,#214879,#0c233f);color:#e9bd67}.header nav{margin-left:0;gap:32px}.header nav a{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:.7px;color:#d1b685}.header nav a:hover{color:#ffe3a6}.header-actions{gap:26px}.nav-join{background:linear-gradient(#234873,#142d4e);border:1px solid #9a7845;box-shadow:inset 0 0 0 2px #0a182b,0 2px 5px #0008;font-family:var(--display);font-size:16px;font-weight:600;padding:14px 17px;color:#f1d59d}.sound-button{color:#bba77f}.hero{height:min(950px,100svh);min-height:810px;max-height:1100px;isolation:isolate;background:#152337}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:12px;z-index:6;background:linear-gradient(#3e3323,#ac884d 30%,#221b12 40%,#5f4c30 60%,#100d0a 85%);box-shadow:0 -2px 12px #0007}.hero-art{inset:0}.warcraft-backdrop{position:absolute;inset:-3%;background-image:url('./assets/stormwind-fan-art.jpg');background-size:cover;background-position:72% 43%;filter:saturate(1.13) contrast(1.03);transform:scale(1.03);animation:paintedWorld 22s ease-in-out infinite alternate}.hero-haze{background:linear-gradient(90deg,rgba(5,14,24,.95) 0%,rgba(7,17,29,.85) 23%,rgba(8,21,35,.37) 52%,rgba(12,21,31,.04) 80%),linear-gradient(0deg,#101515 0%,transparent 24%,transparent 80%,#0b101b6b);z-index:2}.hero .grain{opacity:.025}.hero-copy{position:relative;left:auto;top:auto;transform:none;margin-left:9%;padding-top:150px;padding-bottom:85px;width:530px;text-align:left;z-index:4}.wow-logo{width:185px;height:auto;max-height:85px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 9px #0009);margin:0 0 16px;animation:riseIn 1.2s both}.hero-intro{font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:1.8px;color:#e5c892;margin:0 0 27px;display:flex;align-items:center;gap:11px}.hero-intro span{width:18px;height:1px;background:#b9924a}.hero-intro span:last-child{display:none}h1{font-family:var(--display);font-weight:700;letter-spacing:-3px;line-height:.85;filter:drop-shadow(0 5px 0 #0b0a09) drop-shadow(0 0 25px #0009)}.title-first{font-size:90px;letter-spacing:-2px;color:#ebd19c;text-shadow:0 1px 0 #ffe3ab,0 4px 1px #76502a}.title-first em{font-family:var(--display);font-style:normal;text-transform:uppercase;font-size:.44em;letter-spacing:0;color:#d1af71;vertical-align:middle}.title-last{font-size:141px;line-height:1.08;letter-spacing:1px;padding-left:0;margin-left:-5px;background:linear-gradient(180deg,#fff4c6 15%,#edd094 40%,#ad773b 75%,#f2d697 90%);background-clip:text;text-shadow:none;-webkit-text-stroke:.5px #c49c5d}.hero-rule{display:flex;align-items:center;gap:14px;margin:19px 0 16px;width:280px;color:#c7a46a}.hero-rule span{height:1px;background:linear-gradient(90deg,#b59254,transparent);width:112px}.hero-rule span:first-child{background:linear-gradient(90deg,transparent,#b59254)}.hero-rule svg{width:23px;height:23px}.hero-description{font-family:var(--display);font-size:24px;line-height:1.4;color:#f7e5c3;margin:0 0 14px;letter-spacing:-.3px;text-shadow:0 3px 8px #000}.hero-description strong{font-weight:500;color:#e2b96b}.hero-subcopy{font-size:18px;line-height:1.8;color:#c0c1bc;text-shadow:0 2px 6px #000;margin:0 0 26px}.hero-buttons{justify-content:flex-start;gap:12px}.button{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.5px;gap:25px;min-height:53px;padding:0 22px}.button.gold{background:linear-gradient(#b94e31,#8a261b);color:#fff0c4;border:1px solid #d59d4b;box-shadow:inset 0 0 0 2px #3d160e,inset 0 4px 9px #e1864244,0 3px 6px #0008;text-shadow:0 2px 2px #3e0d03}.button.gold:hover{background:linear-gradient(#d5683c,#a73520);box-shadow:inset 0 0 0 2px #572311,0 0 25px #f7a54433}.button.gold:before,.button.gold:after{border-color:#daa75b}.button.outline{background:linear-gradient(#263c53dd,#13263b);border:1px solid #aa8850;box-shadow:inset 0 0 0 2px #101d2a;color:#ebd4a3}.button.outline:hover{background:linear-gradient(#355473,#1b3c60)}.hero-plaque{position:absolute;right:7%;bottom:140px;z-index:4;display:flex;align-items:center;flex-direction:column;padding:22px 28px;background:linear-gradient(135deg,#142437dd,#101c2ce8);border:1px solid #987a43;box-shadow:inset 0 0 0 4px #0c1726aa,0 8px 35px #0008;clip-path:polygon(4% 0,96% 0,100% 15%,100% 85%,96% 100%,4% 100%,0 85%,0 15%)}.hero-plaque span{font-family:var(--display);font-size:14px;letter-spacing:1.8px;color:#b9ad91}.hero-plaque strong{font-family:var(--display);font-size:17px;letter-spacing:.8px;color:#efcc80;margin:9px 0}.hero-bottom{bottom:33px;left:5%;right:5%;color:#c5ba9d}.hero-art-credit{font-size:13px;letter-spacing:.4px;opacity:.8;margin-left:auto;margin-right:40px}.motion-button{color:#c5ba9d}.scroll-line{background:#e2bd6d66}.embers{position:absolute;inset:0;z-index:3;pointer-events:none}.embers i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffc26d;box-shadow:0 0 9px 2px #e89e4233;bottom:-10px;opacity:0;animation:ember 14s linear infinite}.embers i:nth-child(1){left:12%;animation-delay:-2s}.embers i:nth-child(2){left:23%;animation-delay:-7s;animation-duration:17s}.embers i:nth-child(3){left:38%;animation-delay:-5s}.embers i:nth-child(4){left:46%;animation-delay:-12s;animation-duration:19s}.embers i:nth-child(5){left:53%;animation-delay:-9s}.embers i:nth-child(6){left:65%;animation-delay:-4s;animation-duration:18s}.embers i:nth-child(7){left:72%;animation-delay:-11s}.embers i:nth-child(8){left:85%;animation-delay:-6s}.embers i:nth-child(9){left:93%;animation-delay:-13s;animation-duration:21s}.embers i:nth-child(10){left:31%;animation-delay:-10s}.embers i:nth-child(11){left:57%;animation-delay:-3s}.embers i:nth-child(12){left:78%;animation-delay:-8s}@keyframes ember{0%{transform:translate(0,0);opacity:0}15%{opacity:.8}75%{opacity:.5}100%{transform:translate(65px,-700px);opacity:0}}@keyframes paintedWorld{to{transform:scale(1.08) translate(-.5%,.3%)}}
.guild-strip{padding:31px 7%;background:linear-gradient(#2b241d,#171512);border-top:1px solid #b49357;border-bottom:1px solid #695238;box-shadow:inset 0 2px 0 #080909,inset 0 -3px 0 #0c0b09}.guild-strip .stat{font-family:var(--display);font-size:29px;font-weight:600;color:#e7c17e;text-shadow:0 2px 2px #000}.guild-strip .realm{font-size:23px}.guild-strip>div>span:not(.strip-icon){color:#b0a28a;font-size:13px}.guild-strip p{color:#c5b28d}.guild-strip p strong{color:#e5c58a}.strip-crest{width:40px;height:45px;flex-shrink:0;color:#d9b164}.section-pad{padding-top:90px;padding-bottom:90px}.section-kicker{font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:1.1px;color:#d9b570;position:relative;padding-bottom:18px;border-bottom:1px solid #8a694637;margin-bottom:55px}.section-kicker:after{content:'';width:5px;height:5px;position:absolute;bottom:-3px;left:0;transform:rotate(45deg);background:#b68c48}.section-kicker>span:last-child{color:#a89b80;font-size:14px}h2{font-family:var(--display);font-size:clamp(35px,3.7vw,59px);font-weight:600;letter-spacing:-1.2px;line-height:1.25;color:#f1ddba;text-shadow:0 3px 4px #0009}h2 em{font-family:var(--display);font-style:normal;color:#d9ae61}.legacy{background:radial-gradient(ellipse at 20% 30%,#8a5b2522,transparent 65%);position:relative}.legacy-grid{grid-template-columns:1.3fr 1fr;gap:9%;align-items:start}.legacy-heading h2{font-size:clamp(39px,4vw,63px);line-height:1.3}.legacy-copy .lead{font-family:var(--serif);font-size:27px;line-height:1.3;color:#e9d9bb}.legacy-copy>p:not(.lead){color:#b8aa95;font-size:18px;line-height:1.95}.ornament{margin-top:28px}.inline-link{color:#e0b66a}.relic-row{margin-top:60px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;min-height:350px;border:1px solid #785932;background:linear-gradient(120deg,#162435e6,#101b2b);box-shadow:inset 0 0 0 4px #080f18,inset 0 0 90px #03080d66;position:relative;overflow:hidden}.relic-row:before,.relic-row:after{content:'';position:absolute;top:8px;bottom:8px;width:9px;border-top:1px solid #af8749;border-bottom:1px solid #af8749;pointer-events:none;z-index:3}.relic-row:before{left:8px;border-left:1px solid #af8749}.relic-row:after{right:8px;border-right:1px solid #af8749}.relic-caption{padding:40px 0 40px 45px;z-index:3}.relic-caption>.eyebrow{font-family:var(--display);font-size:14px;letter-spacing:1.5px;color:#d4a85c}.relic-caption h3{font-family:var(--display);font-size:31px;line-height:1.35;font-weight:500;color:#eddbb6;margin:17px 0}.relic-caption p{font-size:17px;color:#b1b8bc;line-height:1.9}.relic-note{display:block;font-size:13px;letter-spacing:1px;color:#8f9a9f;margin-top:20px}.arcane-art{height:350px;position:relative;overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,black 18%,black 88%,transparent)}.arcane-art canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.3s;position:relative;z-index:1}.arcane-art canvas.ready{opacity:1}.arcane-art .eclipse-fallback{width:95px;height:95px;top:50%;box-shadow:0 0 4px 1px #f0c16f,0 0 22px 3px #bc8747,0 0 70px 12px #7e472b66}.motto{margin-top:65px;padding-top:40px;border-top-color:#96734455}.motto>span{font-family:var(--display);font-size:14px;color:#b6a184}.motto blockquote{font-family:var(--display);font-size:clamp(28px,3.2vw,48px);line-height:1.4;font-weight:500;color:#eddbbc}.motto blockquote em{font-style:normal}.motto>div{color:#958674}.world{height:740px;border-top:5px ridge #80613a;border-bottom:5px ridge #80613a;background:#203744}.world-art{filter:saturate(1.1) contrast(1.02);opacity:1;background-position:center}.world-shade{background:linear-gradient(90deg,#05121be6,#0a1a2a69 60%,#0c182611),linear-gradient(0deg,#15130fe8,transparent 48%)}.world-content{padding-top:42px;padding-bottom:45px}.world .section-kicker{margin-bottom:80px;border-color:#b1945b44}.world h2{font-size:clamp(46px,5vw,78px);line-height:1.25;text-shadow:0 3px 12px #0009}.world-content>.eyebrow{font-family:var(--display);font-size:15px;color:#ebcb83}.world-description{font-size:19px;color:#e0ded0;text-shadow:0 2px 6px #000}.world-tabs{background:#181611b8;border:1px solid #8b6e3f;gap:0;box-shadow:inset 0 0 0 3px #0e1010}.world-tabs button{font-family:var(--display);font-size:17px;padding:18px 30px;color:#bba98a;border-right:1px solid #8b6e3f66}.world-tabs button:last-child{border-right:0}.world-tabs button[aria-selected=true]{background:linear-gradient(#70482488,#4a2c1644);color:#f9d992}.world-tabs button[aria-selected=true]:after{width:calc(100% - 14px);left:7px;bottom:4px;background:#d4a255}.world-tabs button span{color:#d4b77c}.world-panel{color:#b3b6ad;font-size:13px}.world-panel a{color:#f5cf88}.roster{position:relative;background:linear-gradient(#171b1fe8,#17130fe8)}.section-title-row{margin-bottom:35px}.section-title-row>p{font-size:23px;color:#c5b79d}.source-note{color:#93846f;font-size:15px}.roster-tools{margin-bottom:20px}.roster-filters button{font-family:var(--display);font-size:15px;border:1px solid #6c563b;background:#1f1b16;color:#b7a68a;padding:12px 14px;box-shadow:inset 0 0 0 2px #12110e}.roster-filters button.active{background:linear-gradient(#38516b,#1a324b);border-color:#c49a51;color:#f5d58e}.roster-search{border:1px solid #6e5b3c;padding:7px 11px;background:#0e1010}.roster-search input{font-size:17px}.roster-table{border:1px solid #78603d;box-shadow:inset 0 0 0 3px #0b0c0c}.roster-table-head{background:linear-gradient(#383025,#241e17);font-family:var(--display);font-size:14px;color:#c4a36b;border-bottom:1px solid #81663d;padding:21px 25px}.character{background:#171917b0;padding:19px 25px;border-bottom:1px solid #594d3344;min-height:90px}.character:nth-child(even){background:#24251e66}.character:last-child{border-bottom:0}.character:hover{background:#2e3d43b0}.class-icon{transform:none;width:45px;height:45px;border:2px solid #7c6647;box-shadow:inset 0 0 0 2px #090e12,0 2px 5px #0006;background:radial-gradient(at 50% 20%,color-mix(in srgb,var(--class-color) 28%,#132437),#0b131b);border-radius:3px}.class-icon svg{transform:none;width:25px;height:25px;stroke-width:1.2;filter:drop-shadow(0 0 6px var(--class-color))}.char-name strong{font-family:var(--display);font-size:22px;letter-spacing:.1px;font-weight:500;color:#ebd29f}.char-name small{font-size:15px}.character>.rank,.character>.race{font-size:17px;color:#b6ab95}.roster-foot>span{color:#a9997d}.chronicle{background:linear-gradient(120deg,#151b22d9,#292218b3);border-top:1px solid #917040;border-bottom:1px solid #917040}.chronicle-grid{gap:12%}.chronicle-grid h2{font-size:clamp(38px,4vw,61px)}.timeline h3{font-family:var(--display);font-size:24px;color:#e6d0a5}.timeline p{color:#b3a48a;font-size:18px}.timeline-year{font-family:var(--display);color:#dcb063;font-size:27px}.timeline-year.infinity{font-family:var(--serif)}.timeline .eyebrow{font-family:var(--display);font-size:13px}.community-art{background:radial-gradient(at 50% 0%,#6d422522,transparent 60%)}.community-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px;gap:40px}.community-heading>p{font-family:var(--serif);font-size:24px;line-height:1.4;color:#baaa91;margin:0 0 8px}.art-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.art-card{display:block;overflow:hidden;border:1px solid #88683b;background:linear-gradient(#33271c,#1b1712);box-shadow:inset 0 0 0 3px #0c0c09,0 8px 15px #0004;transition:transform .4s,border-color .4s}.art-card:hover{transform:translateY(-5px);border-color:#e1b565}.art-image{height:250px;overflow:hidden;background:#172636;border-bottom:3px ridge #876437}.art-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s;filter:saturate(1.08)}.art-card:hover img{transform:scale(1.05)}.art-card-copy{padding:25px 28px 28px}.art-card-copy .eyebrow{font-family:var(--display);font-size:14px;letter-spacing:1px}.art-card-copy h3{font-family:var(--display);font-weight:500;font-size:25px;color:#edcf99;margin:12px 0}.art-card-copy p{font-size:16px;line-height:1.7;color:#a8987c;margin:0 0 20px}.art-link{display:flex;justify-content:space-between;font-size:16px;color:#d9b46f}.art-link>span{font-size:17px}.join{border-top:6px ridge #8a6939;background-image:linear-gradient(#0a151ddd,#101b26df),url('./assets/stormwind-fan-art.jpg');background-size:cover;background-position:70% 30%;padding-top:80px;padding-bottom:85px}.join h2{font-size:clamp(40px,4.4vw,68px);line-height:1.3}.join-sigil{width:65px;height:75px;padding:10px;background:linear-gradient(#274d77,#10243c);border:1px solid #9b7845;clip-path:polygon(0 0,100% 0,95% 75%,50% 100%,5% 75%);margin-bottom:24px}.join>.eyebrow{font-family:var(--display);font-size:15px;letter-spacing:1.4px;color:#cfaa65}.join-copy{color:#c3c4be;font-size:25px}.join-note{color:#929d9e;font-size:15px}.join-orbit{display:none}.art-credits{padding:22px 9%;background:#13100d;border-top:1px solid #5e4b2f;color:#9f917a;font-size:16px;line-height:1.9}.art-credits summary{cursor:pointer;font-family:var(--display);font-size:14px;letter-spacing:1px;color:#b9a177;list-style:none;display:flex;justify-content:space-between;align-items:center}.art-credits summary::-webkit-details-marker{display:none}.art-credits summary span{font-size:20px}.art-credits details>div{padding:10px 0;max-width:1000px}.art-credits a{color:#d9b971;text-decoration:underline;text-underline-offset:3px}footer{background:linear-gradient(#201912,#110e0b);border-top:1px solid #675232}footer p{color:#93836b;font-size:15px}.back-top{color:#ad9770}dialog{border:2px solid #997342;background:linear-gradient(130deg,#222b32,#151b22);box-shadow:inset 0 0 0 4px #080f16,0 25px 150px #000b}dialog h2{font-family:var(--display);font-size:35px;line-height:1.3}.dialog-description{color:#b4b8b3}form label{color:#d6b573;font-family:var(--display);font-size:14px}form input,form select,form textarea{font-family:var(--sans);background:#0d151e;border-color:#7b6645;color:#e8d7b3}.dialog-close{color:#d5b477}#intro-result #intro-text{color:#e2d0ad}.result-actions .inline-link{font-family:var(--sans)}
@media(min-width:1800px){.hero{height:100svh;min-height:950px;max-height:1300px}.hero-copy{padding-top:180px;margin-left:max(9%,calc((100vw - 1550px)/2));width:650px}.wow-logo{width:230px;max-height:105px;margin-bottom:26px}.hero-intro{font-size:17px;margin-bottom:35px}.title-first{font-size:118px}.title-last{font-size:183px}.hero-description{font-size:30px}.hero-subcopy{font-size:21px;margin-bottom:35px}.hero-buttons .button{min-height:61px;font-size:17px}.hero-plaque{right:10%;bottom:170px;padding:27px 38px}.hero-plaque strong{font-size:22px}.hero-plaque span{font-size:15px}.header{left:5%;width:90%;padding:0 45px}.header.scrolled{left:0;width:100%;padding-left:7%;padding-right:7%}.brand>span{font-size:19px}.brand small{font-size:14px}.header nav a{font-size:19px}.nav-join{font-size:18px}.world{height:850px}.world .section-kicker{margin-bottom:100px}.relic-row{min-height:400px}.arcane-art{height:400px}.art-image{height:310px}}
@media(max-width:1100px){.header{left:2%;width:96%;padding:0 20px;top:12px}.header nav{gap:22px}.header nav a{font-size:16px}.brand>span{font-size:19px}.header-actions{gap:18px}.hero-copy{margin-left:7%;width:470px}.hero-plaque{right:5%;bottom:130px;padding:16px 20px}.hero-plaque strong{font-size:19px}.hero-plaque span{font-size:13px}.hero-buttons{gap:10px}.hero-buttons .button{padding:0 16px;font-size:14px;gap:15px}.section-title-row h2{font-size:44px}.relic-caption{padding-left:30px}.relic-caption h3{font-size:26px}.community-heading>p{font-size:21px;max-width:310px}.world-tabs button{padding-left:25px;padding-right:25px}.art-image{height:220px}.art-card-copy h3{font-size:21px}}
@media(max-width:760px){.header{top:8px;left:2%;width:96%;height:76px;padding:0 15px}.header.scrolled{height:70px}.brand>span{font-size:18px}.brand .sigil{width:33px;height:40px}.brand small{font-size:12px}.header-actions{gap:18px}.header.menu-open{background:linear-gradient(#352b20,#1d1913)}.header.menu-open nav{background:#221c15;border:1px solid #80633c;left:-1px;right:-1px;width:calc(100% + 2px);padding:20px 7%}.header nav a{font-size:20px;color:#e2c58d}.hero{height:920px;min-height:100svh;max-height:1150px}.warcraft-backdrop{background-position:65% 15%;background-size:auto 68%;background-repeat:no-repeat;background-color:#0f1d2b;inset:0;transform:none;animation:none}.hero-haze{background:linear-gradient(0deg,#0c1823 8%,#0c1823f5 25%,#0b1824b3 46%,#0e1d2b08 72%,#0e1d2b33 85%,#10172077)}.hero-copy{padding-top:370px;margin-left:7%;padding-bottom:90px;width:86%;text-align:center}.wow-logo{position:absolute;top:103px;left:0;width:122px;max-height:60px;filter:drop-shadow(0 3px 7px #000b)}.hero-intro{justify-content:center;font-size:13px;letter-spacing:1.4px;gap:8px;margin-bottom:18px}.hero-intro span{width:13px}.hero-intro span:last-child{display:block}.title-first{font-size:75px;letter-spacing:-2px;line-height:.95}.title-last{font-size:115px;line-height:1.02;letter-spacing:1px;margin:0}.hero-rule{margin:12px auto;width:230px}.hero-rule span{width:92px}.hero-rule svg{width:20px;height:20px}.hero-description{font-size:20px;line-height:1.4;margin:0 0 12px}.hero-description br{display:none}.hero-description strong{display:block}.hero-subcopy{font-size:16px;line-height:1.8;margin-bottom:22px}.hero-buttons{flex-direction:row;gap:9px;align-items:stretch;justify-content:center}.hero-buttons .button{font-size:13px;padding:0 12px;gap:12px;min-height:49px}.hero-buttons .button svg{width:12px;height:12px}.hero-plaque{display:none}.hero-bottom{left:7%;right:7%;bottom:28px;font-size:12px}.hero-art-credit{display:none}.hero-bottom .motion-button{font-size:12px}.guild-strip{padding:26px 7%;gap:25px 0}.guild-strip .stat{font-size:25px}.guild-strip .realm{font-size:20px}.guild-strip p{font-size:12px;letter-spacing:.8px}.guild-strip>div:first-child{gap:12px}.strip-crest{width:32px;height:37px}.guild-strip>div>span:not(.strip-icon){font-size:12px;letter-spacing:.9px}.guild-strip>a{font-size:14px}.section-pad{padding:55px 7%}.section-kicker{font-size:13px;letter-spacing:.4px;padding-bottom:15px;margin-bottom:35px}.section-kicker>span:last-child{font-size:12px;letter-spacing:.5px;max-width:130px}.legacy-grid{grid-template-columns:1fr;gap:30px}.legacy-heading h2{font-size:39px;line-height:1.35;letter-spacing:-.9px}.legacy-copy .lead{font-size:27px}.legacy-copy>p:not(.lead){font-size:18px}.relic-row{grid-template-columns:1fr;margin-top:35px;min-height:0}.relic-caption{padding:28px 28px 0}.relic-caption h3{font-size:25px;margin:12px 0}.relic-caption h3 br{display:none}.relic-caption p{font-size:16px;margin-bottom:0}.relic-note{font-size:12px;margin-top:13px}.arcane-art{height:240px;mask-image:linear-gradient(0deg,transparent,black 12%,black 90%,transparent);margin-top:-10px}.motto{margin-top:42px;padding-top:30px}.motto>span{font-size:12px;letter-spacing:1px}.motto blockquote{font-size:26px;line-height:1.4;margin:22px 0}.motto>div{font-size:11px;gap:12px}.motto .sigil{width:27px;height:27px}.world{height:650px}.world-content{padding:32px 7%}.world .section-kicker{margin-bottom:65px}.world-content>.eyebrow{font-size:13px;letter-spacing:1.1px}.world h2{font-size:39px;line-height:1.35;letter-spacing:-.6px}.world-description{font-size:17px;margin-top:23px;max-width:290px}.world-tabs{width:100%;gap:0;justify-content:space-between}.world-tabs button{font-size:14px;padding:16px 10px;width:33.333%}.world-tabs button span{display:block;font-size:12px;margin:0 0 7px}.world-panel{font-size:12px;gap:14px;margin-top:16px}.world-panel a{font-size:15px}.section-title-row{gap:22px;margin-bottom:26px}.section-title-row h2{font-size:35px;line-height:1.4;letter-spacing:-.7px}.section-title-row>p{font-size:23px}.source-note{font-size:14px}.roster-filters button{font-size:13px;min-height:40px;padding:10px}.roster-search input{font-size:17px}.roster-search{padding:8px 10px}.roster-table-head{padding:16px 14px;font-size:12px}.character{padding:17px 13px;min-height:80px;grid-template-columns:1fr 59px 19px}.char-name{gap:9px}.char-name strong{font-size:18px;letter-spacing:0;overflow-wrap:anywhere}.char-name small{font-size:13px;letter-spacing:.5px}.class-icon{width:33px;height:33px;flex-shrink:0;margin:0 3px 0 0}.class-icon svg{width:21px;height:21px}.character>.rank{font-size:12px}.character>.char-arrow{font-size:20px;padding-left:4px}.roster-foot{margin-top:20px;gap:12px}.roster-foot>span{font-size:12px;letter-spacing:.2px}.roster-foot .inline-link{font-size:14px;gap:7px}.chronicle-grid{gap:35px}.chronicle-grid h2{font-size:40px;line-height:1.35}.timeline-year{font-size:23px}.timeline article{grid-template-columns:55px 1fr;gap:15px}.timeline h3{font-size:20px;line-height:1.4}.timeline p{font-size:17px}.timeline .eyebrow{font-size:12px;letter-spacing:.7px}.community-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:28px}.community-heading h2{font-size:37px;line-height:1.35}.community-heading>p{font-size:22px;max-width:100%;margin:0}.art-grid{grid-template-columns:1fr;gap:24px}.art-image{height:215px}.art-card-copy{padding:22px}.art-card-copy h3{font-size:22px}.art-card-copy .eyebrow{font-size:13px}.art-card-copy p{font-size:15px}.art-link{font-size:15px}.join{padding-top:55px;padding-bottom:60px}.join h2{font-size:36px;letter-spacing:-.8px;line-height:1.4}.join>.eyebrow{font-size:13px}.join-copy{font-size:23px}.join-buttons .button{font-size:15px}.join-note{font-size:14px}.art-credits{padding:18px 7%;font-size:15px}.art-credits summary{font-size:13px}footer{padding:27px 7%}footer p{font-size:14px}.back-top{font-size:12px}footer .brand>span{font-size:16px}dialog{padding:35px 23px}dialog h2{font-size:28px}.dialog-description{font-size:16px}.dialog-close{font-size:30px}form label{font-size:13px}.form-grid{gap:13px}form input,form select{font-size:16px}.button{min-height:51px;font-size:15px}#intro-result #intro-text{font-size:22px}}
@media(max-width:360px){.hero-copy{padding-top:345px}.hero{height:900px}.title-first{font-size:65px}.title-last{font-size:103px}.hero-buttons .button{font-size:12px;padding:0 9px;gap:8px}.char-name strong{font-size:17px}.roster-table-head,.character{grid-template-columns:1fr 50px 17px}}
@media(prefers-reduced-motion:reduce){.warcraft-backdrop,.embers i{animation:none}.hero-art .embers{display:none}}

/* Stormwind fan art leads the experience: the city and guards remain visible
   to the left, with the guild identity in the darker right-hand composition. */
.warcraft-backdrop{background-position:center 48%;filter:saturate(1.16) brightness(1.12)}
.hero-haze{background:linear-gradient(270deg,#07121be8 0%,#09131ed9 21%,#09151b88 45%,#0b162b05 74%),linear-gradient(0deg,#101515 0%,transparent 23%,transparent 78%,#0b101b66)}
.hero-copy{margin-left:53%}.hero-plaque{right:auto;left:8%}
@media(min-width:1800px){.hero-copy{margin-left:54%}.hero-plaque{left:10%;right:auto}}
@media(max-width:1100px){.hero-copy{margin-left:47%}.hero-plaque{left:5%;right:auto}}
@media(max-width:760px){.warcraft-backdrop{background-position:29% top}.hero-copy{margin-left:7%}.hero-haze{background:linear-gradient(0deg,#0c1823 8%,#0c1823f5 25%,#0b1824b3 46%,#0e1d2b08 72%,#0e1d2b33 85%,#10172077)}}

/* Authentic Blizzard Armory class portraits, framed like its class column. */
.class-icon{width:43px;height:43px;padding:0;position:relative;overflow:hidden;transform:none;flex-shrink:0;border-radius:50%;border:2px solid #b59a58;background:#0b1018;box-shadow:0 0 0 1px #17120a,0 2px 5px #0008,inset 0 0 0 1px #ffe2a466}
.class-icon img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;filter:none}
.class-icon:after{content:'';position:absolute;inset:0;border:1px solid #f8dca55c;border-radius:50%;pointer-events:none}
@media(max-width:760px){.class-icon{width:34px;height:34px;margin-right:3px}}

/* Larger small text: +6px / +4.5pt throughout both responsive stylesheets. */
.header nav,.header-actions,.brand{min-width:0}
.brand small{line-height:1.5;letter-spacing:1px}
.header nav a,.nav-join{line-height:1.5}
.button{white-space:normal;line-height:1.5;text-align:center}
.hero{height:auto;min-height:max(950px,100svh);max-height:none}
.hero-copy{max-width:calc(100% - 56%);padding-bottom:120px}
.hero-buttons{flex-wrap:wrap}
.hero-buttons .button{padding-top:13px;padding-bottom:13px}
.hero-bottom{flex-wrap:wrap;gap:14px 24px;line-height:1.6}
.hero-art-credit{margin-left:0;margin-right:0}
.guild-strip>div{min-width:0;gap:10px}
.guild-strip>div>span:not(.strip-icon),.guild-strip p{line-height:1.6;letter-spacing:.65px}
.guild-strip>a{line-height:1.6;letter-spacing:.5px}
.section-kicker{flex-wrap:wrap;gap:12px 24px;line-height:1.6;letter-spacing:.65px}
.section-kicker>span:last-child{line-height:1.6;letter-spacing:.6px}
.eyebrow,.source-note,.relic-note,.join-note,.form-note,.art-link{line-height:1.7}
.world{height:auto;min-height:820px}
.world-content{min-height:820px}
.world-tabs{align-items:stretch}
.world-tabs button{white-space:normal;line-height:1.5}
.world-panel{gap:18px;line-height:1.7}
.roster-tools{flex-wrap:wrap;align-items:center;gap:20px}
.roster-filters{flex-wrap:wrap}
.roster-filters button{line-height:1.5;min-height:46px}
.roster-search{min-width:230px;max-width:100%}
.roster-search input{width:100%;min-width:0;line-height:1.5}
.roster-table-head{line-height:1.6;letter-spacing:.6px;gap:15px}
.character{gap:15px;min-height:96px}
.char-name,.char-name>span:last-child{min-width:0}
.char-name strong{overflow-wrap:anywhere}
.char-name small,.character>.rank,.character>.race{line-height:1.6}
.roster-foot{flex-wrap:wrap;gap:18px;line-height:1.6}
.roster-foot>span{letter-spacing:.65px}
.motto>div{flex-wrap:wrap;line-height:1.7;gap:15px 24px;letter-spacing:.7px}
.timeline .eyebrow{line-height:1.7;letter-spacing:.6px}
.art-card-copy .eyebrow,.art-credits summary{line-height:1.7;letter-spacing:.7px}
.art-card-copy p{line-height:1.8}
form label{line-height:1.6;letter-spacing:.65px}
form input,form select,form textarea{line-height:1.6}
.result-actions{flex-wrap:wrap}
footer{flex-wrap:wrap;gap:28px}
footer p{line-height:1.8}
.back-top{line-height:1.6;letter-spacing:.65px}
@media(min-width:1800px){.hero{min-height:max(1100px,100svh)}.hero-copy{max-width:39%}}
@media(max-width:1100px){
 .header{padding-left:18px;padding-right:18px}
 .header nav{gap:18px}
 .header-actions{gap:15px}
 .hero-copy{max-width:46%}
 .guild-strip{row-gap:28px}
}
@media(max-width:760px){
 .brand small{letter-spacing:.45px}
 .hero{min-height:1100px;max-height:none;height:auto}
 .hero-copy{width:86%;max-width:none;padding-bottom:150px}
 .hero-buttons{flex-direction:column;align-items:stretch;gap:12px}
 .hero-buttons .button{min-height:55px;padding:14px 18px}
 .hero-bottom{gap:12px 20px;align-items:center;bottom:30px}
 .hero-bottom .scroll-cue{max-width:100%;letter-spacing:.6px}
 .motion-button{letter-spacing:.3px}
 .guild-strip>div{min-height:74px;padding-left:16px}
 .guild-strip>div:first-child,.guild-strip>div:nth-child(3){padding-left:0}
 .guild-strip p{letter-spacing:.3px}
 .guild-strip>div>span:not(.strip-icon){letter-spacing:.25px}
 .guild-strip>a{gap:14px}
 .section-kicker{align-items:flex-start;gap:10px 15px}
 .section-kicker>span:last-child{max-width:46%;text-align:right}
 .world,.world-content{min-height:840px}
 .world .section-kicker{margin-bottom:45px}
 .world-description{max-width:100%}
 .world-tabs button{padding:15px 8px}
 .world-panel{gap:14px}
 .roster-filters{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .roster-filters button{min-height:58px;padding:11px 10px}
 .roster-search{min-width:0;width:100%}
 .roster-table-head,.character{grid-template-columns:minmax(0,1fr) 74px 24px;gap:9px}
 .roster-table-head{padding-left:12px;padding-right:12px;letter-spacing:0}
 .roster-table-head>span:last-child{font-size:0}
 .character{padding:18px 12px;min-height:102px}
 .character>.char-arrow{padding-left:3px}
 .char-name{gap:9px}
 .char-name strong{line-height:1.35}
 .char-name small{letter-spacing:.2px}
 .character>.rank{line-height:1.6}
 .roster-foot{align-items:flex-start;gap:14px}
 .roster-foot .inline-link{gap:10px}
 .motto>div{column-gap:12px;letter-spacing:.15px}
 .motto>div>span{max-width:39%}
 .timeline article{grid-template-columns:57px minmax(0,1fr);gap:17px}
 .form-grid{grid-template-columns:1fr;gap:0}
 dialog{padding:42px 23px 30px}
 .dialog-description{line-height:1.8}
 .result-actions .button{width:100%}
 .art-credits summary{gap:18px}
 footer .brand{max-width:100%}
 footer .back-top{margin-left:0}
}
@media(max-width:360px){
 .hero{min-height:1120px}
 .header{padding-left:10px;padding-right:10px}
 .header-actions{gap:10px}
 .hero-bottom{flex-direction:column;align-items:flex-start;gap:8px}
 .hero-copy{padding-bottom:175px}
 .roster-table-head,.character{grid-template-columns:minmax(0,1fr) 65px 21px;gap:7px}
}

/* Guild heraldry and a tactile archive of the Azeroth that started it all. */
.guild-crest{width:48px;height:48px;object-fit:cover;border-radius:50%;border:2px solid #c19856;box-shadow:0 0 0 3px #30241b,0 4px 12px #0009;flex-shrink:0}
.brand .guild-crest{width:46px;height:46px}.hero-plaque .guild-crest{width:78px;height:78px;margin-bottom:18px;box-shadow:0 0 0 5px #2b3524,0 0 28px #9db05822}.hero-plaque{background:linear-gradient(135deg,#1d3427ed,#101e1ce8)}
.world-art{background-image:url('./assets/WoW_WotLK_art05.jpg')}
.world-shade{background:linear-gradient(90deg,#061510f2 0%,#10231ad9 28%,#12261b66 60%,#15271908),linear-gradient(0deg,#151810,transparent 35%,transparent 80%,#15181088)}
.world-content{position:relative}.world-description{max-width:590px;color:#f0e2c5;text-shadow:0 2px 8px #000}.world-tabs{flex-wrap:wrap;gap:20px 30px}.world-panel{max-width:760px}.world-tabs button{color:#d4d7bc}
.motto{background:linear-gradient(90deg,#15150ff5,#15150fdb,#15150ff5),url('./assets/kit-parchment-light.jpg');background-size:auto,400px}
.atlas-panel{margin-top:65px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;border:1px solid #866235;background:linear-gradient(110deg,#33291de8,#151511f2);box-shadow:inset 0 0 0 5px #0b0c09,0 12px 45px #0004;overflow:hidden}
.atlas-copy{padding:40px}.atlas-copy .eyebrow{font-size:16px;color:#d8b774;letter-spacing:1px}.atlas-copy h3{font-family:var(--display);font-size:clamp(27px,2.7vw,41px);font-weight:500;line-height:1.3;margin:18px 0;color:#f1ddba}.atlas-copy h3 em{font-style:normal;color:#d9ae61}.atlas-copy p:not(.eyebrow){font-size:19px;line-height:1.85;color:#c6b89b}.atlas-copy .inline-link{font-size:18px;margin-top:16px;text-align:left;line-height:1.6}
.atlas-image{position:relative;display:block;padding:0;margin:22px 22px 22px 0;border:1px solid #b39862;background:#100e0b;text-align:left;overflow:hidden;box-shadow:0 6px 25px #0008}.atlas-image img{display:block;width:100%;height:auto;transition:filter .4s}.atlas-image:hover img{filter:brightness(1.1)}.atlas-image>span{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;color:#dec38b;background:#211a13;font-family:var(--display);font-size:16px;letter-spacing:1px}.atlas-image>span>span{font-size:27px}
.community-heading p{max-width:520px}.art-grid{align-items:stretch;gap:32px}.art-card{height:100%;text-align:left;color:inherit;display:block;width:100%;padding:0;font:inherit;border:1px solid #735736;background:#211d17;overflow:hidden}.art-card-copy{min-height:235px;padding:28px 30px}.art-card-copy h3{font-size:30px;line-height:1.3}.art-card-copy p{font-size:18px}.art-card-copy .eyebrow{font-size:16px}.art-link{font-size:17px}.complete-art{height:380px;background:radial-gradient(ellipse at center,#243547,#111b25);padding:14px}.complete-art img{object-fit:contain;filter:none}.art-card:hover .complete-art img{transform:none}.archive-art{cursor:zoom-in}.art-card:focus-visible,.atlas-image:focus-visible{outline:3px solid #f7d18c;outline-offset:5px}
.join{isolation:isolate;position:relative;overflow:hidden;text-align:left;min-height:800px;background:#13201e;padding-left:8%;padding-right:8%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.join-painting{position:absolute;inset:0;z-index:-2;background:url('./assets/guild-new-dawn.jpg') center/cover no-repeat}.join:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1b19f7 0%,#0c1b19e8 21%,#0c1b19aa 41%,#0c1b1911 76%),linear-gradient(0deg,#101912,transparent 22%,transparent 85%,#1a241555)}.join>h2,.join>.join-copy{max-width:710px}.join h2{text-shadow:0 3px 9px #000}.join-sigil{display:none}.join-buttons{justify-content:flex-start;flex-wrap:wrap;max-width:700px}.join-art-credit{margin:35px 0 0;font-size:16px;line-height:1.7;color:#c9bd99}.join-note{max-width:650px;margin-top:13px}.art-credits p{font-size:18px;line-height:1.9}.art-credits strong{color:#e4c88f}
#art-dialog{width:min(1180px,94vw);padding:28px;background:#131c20;border:1px solid #b99657;overflow:auto;max-height:94svh}#art-dialog h2{font-size:30px;line-height:1.4;margin:0 50px 20px 0}#art-dialog-image{display:block;max-width:100%;max-height:71svh;object-fit:contain;margin:auto;background:#0a1015}#art-dialog-credit{font-size:17px;line-height:1.7;color:#d3bd92;margin:18px 0 0}.art-dialog-close{position:absolute;right:20px;top:12px;font-size:34px;color:#eccf94;padding:5px 12px}
@media(max-width:1100px){.atlas-panel{grid-template-columns:1fr 1.2fr}.atlas-copy{padding:30px}.complete-art{height:310px}.join{min-height:820px}.join h2{max-width:620px}}
@media(max-width:900px){.header nav{display:none}.menu-toggle{display:block;font-size:26px}.header.menu-open nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#201b16;padding:20px 30px;gap:16px;border:1px solid #80613a}.header.menu-open nav a{font-size:21px}.atlas-panel{grid-template-columns:1fr}.atlas-copy{padding:32px}.atlas-image{margin:0 24px 24px}.join-painting{background-position:62% center}.join:after{background:linear-gradient(90deg,#0c1b19ed,#0c1b19ba 48%,#0c1b1955),linear-gradient(0deg,#101912,transparent 40%)}}
@media(max-width:760px){.brand .guild-crest{width:37px;height:37px}.guild-strip .guild-crest{width:40px;height:40px}.hero-plaque .guild-crest{width:62px;height:62px}.atlas-panel{margin-top:38px}.atlas-copy{padding:27px}.atlas-copy h3{font-size:31px}.atlas-copy p:not(.eyebrow){font-size:19px}.atlas-image{margin:0 14px 14px}.atlas-image>span{font-size:15px;letter-spacing:.5px;padding:12px}.complete-art{height:300px;padding:10px}.art-card-copy{min-height:0;padding:25px}.art-card-copy h3{font-size:29px}.art-card-copy p{font-size:18px}.world-shade{background:linear-gradient(90deg,#061510e8,#10231a9e),linear-gradient(0deg,#151810,transparent 60%)}.join{min-height:940px;padding:55px 7%;justify-content:flex-end}.join-painting{background-position:68% top;background-size:auto 630px}.join:after{background:linear-gradient(0deg,#101b18 5%,#101b18f7 30%,#101b18b0 53%,#101b1800 85%)}.join h2{font-size:36px}.join>.eyebrow{margin-top:200px}.join-buttons{width:100%}.join-art-credit{margin-top:25px;font-size:16px}.join-note{font-size:17px}.art-credits p{font-size:18px}#art-dialog{padding:23px 15px}#art-dialog h2{font-size:25px}#art-dialog-credit{font-size:16px}.hero-plaque{display:none}}