*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#root,#__next{isolation:isolate}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--color-charcoal: #1A1A1A;--color-charcoal-soft: #262626;--color-cream: #F7F3EC;--color-cream-tinted: #EDE7DC;--color-white: #FFFFFF;--color-amber: #D4A24C;--color-amber-deep: #7A5A1A;--color-amber-soft-12: rgba(212, 162, 76, .12);--color-amber-soft-18: rgba(212, 162, 76, .18);--color-amber-soft-20: rgba(212, 162, 76, .2);--color-text: #222222;--color-text-muted: #5C5C5C;--color-text-cream-80: rgba(247, 243, 236, .92);--color-text-cream-60: rgba(247, 243, 236, .6);--color-border-subtle: rgba(26, 26, 26, .08);--color-border-medium: rgba(26, 26, 26, .16);--color-border-amber: rgba(212, 162, 76, .2);--font-display: "Urbanist", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--fs-h1: clamp(2.2rem, 4.5vw, 3.6rem);--fs-h1-hero: clamp(2.4rem, 5.5vw, 4.4rem);--fs-h2: clamp(1.6rem, 2.6vw, 2.2rem);--fs-h3: clamp(1.15rem, 1.5vw, 1.3rem);--fs-body: 1rem;--fs-body-lg: 1.05rem;--fs-small: .9rem;--fs-xs: .75rem;--lh-tight: 1.1;--lh-heading: 1.2;--lh-subhead: 1.4;--lh-body: 1.7;--lh-relaxed: 1.75;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-tight: -.01em;--ls-normal: 0;--ls-eyebrow: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-section: clamp(80px, 10vw, 140px);--container-max: 1280px;--container-md: 1024px;--container-sm: 760px;--radius-card: 8px;--radius-button: 4px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .6s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{font-size:16px}body{font-family:var(--font-body);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body);color:var(--color-text);background-color:var(--color-cream)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--color-charcoal);letter-spacing:var(--ls-tight)}h1{font-size:var(--fs-h1);line-height:var(--lh-heading);font-weight:var(--fw-bold)}.h1-hero{font-size:var(--fs-h1-hero);line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}h2{font-size:var(--fs-h2);line-height:var(--lh-heading)}h3{font-size:var(--fs-h3);line-height:var(--lh-subhead);font-weight:var(--fw-semibold)}h4,h5,h6{font-size:var(--fs-body);line-height:var(--lh-subhead);font-weight:var(--fw-semibold)}p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text)}.body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed)}small,.text-small{font-size:var(--fs-small);color:var(--color-text-muted)}.eyebrow{display:inline-block;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--color-charcoal)}.lede{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--color-text-muted)}a{color:var(--color-charcoal);text-decoration:underline;text-decoration-color:var(--color-amber);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out),text-decoration-color var(--duration-fast) var(--ease-out)}a:hover,a:focus-visible{color:var(--color-amber-deep);text-decoration-color:var(--color-amber-deep)}a:focus-visible{outline:2px solid var(--color-amber);outline-offset:3px;border-radius:2px}.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4,.on-dark h5,.on-dark h6{color:var(--color-cream)}.on-dark p,.on-dark li{color:var(--color-text-cream-80)}.on-dark .eyebrow{color:var(--color-amber)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-6)}@media(min-width:768px){.container{padding-inline:var(--space-10)}}@media(min-width:1024px){.container{padding-inline:var(--space-12)}}.container--md{max-width:var(--container-md)}.container--sm{max-width:var(--container-sm)}.section{padding-block:var(--space-section)}.section--cream{background-color:var(--color-cream)}.section--cream-tinted{background-color:var(--color-cream-tinted)}.section--charcoal{background-color:var(--color-charcoal);color:var(--color-text-cream-80)}.section--charcoal-soft{background-color:var(--color-charcoal-soft);color:var(--color-text-cream-80)}.surface{background-color:var(--color-white);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card)}.divider{height:1px;background-color:var(--color-border-subtle);border:0;margin:0}.divider--amber{background-color:var(--color-amber)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1;letter-spacing:var(--ls-normal);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.button:focus-visible{outline:2px solid var(--color-amber);outline-offset:3px}.button--primary{background-color:var(--color-amber);color:var(--color-charcoal)}.button--primary:hover,.button--primary:focus-visible{background-color:var(--color-amber-deep);color:var(--color-cream)}.button--secondary{background-color:var(--color-charcoal);color:var(--color-cream)}.button--secondary:hover,.button--secondary:focus-visible{background-color:var(--color-charcoal-soft);color:var(--color-cream)}.button--outline{background-color:transparent;color:var(--color-charcoal);border-color:var(--color-charcoal)}.button--outline:hover,.button--outline:focus-visible{background-color:var(--color-charcoal);color:var(--color-cream)}.button--ghost{background-color:transparent;color:var(--color-charcoal);border-color:var(--color-border-medium)}.button--ghost:hover,.button--ghost:focus-visible{background-color:var(--color-amber-soft-12);border-color:var(--color-amber);color:var(--color-charcoal)}.on-dark .button--outline{color:var(--color-cream);border-color:var(--color-cream)}.on-dark .button--outline:hover,.on-dark .button--outline:focus-visible{background-color:var(--color-cream);color:var(--color-charcoal)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-block:var(--space-6)}.swatch{border-radius:var(--radius-card);border:1px solid var(--color-border-subtle);overflow:hidden;background-color:var(--color-white)}.swatch__chip{height:110px;display:block}.swatch__chip--sm{height:70px}.swatch__meta{padding:var(--space-4);font-family:var(--font-body)}.swatch__name{display:block;font-family:var(--font-display);font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-charcoal);margin-bottom:var(--space-1)}.swatch__token{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-xs);color:var(--color-text-muted)}.token-block{padding:var(--space-6);background-color:var(--color-white);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card)}.token-block+.token-block{margin-top:var(--space-section)}
