:root{color-scheme:dark;--gold:#f3d69b;--ink:#0c1929;--text:#e5ecf1;--muted:#bdcbd4}*{box-sizing:border-box}body{margin:0;min-height:100svh;color:var(--text);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ink)}.world{position:absolute;inset:0 0 auto;height:min(980px,110vh);z-index:-1;background:linear-gradient(90deg,rgba(8,20,34,.94) 0%,rgba(8,20,34,.74) 38%,rgba(8,20,34,.08) 85%),linear-gradient(0deg,#0c1929 0%,transparent 38%),url('/welcome-assets/story-camp.webp') 64% 42%/cover no-repeat}.masthead{max-width:1440px;margin:auto;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d4b87a38}.wordmark{display:grid;color:var(--gold);font:32px/1 Georgia,serif;letter-spacing:.14em;text-decoration:none}.wordmark>span{font:11px/1.5 system-ui;letter-spacing:.5em;padding-left:3px;margin-bottom:5px}.sponsor{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--muted);font-size:11px;line-height:1.4}.sponsor img{object-fit:contain;width:44px;height:58px;filter:drop-shadow(0 0 12px #45b8e633)}.sponsor strong{display:block;color:#edf0f1;font-size:15px;letter-spacing:.03em;margin-top:2px}main{max-width:1440px;margin:auto;padding:0 6%}.hero{min-height:590px;display:flex;align-items:center;padding:66px 0 58px}.hero-copy{max-width:750px}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.19em;font-size:10px;font-weight:650;color:var(--gold);margin:0 0 28px}.eyebrow>span{width:22px;height:1px;background:var(--gold);box-shadow:0 0 8px #e7c787}h1{font:clamp(42px,5vw,68px)/1.1 Georgia,serif;letter-spacing:-.03em;color:#fff4dc;margin:0 0 28px;text-shadow:0 3px 24px #0007}h1 em{font-style:normal;color:var(--gold)}.intro{font-size:clamp(17px,1.65vw,21px);line-height:1.65;max-width:610px;margin:0 0 16px}.story{max-width:560px;font-size:15px;color:var(--muted);margin:0 0 30px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-radius:7px;min-height:54px;text-decoration:none;font-size:14px;font-weight:650;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(#7a653d,#56482e);border:1px solid #d7b977;color:#fff6e4;box-shadow:0 6px 22px #0004,inset 0 1px #ffe4a533}.secondary{background:#14273adb;border:1px solid #76838f;color:#e3e9ee}.secondary:hover{background:#20374b}.button:focus-visible,a:focus-visible{outline:3px solid #84d8f5;outline-offset:4px}.access-note{font-size:11px;color:#b2c2ce;margin:15px 0 22px;max-width:560px}.beta{display:inline-block;padding:4px 9px;border:1px solid #caac6e66;color:#e3c68b;font-size:9px;letter-spacing:.13em;border-radius:4px;background:#192739aa}.promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:38px}.promises article{display:flex;gap:16px;align-items:flex-start;padding:22px 20px;border:1px solid #b09b6e45;background:linear-gradient(135deg,#203346e6,#101e30e6);border-radius:9px;box-shadow:0 8px 24px #0002}.promises h2{font:19px/1.3 Georgia,serif;color:var(--gold);margin:2px 0 8px}.promises p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.painted{flex:0 0 52px;height:52px;background-image:url('/welcome-assets/navigation-atlas.webp');background-size:400% 200%;filter:drop-shadow(0 3px 5px #0008)}.guild{background-position:100% 100%}.adventure{background-position:100% 0}.challenge{background-position:33.3333% 100%}footer{max-width:1440px;margin:auto;border-top:1px solid #d4b87a26;padding:22px 6%;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#9badbc}footer a{color:#d8c395;text-decoration:none}footer a span{color:#9badbc;margin-left:8px;font-size:10px}@media(max-width:900px){.promises{grid-template-columns:1fr}.promises article{padding:16px 18px;align-items:center}.hero-copy{max-width:670px}.world{background-position:63% top}.hero{min-height:560px}.promises h2{font-size:19px}.promises p{font-size:13px}}@media(max-width:600px){.masthead{padding:20px 6%;gap:12px}.wordmark{font-size:27px}.sponsor{gap:7px;font-size:9px}.sponsor strong{font-size:12px}.sponsor img{width:34px;height:45px}.hero{min-height:0;padding:70px 0 42px}.world{height:950px;background:linear-gradient(90deg,#0c1929d9,#0c192977),linear-gradient(0deg,#0c1929,transparent 75%),url('/welcome-assets/story-camp.webp') 65% top/auto 850px no-repeat}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:25px}h1{font-size:43px;line-height:1.13}.intro{font-size:18px}.story{font-size:14px}.actions{display:grid}.button{width:100%}.access-note{font-size:11px}.promises{gap:12px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

/* Center the sponsor clear of the wolf, with a legible framed background. */
.masthead{display:grid;grid-template-columns:1fr auto 1fr}.wordmark{justify-self:start}.sponsor{grid-column:2;justify-self:center;justify-content:center;text-align:center;padding:8px 20px;border:1px solid #d4b87a65;border-radius:10px;background:#102236f2;box-shadow:0 5px 20px #0005;min-width:245px}.sponsor img{flex:none}.hero-copy{max-width:790px}footer nav{display:flex;gap:22px;flex-wrap:wrap}
@media(max-width:600px){.masthead{grid-template-columns:1fr;justify-items:center;gap:18px}.wordmark{justify-self:center;text-align:center}.sponsor{grid-column:1;min-width:0;padding:8px 18px}.hero{padding-top:42px}footer nav{gap:18px}}

.release-page{padding-top:65px;padding-bottom:50px;max-width:1060px}.release-page>h1{font-size:clamp(40px,5vw,60px)}.release-entry{margin:32px 0 24px;padding:30px;border:1px solid #d4b87a55;border-radius:12px;background:#102236f2}.release-entry time{font-size:12px;color:var(--gold);letter-spacing:.08em}.release-entry h2{font:30px/1.2 Georgia,serif;color:var(--gold)}.release-entry h3{font:21px/1.3 Georgia,serif;color:var(--gold);margin:28px 0 8px}.release-entry p,.release-entry li{color:var(--muted)}.release-entry li{margin:10px 0}.release-page>.button{max-width:330px}@media(max-width:600px){.release-entry{padding:22px}.release-page{padding-top:42px}}

footer{flex-wrap:wrap}.footer-products{flex-basis:100%;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:2px;border-bottom:1px solid #d4b87a26}.footer-products>span{color:var(--muted)}.footer-products>a{font-size:13px}.footer-products>a:hover,footer nav a:hover{text-decoration:underline}

/* Keep text readable over every part of the illustrated scene. */
.hero-copy{width:100%;padding:clamp(24px,3vw,40px);background:linear-gradient(115deg,rgba(8,22,37,.96),rgba(12,29,46,.9));border:1px solid #c6ad793d;border-radius:14px;box-shadow:0 16px 55px #0005;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero-copy .story{color:#d3dee6}.hero-copy .access-note{color:#c3d2de}.hero-copy .eyebrow{margin-bottom:22px}.release-page{margin-top:36px;margin-bottom:36px;background:rgba(8,22,37,.94);border:1px solid #c6ad793d;border-radius:14px}.hero{padding-top:44px;padding-bottom:44px}@media(max-width:600px){.hero-copy{padding:24px 20px}.hero-copy h1{font-size:clamp(33px,8.5vw,43px)}.hero{padding-top:30px;padding-bottom:30px}.release-page{border-radius:0;margin-top:20px;margin-bottom:20px}}

.wordmark{display:flex;align-items:center;gap:12px;letter-spacing:.12em}.wordmark>img{width:64px;height:64px;object-fit:contain;flex:none}.realms-wordmark-text{display:grid}.realms-wordmark-text>span{font:11px/1.5 system-ui;letter-spacing:.5em;margin-bottom:5px}@media(max-width:400px){.wordmark>img{width:52px;height:52px}.wordmark{font-size:28px}}