:root{--bg-deep: #0a120e;--bg-panel: #121f18;--bg-elevated: #1a2a21;--moss: #3d5c45;--moss-bright: #5a8062;--leather: #c9b896;--leather-dim: #9a8b6f;--cream: #e8e0d4;--text: rgba(232, 224, 212, .88);--text-muted: rgba(232, 224, 212, .55);--border: rgba(201, 184, 150, .12);--font-display: "Cormorant Garamond", Georgia, serif;--font-sans: "DM Sans", system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--leather);text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--cream)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:9999}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(180deg,rgba(10,18,14,.98) 0%,rgba(10,18,14,.85) 70%,transparent 100%);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{font-family:var(--font-display);font-size:1.35rem;font-weight:500;letter-spacing:.04em;color:var(--cream)}.logo span{display:block;font-family:var(--font-sans);font-size:.65rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);margin-top:.15rem}.nav-toggle{display:none;background:none;border:1px solid var(--border);color:var(--cream);padding:.5rem .75rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:2px}.nav{display:flex;align-items:center;gap:.25rem}.nav a{font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .85rem;border-radius:2px}.nav a:hover,.nav a[aria-current=page]{color:var(--leather);background:#3d5c4540}main{padding-bottom:4rem}.hero{position:relative;min-height:72vh;display:flex;flex-direction:column;justify-content:flex-end;padding:4rem 1.5rem 3.5rem;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(61,92,69,.35),transparent),linear-gradient(165deg,var(--bg-deep) 0%,var(--bg-panel) 45%,#0d1612 100%);z-index:0}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-deep) 0%,rgba(10,18,14,.55) 35%,transparent 70%)}.hero__content{position:relative;z-index:1;max-width:42rem}.hero__eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--moss-bright);margin-bottom:1rem}.hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,7vw,3.75rem);line-height:1.05;color:var(--cream);margin:0 0 1rem;letter-spacing:-.02em}.hero p{margin:0 0 1.75rem;color:var(--text-muted);font-size:1.05rem;max-width:32rem}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border-radius:2px;border:1px solid transparent;cursor:pointer;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}.btn--primary{background:var(--moss);color:var(--cream);border-color:var(--moss-bright)}.btn--primary:hover{background:var(--moss-bright);color:var(--bg-deep)}.btn--ghost{background:transparent;color:var(--leather);border-color:var(--border)}.btn--ghost:hover{border-color:var(--leather-dim);color:var(--cream)}.section{padding:3.5rem 1.5rem;max-width:72rem;margin:0 auto}.section--tight{padding-top:2rem}.section__head{margin-bottom:2rem}.section__head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,4vw,2.25rem);color:var(--cream);margin:0 0 .5rem}.section__head p{margin:0;color:var(--text-muted);max-width:36rem;font-size:.95rem}.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.card{background:var(--bg-panel);border:1px solid var(--border);padding:1.5rem 1.35rem;border-radius:3px;transition:border-color .25s var(--ease),transform .25s var(--ease)}.card:hover{border-color:#5a806259;transform:translateY(-2px)}.card h3{font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--leather);margin:0 0 .5rem}.card p{margin:0;font-size:.9rem;color:var(--text-muted)}.card a{display:inline-block;margin-top:1rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--moss-bright)}.card a:hover{color:var(--cream)}.platforms{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.pill{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .85rem;border:1px solid var(--border);color:var(--text-muted);border-radius:999px}.page-hero{padding:3rem 1.5rem 2rem;max-width:48rem;margin:0 auto}.page-hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,5vw,2.75rem);color:var(--cream);margin:0 0 .75rem}.page-hero p{margin:0;color:var(--text-muted);font-size:1rem}.prose{max-width:38rem;margin:0 auto;padding:0 1.5rem 3rem}.prose p{color:var(--text-muted);margin:0 0 1.25rem}.prose p:last-child{margin-bottom:0}.site-footer{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center}.site-footer p{margin:0;font-size:.78rem;color:var(--text-muted);letter-spacing:.06em}.site-footer a{color:var(--leather-dim)}@media(max-width:768px){.nav-toggle{display:block}.nav{position:fixed;top:0;right:0;bottom:0;left:0;top:3.75rem;flex-direction:column;align-items:stretch;padding:1rem;background:#0a120ef7;border-top:1px solid var(--border);gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .35s var(--ease),opacity .25s var(--ease),visibility .25s}.nav.is-open{transform:translateY(0);opacity:1;visibility:visible}.nav a{padding:1rem;border-bottom:1px solid var(--border)}}
