:root{--ink:#121010;--bg:#f5f0e7;--paper:#fffaf1;--muted:#685e55;--line:#d9cdbb;--coffee:#422919;--gold:#efaf4e;--orange:#d86640;--forest:#233f34;--lav:#7960bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Trebuchet MS','Segoe UI',sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.048em}h1{font-size:clamp(3.5rem,8vw,7.7rem)}h2{font-size:clamp(2.4rem,5vw,5rem)}h3{font-size:clamp(1.45rem,2.4vw,2.1rem)}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 42px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0;z-index:100}.skip:focus{left:8px;background:var(--gold);padding:12px}.eyebrow{display:inline-block;font-weight:900;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#ad582f}.eyebrow.light{color:#ffc67d}.pill{display:inline-flex;font-size:.69rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border:1px solid currentColor;border-radius:100px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #1e1712;border-radius:6px;padding:14px 20px;font-weight:850;font-size:.84rem;letter-spacing:.025em;background:var(--ink);color:white;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#3c2a20}.btn.gold{background:var(--gold);color:#20150c;border-color:var(--gold)}.btn.outline{background:transparent;color:inherit;border-color:currentColor}.btn.outline:hover{background:#ffffff18}.btn.small{padding:10px 14px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.navshell{position:sticky;top:0;z-index:80;background:#f9f4edee;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:24px}.logo{display:flex;align-items:center;gap:10px;line-height:1.02;font-size:.97rem;font-weight:1000;letter-spacing:-.04em;text-transform:uppercase}.logo-icon{width:45px;height:45px;display:grid;place-items:center;background:var(--coffee);color:var(--gold);border-radius:50%;font-size:1.6rem}.logo small{display:block;font-size:.63rem;letter-spacing:.25em;color:#8c5d35;margin-top:5px}.nav-items{display:flex;gap:26px;align-items:center}.nav-items a{font-weight:800;font-size:.78rem}.nav-items a:hover,.nav-items a[aria-current=page]{color:#a44e2d}.nav-toggle{display:none;border:1px solid var(--line);background:none;padding:8px 12px;border-radius:6px;font-size:1.3rem}.hero{background:var(--coffee);color:#fff9ec;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;opacity:.17;background:radial-gradient(circle at 80% 30%,#d77a3f 0,transparent 38%),repeating-linear-gradient(130deg,transparent 0 38px,#ffffff14 39px 40px)}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:25px;position:relative;padding:105px 0 115px}.hero h1{margin:17px 0 25px;max-width:820px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#e7d4bf;max-width:535px;font-size:1.1rem}.hero-visual{position:relative;aspect-ratio:1;display:grid;place-items:center}.hero-visual:before{content:'';position:absolute;width:82%;aspect-ratio:1;border:2px dashed #b88957;border-radius:50%;transform:rotate(20deg)}.hero-visual:after{content:'';position:absolute;width:62%;aspect-ratio:1;background:radial-gradient(circle,#bd7539 0,#58371f 55%,transparent 70%);border-radius:50%}.mascot{position:relative;z-index:1;font-size:clamp(6rem,17vw,15rem);filter:drop-shadow(0 20px 9px #160e0999);transform:rotate(-8deg)}.float{position:absolute;z-index:2;background:#fff2d5;color:#2c1b10;padding:9px 12px;box-shadow:5px 6px 0 #0f0b09;font-size:.76rem;font-weight:900;letter-spacing:.05em;transform:rotate(-5deg)}.float.f1{right:0;top:18%}.float.f2{left:-2%;bottom:20%;transform:rotate(5deg)}.ticker{background:var(--gold);color:#2b1a0e;border-bottom:2px solid #2b1a0e;padding:13px 0;text-align:center;font-size:.77rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.ticker span{margin:0 18px}.section{padding:96px 0;scroll-margin-top:90px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-header h2{margin:12px 0 0}.section-header p{max-width:360px;margin:0}.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.brand-card{border:1px solid var(--line);background:var(--paper);overflow:hidden;transition:transform .2s,box-shadow .2s}.brand-card:hover{transform:translateY(-4px);box-shadow:8px 8px 0 #d6c5ab}.brand-art{height:260px;position:relative;overflow:hidden;display:grid;place-items:center}.brand-art.game{background:radial-gradient(circle at 75% 20%,#f6ae60,transparent 44%),linear-gradient(125deg,#562b27,#bc523e)}.brand-art.dnd{background:radial-gradient(circle at 70% 10%,#a59c65,transparent 45%),linear-gradient(130deg,#172f2b,#486045)}.art-icon{font-size:clamp(5rem,12vw,9rem);filter:drop-shadow(0 16px 12px #0005);transform:rotate(-8deg)}.art-top{position:absolute;top:20px;left:22px;color:white;font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.art-bottom{position:absolute;bottom:17px;right:19px;color:#fff9dc;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.brand-copy{padding:32px}.brand-copy h3{margin:12px 0}.brand-copy p{min-height:78px}.arrow-link{font-size:.8rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;display:inline-block;border-bottom:2px solid currentColor;padding-bottom:4px}.arrow-link:hover{color:#a84c2d}.mission{background:#161b19;color:white}.mission p{color:#cfcfc8}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.mission-panel{border:1px solid #53665a;min-height:330px;background:radial-gradient(circle at 50% 45%,#52654e,#1d332d 70%);display:flex;align-items:center;justify-content:center;position:relative}.mission-panel strong{font-size:clamp(4rem,10vw,8rem)}.mission-panel span{position:absolute;bottom:17px;left:20px;font-size:.67rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#e2c893}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.fact{border-top:1px solid #65756e;padding-top:12px;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-box{padding:30px;background:var(--paper);border:1px solid var(--line);min-height:210px}.feature-box .symbol{font-size:2rem}.feature-box h3{font-size:1.45rem;margin:18px 0 10px}.feature-box p{font-size:.9rem}.cta-banner{background:var(--gold);padding:65px 0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-grid h2{max-width:730px;margin:10px 0;font-size:clamp(2.2rem,4vw,4.2rem)}.cta-grid p{color:#503313}.footer{background:#151311;color:#fff4e3;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:start}.footer p,.footer small{color:#c7b5a3}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem;font-weight:700}.footer a:hover{color:var(--gold)}.subhero{padding:84px 0;background:#312019;color:white;overflow:hidden}.subhero.gamer{background:radial-gradient(circle at 85% 20%,#af483f,transparent 40%),#392326}.subhero.fantasy{background:radial-gradient(circle at 85% 20%,#687c51,transparent 40%),#20362e}.subhero .inner{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.subhero h1{font-size:clamp(3.5rem,7vw,7rem);margin:15px 0}.subhero p{color:#e1d7ca;font-size:1.1rem;max-width:650px}.subhero-art{font-size:clamp(6rem,15vw,12rem);text-align:center;filter:drop-shadow(0 18px 10px #0005)}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:start}.info-card{padding:32px;border:1px solid var(--line);background:var(--paper)}.info-card.dark{background:#283d34;color:#fff;border-color:#40594a}.info-card.dark p{color:#d9e0d2}.info-card h3{margin:5px 0 17px}.info-card .btn{margin-top:10px}.tagline{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.25;letter-spacing:-.035em;font-weight:800;color:#34271e}.note{font-size:.82rem;color:#766a5f}.rule{height:1px;background:var(--line);margin:24px 0}.platforms{display:grid;gap:12px}.platform{padding:18px 20px;border:1px solid var(--line);background:#fffaf1;display:flex;justify-content:space-between;gap:10px;font-weight:850}.platform:hover{border-color:#b4623e}.placeholder{border:1px dashed #9d896e;background:#f0e8da;padding:22px;font-size:.89rem;color:#645548}.faq{display:grid;gap:15px}.faq details{background:var(--paper);padding:19px 22px;border:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:900}.faq p{margin:12px 0 0}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-methods>div{background:var(--paper);border:1px solid var(--line);padding:24px}.contact-methods h3{font-size:1.3rem}.contact-methods p{margin-bottom:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ca6c2f;outline-offset:4px}@media(max-width:850px){.nav-toggle{display:block}.nav-items{display:none;position:absolute;top:77px;left:0;right:0;background:#fff7eb;border-bottom:1px solid var(--line);padding:22px;flex-direction:column;align-items:stretch;gap:18px}.nav-items.open{display:flex}.hero-inner,.subhero .inner,.mission-grid,.content-grid{grid-template-columns:1fr}.hero-inner{padding:75px 0}.hero-visual{max-width:480px;margin:auto;width:100%}.brand-grid{grid-template-columns:1fr}.section{padding:70px 0}.section-header{display:block}.section-header p{margin-top:18px}.cta-grid{display:block}.feature-strip{grid-template-columns:1fr}.mission-panel{min-height:250px}.subhero-art{display:none}}@media(max-width:520px){.wrap{width:min(100% - 28px,1180px)}.nav{min-height:70px}.nav-items{top:69px}.hero-visual{aspect-ratio:1.1}.float{font-size:.55rem}.ticker span{display:inline-block;margin:0 5px}.brand-copy{padding:25px}.brand-copy p{min-height:0}.facts,.contact-methods{grid-template-columns:1fr}.footer-inner{flex-direction:column}.section{padding:56px 0}.hero-inner{padding:55px 0}.btn{width:100%}.actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}