:root{--ink: #0D1B2A;--ink-soft: #16273D;--gold: #C9A84C;--gold-soft: #E4CE8C;--cream: #F5F0E8;--paper: #FFFFFF;--stone: #7A7568;--stone-on-ink: rgba(245, 240, 232, .62);--line: rgba(13, 27, 42, .12);--line-on-ink: rgba(245, 240, 232, .14);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 14px;--radius-sm: 8px;--shadow-card: 0 12px 32px rgba(13, 27, 42, .08);--shadow-lift: 0 20px 48px rgba(13, 27, 42, .16);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.12;margin:0;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-body);cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.container{max-width:1180px;margin:0 auto;padding:0 28px}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.eyebrow.on-cream{color:#a5822e}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:14.5px;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-primary{background:var(--gold);color:var(--ink)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #c9a84c59}.btn-ghost{background:transparent;border-color:var(--line-on-ink);color:var(--cream)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-ghost-on-cream{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost-on-cream:hover{border-color:var(--ink)}section{position:relative}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 720px){.container{padding:0 20px}}@media (max-width: 900px){.hero-grid,.cards-grid{grid-template-columns:1fr!important}}@media (max-width: 900px) and (min-width: 601px){.cards-grid{grid-template-columns:repeat(2,1fr)!important}}
