:root{--bg:#f4f1e8;--paper:#fbfaf6;--ink:#171717;--muted:#6d6a63;--line:#d7d2c6;--accent:#ff6b35;--accent-dark:#d84b1d;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.55}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:0 auto}header{position:sticky;top:0;z-index:5;background:rgba(244,241,232,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:-.04em;font-size:1.45rem;text-decoration:none}.navlinks{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.navlinks a{text-decoration:none;color:var(--muted);font-size:.95rem}.navlinks a:hover{color:var(--ink)}.hero{min-height:72vh;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;padding:72px 0 64px}.kicker{font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--accent-dark)}h1{font-size:clamp(3.2rem,8vw,7.6rem);line-height:.9;letter-spacing:-.075em;margin:18px 0 28px;max-width:9ch}.lede{font-size:clamp(1.15rem,2.1vw,1.5rem);color:var(--muted);max-width:36rem}.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;text-decoration:none;border:1px solid var(--ink);font-weight:700}.button.primary{background:var(--ink);color:#fff}.button.secondary{background:transparent}.orbit-art{aspect-ratio:1;width:min(100%,430px);justify-self:center;position:relative;border:1px solid var(--line);border-radius:50%}.orbit-art:before{content:"";position:absolute;inset:24%;border-radius:50%;background:var(--ink);box-shadow:0 0 0 22px rgba(23,23,23,.06)}.orbit-art:after{content:"";position:absolute;width:24px;height:24px;border-radius:5px;background:var(--accent);left:9%;top:48%;transform:rotate(24deg);box-shadow:0 0 0 8px rgba(255,107,53,.08)}.dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--ink);top:15%;right:17%}.section{padding:84px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(2.2rem,5vw,4.8rem);letter-spacing:-.055em;line-height:1;margin:0 0 18px}.section-intro{color:var(--muted);max-width:48rem;font-size:1.08rem}.card{margin-top:36px;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:clamp(28px,5vw,54px)}.game-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.8rem;color:var(--muted)}.card h3{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.05em;margin:0 0 14px}.card p{color:var(--muted);max-width:46rem;font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.mini{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px}.mini h3{margin-top:0}.mini p{color:var(--muted);margin-bottom:0}.page{padding:76px 0 96px}.page h1{font-size:clamp(3rem,7vw,6rem);max-width:12ch}.prose{max-width:760px}.prose h2{margin-top:2.2rem}.prose p,.prose li{color:#383733}footer{border-top:1px solid var(--line);padding:34px 0 48px;color:var(--muted);font-size:.9rem}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:48px}.orbit-art{width:74vw;max-width:360px}.grid{grid-template-columns:1fr}.navlinks{gap:12px}}

.contact-form{max-width:680px;margin-top:36px;padding:clamp(22px,4vw,40px);background:var(--paper);border:1px solid var(--line);border-radius:24px}.contact-form label{display:block;font-weight:650;margin:20px 0 8px}.contact-form input:not([type=hidden]),.contact-form select,.contact-form textarea{width:100%;font:inherit;color:var(--ink);background:white;border:1px solid #aaa59a;border-radius:10px;padding:12px}.contact-form textarea{resize:vertical}.contact-form label:first-of-type{margin-top:0}.contact-form .form-note{font-size:.9rem;color:var(--muted)}.contact-form button{font:inherit;font-weight:700;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
