:root{--bg:#0b1519;--panel:#101e23;--gold:#d7b77b;--white:#edece5;--muted:#a2afb0;--line:#ffffff15}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 5.5%;border-bottom:1px solid var(--line);background:#0b1519;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:22px;letter-spacing:3px;line-height:1.4}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2.2px;color:var(--muted);margin-top:5px}.moon{font-size:53px;line-height:1;color:var(--gold);font-weight:normal;transform:rotate(-20deg)}nav{display:flex;gap:27px;font-size:12px}nav a{position:relative;color:#b8c0bd;padding:38px 0}nav a:hover,nav a.active{color:var(--gold)}nav a.active:after{content:'';position:absolute;bottom:23px;left:0;right:0;height:1px;background:var(--gold)}.nav-join{font-size:11px;border:1px solid #d7b77b55;padding:11px 17px;color:var(--gold)}.nav-join span{margin-left:15px}.menu{display:none}.hero{position:relative;min-height:715px;display:flex;align-items:center;padding:60px 8% 95px;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#081319ed 0%,#0b15199c 37%,#0b151914 70%),linear-gradient(0deg,#0b1519,transparent 32%),url('/assets/images/mondtal.webp') center 54%/cover}.hero-copy{position:relative;max-width:630px}.eyebrow{color:var(--gold);font-size:10px;font-weight:600;letter-spacing:2.5px;margin:0 0 24px}h1,h2,h3,blockquote{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.12;margin:0}h1{font-size:clamp(50px,5.5vw,82px);letter-spacing:-2px}h1 em,h2 em{color:var(--gold);font-weight:normal}h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.8px}h3{font-size:25px}p{color:var(--muted);margin:22px 0}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;margin:25px 0 30px}.actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--gold);color:#152021;font-size:12px;font-weight:bold;padding:15px 24px;border:1px solid var(--gold);transition:background .2s,transform .2s}.button:hover{background:#e9cd98;transform:translateY(-2px)}.text-link{font-size:12px;color:var(--gold);display:inline-block;border-bottom:1px solid #d7b77b44;padding-bottom:5px}.text-link span{margin-left:15px}.hero-note{display:flex;align-items:center;gap:12px;font-size:11px;color:#b0bcb9;margin-top:34px}.tiny-moon{font-size:25px;color:var(--gold)}.scroll,.art-caption{position:absolute;bottom:28px;font-size:8px;letter-spacing:2px;color:#92a4a2}.scroll span{margin-left:18px;font-size:15px}.art-caption{right:6%}.ribbon{display:flex;justify-content:center;gap:9%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 4%;font-size:11px;color:#c6c9be}.split,.content,.worlds,.world-detail{max-width:1250px;padding:95px 40px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split p{max-width:480px;font-size:14px}.split .text-link{margin-top:8px}figure{margin:0}.tavern{position:relative;padding:10px;border:1px solid #d7b77b40}.tavern:before{content:'✦';position:absolute;top:-17px;right:30px;background:var(--bg);color:var(--gold);padding:0 12px}.tavern img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.tavern figcaption{position:absolute;bottom:27px;left:0;right:0;text-align:center;font:italic 21px Georgia,serif;color:white;text-shadow:0 2px 10px #000}.worlds{padding-top:30px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-title .eyebrow{margin-bottom:16px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.world-card{min-height:400px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:30px 35px;border:1px solid #b3c4bb26;overflow:hidden;background:linear-gradient(0deg,#0a171cf5,transparent 150%),url('/assets/images/mondtal.webp') center/cover;transition:transform .3s,border-color .3s}.world-card:hover{transform:translateY(-5px);border-color:var(--gold)}.hardcore{background-position:85% 50%;filter:saturate(.65)}.tag{align-self:start;font-size:8px;letter-spacing:1.5px;border:1px solid #d9ddce55;background:#0b15196b;padding:5px 10px}.world-card .eyebrow{margin-bottom:12px}.world-card h3{font-size:35px}.world-card p:not(.eyebrow){font-size:13px;max-width:330px;margin:16px 0 0}.circle-arrow{position:absolute;right:28px;bottom:31px;border:1px solid #d7b77b70;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;color:var(--gold)}.quote{text-align:center;padding:40px 20px 90px}.quote>span{font:70px Georgia;color:var(--gold);line-height:1}.quote blockquote{font-size:36px;font-style:italic}.quote p{font-size:8px;letter-spacing:2px;margin-top:25px}.cta{text-align:center;padding:80px 20px;background:radial-gradient(ellipse at bottom,#253c3d 0,transparent 65%),#112026;border-block:1px solid var(--line)}.cta p:not(.eyebrow){font-size:13px;margin:24px auto;max-width:450px}.cta h2{font-size:43px}footer{padding:55px 7% 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer .brand{font-size:18px}footer p{justify-self:end;font-size:12px}footer>div{display:flex;gap:25px;font-size:11px}footer>small{font-size:9px;color:#80918f;justify-self:end;text-align:right}.page-intro{padding:85px 8% 75px;max-width:1440px;margin:auto;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at top right,#1b363b66,transparent 65%)}.page-intro h1{font-size:clamp(44px,5vw,70px)}.page-intro>p:last-child{max-width:600px;font-size:16px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principles article{border-top:1px solid #d7b77b44;padding-top:25px}.principles article>span{color:var(--gold);font:23px Georgia}.principles h3{margin:20px 0}.principles p{font-size:14px}.content{padding-top:50px;padding-bottom:65px}.team{display:grid;grid-template-columns:1fr 1fr;gap:70px}.team>div>p{font-size:14px}.roster article{display:flex;gap:25px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.roster article>span{font-size:30px;color:var(--gold);width:35px;text-align:center}.roster h3{font-size:23px}.roster p{font-size:12px;margin:7px 0 0}.world-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.landscape{min-height:490px;background:url('/assets/images/mondtal.webp') 75% center/cover;border:1px solid #d7b77b44}.landscape.dark{filter:saturate(.4);background-position:95% 50%}.reverse .landscape{order:2}.clean-list{list-style:none;padding:0;color:#c6ceca;font-size:13px;margin:25px 0}.clean-list li{padding:9px 0;border-bottom:1px solid var(--line)}.clean-list li:before{content:'✧';color:var(--gold);margin-right:12px}.story-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding-top:75px}.story-feature p{max-width:630px}.story-aside{padding:45px;background:linear-gradient(#0b151970,#0b1519da),url('/assets/images/moonlight-tavern.webp') center/cover;display:flex;flex-direction:column;justify-content:center;border:1px solid #d7b77b44}.story-aside>span{font-size:48px;color:var(--gold);margin-bottom:25px}.story-aside h3{font-size:35px}.story-aside p{color:#c1c8c2;font-size:14px}.join-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;padding-top:75px}.steps{list-style:none;padding:0;margin-top:35px}.steps li{display:flex;gap:25px;margin:30px 0}.steps li>span{color:var(--gold);font:22px Georgia;padding-top:3px}.steps h3{font-size:24px}.steps p{font-size:14px;margin:12px 0}.discord-card{text-align:center;display:flex;align-items:center;flex-direction:column;padding:38px;background:radial-gradient(ellipse at top,#254045,transparent),#101e23;border:1px solid #d7b77b44}.big-moon{font-size:75px;color:var(--gold);line-height:1.2}.discord-card .eyebrow{margin:20px 0}.discord-card p:not(.eyebrow){font-size:14px}.copy{border:0;background:none;color:var(--gold);font-size:11px;margin-top:15px;cursor:pointer}.copy-status{min-height:20px;margin:5px!important;font-size:11px!important}.faq{max-width:950px;padding-bottom:100px}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;color:var(--white)}details p{font-size:14px;max-width:720px}.skip{position:fixed;top:-80px;left:20px;background:var(--gold);color:var(--bg);z-index:10;padding:10px}.skip:focus{top:10px}@media(min-width:1600px){.hero{padding-left:calc((100vw - 1200px)/2)}}@media(max-width:1100px){header{padding:0 4%;gap:18px}.nav-join{display:none}nav{gap:20px}.split{gap:40px}.hero{min-height:650px}.world-detail{gap:40px}}@media(max-width:760px){header{height:80px;padding:0 6%}.brand{font-size:19px}.brand small{font-size:7px}.moon{font-size:43px}.menu{display:block;background:transparent;color:var(--gold);border:1px solid #d7b77b55;padding:4px 12px;font-size:22px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:#0b1519;border-bottom:1px solid var(--gold);padding:15px 6%;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:13px 0}nav a.active:after{display:none}.hero{min-height:690px;padding:65px 7% 100px;align-items:flex-start}.hero-art{background-image:linear-gradient(90deg,#081319d9,#0b151966),linear-gradient(0deg,#0b1519,transparent 65%),url('/assets/images/mondtal.webp');background-position:65% center}.hero h1{font-size:58px}.eyebrow{font-size:8px;letter-spacing:1.8px}.hero-copy>p:not(.eyebrow){font-size:14px}.actions{gap:18px;align-items:start;flex-direction:column}.hero-note{margin-top:23px}.art-caption{display:none}.ribbon{gap:10px;flex-wrap:wrap;padding:20px;font-size:10px}.ribbon span:last-child{width:100%;text-align:center}.split,.content,.worlds,.world-detail{padding:55px 7%;gap:35px}.split,.team,.world-detail,.story-layout,.join-layout{grid-template-columns:1fr}.split h2{font-size:35px}.tavern img{aspect-ratio:1.35}.world-grid{grid-template-columns:1fr;gap:20px}.world-card{min-height:360px;padding:27px}.section-title{display:block}.section-title>a{margin-top:20px}.world-card h3{font-size:31px}.world-card p:not(.eyebrow){max-width:80%}.quote{padding:20px 7% 65px}.quote blockquote{font-size:29px}.cta{padding:65px 7%}.cta h2{font-size:34px}footer{grid-template-columns:1fr;padding:40px 7%;gap:18px}footer p,footer>small{justify-self:start;text-align:left;margin:0}.page-intro{padding:60px 7% 40px}.page-intro h1{font-size:45px}.page-intro>p:last-child{font-size:14px}.principles{grid-template-columns:1fr;gap:20px}.principles h3{margin:13px 0}.landscape{min-height:330px}.reverse .landscape{order:0}.story-aside{padding:35px}.join-layout{gap:30px}.steps h3{font-size:22px}.discord-card{padding:30px}.faq{padding-top:20px}h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Moonlight × Forever: character-led arrival, aged gold and forest tones. */
:root{--bg:#111814;--panel:#18221c;--gold:#d9b77a;--white:#f3eedf;--muted:#b3b8aa;--line:#d9b77a22}body{background:radial-gradient(ellipse at 95% 15%,#25312255,transparent 40%),var(--bg)}header{background:linear-gradient(#1b241d,#101813);border-bottom:2px solid #9f804b66}nav a{color:#c4c8ba}.hero{min-height:690px;padding-left:7%;padding-bottom:85px}.hero-art{background:linear-gradient(90deg,#0c1712ed 0%,#101813bd 24%,#10181364 39%,transparent 57%),linear-gradient(0deg,#111814,transparent 28%),url('/assets/images/weedex-engel-hero.webp') center top/cover}.hero-copy{max-width:540px}.hero h1{font-size:clamp(50px,5vw,72px)}.hero-copy>p:not(.eyebrow){max-width:410px;color:#d0d3c5}.hero .button,.nav-join{box-shadow:inset 0 0 0 2px #0b15191c}.button{background:linear-gradient(#e0c58e,#c29b58);border-color:#edce8b;box-shadow:0 4px 15px #0003}.ribbon{background:#1a231c;border-color:#9f804b55}.art-caption{color:#e1d7bf;font-size:8px;letter-spacing:1.5px;text-shadow:0 2px 8px #000;right:6%;bottom:30px}.hero-note{color:#bfc9b6}.scroll{color:#bfc9b6}.forever-banner{max-width:1170px;margin:0 auto 55px;padding:28px 35px;display:flex;gap:38px;align-items:center;border-block:1px solid #bda16c66;background:linear-gradient(100deg,#1d2b23,#111814)}.forever-banner>img{width:210px;height:auto;flex:none;filter:drop-shadow(0 8px 12px #0006)}.forever-banner h2{font-size:33px}.forever-banner .eyebrow{margin-bottom:14px}.forever-banner p:not(.eyebrow){font-size:13px;margin:16px 0 0;max-width:410px}.forever-banner>a{margin-left:auto;white-space:nowrap}.world-card.forever{background-image:linear-gradient(0deg,#101813 2%,#101813b3 48%,#10181315),url('/assets/images/forever-allianz.webp');background-position:center}.world-card.forever .tag{background:#111814ab}.world-card.forever p{color:#d1d2c1}.world-card.hardcore{background-image:linear-gradient(0deg,#0a171cf5,transparent 150%),url('/assets/images/mondtal.webp')}.world-detail .landscape:not(.dark){background-image:url('/assets/images/forever-ashenvale.webp');background-position:center}.world-logo{display:block;width:170px;height:auto;margin:-10px 0 25px}.page-intro{background:linear-gradient(90deg,#111814f5,#111814b8),url('/assets/images/forever-ashenvale.webp') center 45%/cover;border-bottom-color:#bda16c44}.tavern{border-color:#ad8b5255}.tavern:before{background:var(--bg)}.tavern figcaption{text-shadow:0 1px 4px #000,0 2px 12px #000;background:linear-gradient(transparent,#0008);padding:18px 8px 10px;bottom:10px;left:10px;right:10px;font-size:18px}.cta{background:linear-gradient(#111814dd,#111814dd),url('/assets/images/forever-ashenvale.webp') center/cover;border-block-color:#bda16c55}.leader-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.leader{border:1px solid #bda16c55;background:#1a241c;overflow:hidden}.portrait-frame{padding:12px 12px 0;background:linear-gradient(#bda16c16,transparent)}.portrait-frame img{display:block;width:100%;height:auto;aspect-ratio:923/1386;object-fit:contain}.leader-copy{padding:32px}.leader-copy .eyebrow{margin-bottom:12px}.leader-copy h3{font-size:39px;color:#ead7b1}.leader-copy p:not(.eyebrow){font-size:14px}.leaders>.section-title{margin-bottom:30px}.team{padding-top:20px}.discord-card{background:radial-gradient(ellipse at top,#354230,transparent),#18221c;border-color:#bda16c55}details{border-color:#bda16c33}.story-aside{border-color:#bda16c55}footer{background:#0c120e;border-top:1px solid #bda16c22}footer small a{color:#baa880}nav.open{background:#111814}@media(min-width:1600px){.hero{min-height:760px;padding-left:calc((100vw - 1250px)/2)}}@media(max-width:1100px) and (min-width:761px){.hero-art{background-position:57% top}.hero h1{font-size:57px}.hero-copy{max-width:420px}.hero-copy>p:not(.eyebrow){max-width:330px;font-size:14px}.forever-banner{margin-inline:40px;gap:25px}.forever-banner>img{width:165px}.forever-banner>a{white-space:normal;max-width:130px}}@media(max-width:760px){.hero{display:block;padding:320px 7% 65px;min-height:0;overflow:hidden}.hero-art{height:330px;background-image:linear-gradient(0deg,#111814 0%,transparent 30%),url('/assets/images/weedex-engel-hero.webp');background-size:cover;background-position:85% top}.hero-copy{max-width:none;position:relative}.hero h1{font-size:51px;letter-spacing:-1.5px}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy>p:not(.eyebrow){font-size:14px;margin:22px 0}.hero .actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px}.hero .actions .button{padding:14px 18px;font-size:11px}.hero .actions .text-link{font-size:11px}.hero .hero-note{margin-top:22px}.hero .scroll{display:none}.forever-banner{margin:0 7% 20px;padding:30px 20px;gap:20px;flex-direction:column;text-align:center}.forever-banner>img{width:185px}.forever-banner h2{font-size:30px}.forever-banner>a{margin:0}.leader-grid{grid-template-columns:1fr;gap:28px}.leader-copy{padding:25px}.leader-copy h3{font-size:34px}.portrait-frame{padding:9px 9px 0}.page-intro{background-position:center}.world-logo{width:155px}.tavern figcaption{font-size:15px}.cta{background-position:center}.art-caption{display:none}}

/* The guild welcome, told from inside Azeroth. */
.rp-intro{align-items:start;grid-template-columns:.9fr 1.1fr;gap:65px}.rp-story p{max-width:none;font-size:16px;line-height:1.85;margin:0 0 22px}.rp-story p:first-child:first-letter{float:left;font:64px/1 Georgia,serif;color:var(--gold);padding:5px 10px 0 0}.rp-story .rp-ending{font:italic 26px/1.5 Georgia,serif;color:var(--gold);border-top:1px solid #bda16c44;padding-top:20px;margin-bottom:0}@media(max-width:760px){.rp-intro{grid-template-columns:1fr;gap:32px}.rp-story p{font-size:15px;line-height:1.8}.rp-story .rp-ending{font-size:24px}}

.quote blockquote{max-width:850px;margin:0 auto;font-size:clamp(25px,3vw,36px);line-height:1.4}.quote blockquote em{color:var(--gold);font-style:inherit}

.legal{max-width:900px;margin-inline:auto}.legal h2{font-size:clamp(24px,4vw,32px);margin:2rem 0 1rem}.legal h2:first-child{margin-top:0}.legal address{font-style:normal;line-height:1.8;color:var(--text,#e7e7df)}.legal a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}footer>div{flex-wrap:wrap}

/* Mounted Moonlight portrait, kept complete at every screen size. */
.hero{min-height:690px;padding:65px 5% 95px;background:#111814}.hero-art{inset:0 0 0 auto;width:65%;height:100%;background:linear-gradient(90deg,#111814 0%,transparent 15%),url('/assets/images/tyygoor-engel-mounted.webp') center right/contain no-repeat}.hero-copy{width:36%;max-width:510px}.hero h1{font-size:clamp(42px,4.5vw,68px)}.hero .actions{flex-wrap:wrap;gap:20px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero .art-caption{right:4%;bottom:28px}
@media(min-width:1600px){.hero{min-height:760px}}
@media(max-width:1000px){.hero{display:flex;flex-direction:column;align-items:stretch;padding:0 0 65px;min-height:0}.hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;background:linear-gradient(0deg,#111814 0%,transparent 12%),url('/assets/images/tyygoor-engel-mounted.webp') center/contain no-repeat}.hero-copy{width:auto;max-width:none;margin:20px 7% 0}.hero h1{font-size:clamp(45px,7vw,64px)}.hero-copy>p:not(.eyebrow){max-width:540px}.hero .scroll,.hero .art-caption{display:none}.hero .actions{flex-direction:row;align-items:center}}

/* Sunlit Moonlight landscape series. Hero and character portraits stay unchanged. */
.page-intro{background:linear-gradient(90deg,#111814e8 0%,#111814b3 32%,#11181430 60%,transparent 85%),url('/assets/images/moonlight-header.webp') center/cover;min-height:390px;text-shadow:0 2px 10px #0008}.page-intro>p:last-child{max-width:540px;color:#e2e4da}.page-intro h1{max-width:720px}
.world-card.forever{background-image:linear-gradient(0deg,#101813f5 0%,#101813c9 23%,#10181315 65%),url('/assets/images/moonlight-forever.webp');background-position:center}.world-card.hardcore{filter:none;background-image:linear-gradient(0deg,#101813f5 0%,#101813c9 23%,#10181315 65%),url('/assets/images/moonlight-hardcore.webp');background-position:center}.world-detail .landscape:not(.dark){background-image:url('/assets/images/moonlight-forever.webp');background-position:center}.world-detail .landscape.dark{filter:none;background-image:url('/assets/images/moonlight-hardcore.webp');background-position:center}.tavern img{aspect-ratio:3/2;object-fit:cover}
.story-aside{background:linear-gradient(0deg,#111814ed 0%,#11181499 58%,#11181410 100%),url('/assets/images/moonlight-tavern.webp') center/cover;min-height:440px;justify-content:flex-end}
.cta{min-height:490px;text-align:left;padding:75px 8%;background:linear-gradient(90deg,#111814ed 0%,#111814c2 33%,#1118141a 63%,transparent 85%),url('/assets/images/moonlight-campfire.webp') center/cover}.cta h2{max-width:540px;text-shadow:0 2px 8px #0008}.cta p:not(.eyebrow){margin:24px 0;max-width:430px;color:#e1e4da}.cta .eyebrow{text-shadow:0 1px 5px #000}
@media(max-width:760px){.page-intro{min-height:380px;background-position:62% center;background-image:linear-gradient(90deg,#111814d9,#11181466),url('/assets/images/moonlight-header.webp')}.page-intro h1{font-size:42px}.cta{padding:0 7% 50px;background:#111814;min-height:0;text-align:center}.cta:before{content:'';display:block;height:240px;margin:0 -8.15% 34px;background:linear-gradient(0deg,#111814,transparent 22%),url('/assets/images/moonlight-campfire.webp') 72% center/cover}.cta h2{font-size:34px}.cta p:not(.eyebrow){margin:24px auto}.cta .eyebrow{font-size:9px}.world-detail .landscape{min-height:300px}.story-aside{min-height:420px}}