@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Manrope:wght@500;600;700&family=Inter:wght@400;500&family=Syne:wght@700;800&display=swap";:root{--color-night:#0e1016;--color-gravel:#161b25;--color-slate:#1e2530;--color-fog:#252d3d;--color-amber:#d4900a;--color-amber-light:#e8a820;--color-sage:#6b8b5e;--color-snow:#f0f3f7;--color-haze:#8896aa;--color-shadow:#4d5a6a;--color-tag-amber-bg:#1c1505;--color-tag-amber-border:#3d2a05;--color-tag-sage-bg:#0e1510;--color-tag-sage-border:#1d3018;--color-tag-steel-bg:#0e1320;--color-tag-steel-border:#1a2d40;--bg-page:var(--color-night);--bg-card:var(--color-gravel);--bg-elevated:var(--color-slate);--bg-hover:var(--color-slate);--border-default:var(--color-fog);--border-subtle:.5px solid var(--color-fog);--fg-primary:var(--color-snow);--fg-secondary:var(--color-haze);--fg-tertiary:var(--color-shadow);--fg-accent:var(--color-amber);--fg-accent-alt:var(--color-sage);--cta-bg:var(--color-amber);--cta-text:var(--color-night);--cta-hover-bg:var(--color-amber-light);--font-display:"Cormorant Garamond", Georgia, serif;--font-ui:"Manrope", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-number:"Syne", system-ui, sans-serif;--font-mono:"Inter Mono", "Fira Code", "Menlo", monospace;--text-hero:clamp(56px, 6vw, 72px);--text-display:clamp(40px, 4.5vw, 56px);--text-stat:clamp(40px, 5vw, 64px);--text-section:clamp(28px, 3vw, 40px);--text-pullquote:clamp(20px, 2vw, 24px);--text-tagline:clamp(20px, 2.2vw, 28px);--text-h3:clamp(16px, 1.6vw, 20px);--text-body:15px;--text-body-lg:16px;--text-meta:12px;--text-meta-sm:11px;--text-meta-lg:13px;--text-stat-syne:clamp(52px, 5.5vw, 64px);--weight-display:700;--weight-tagline:400;--weight-ui:600;--weight-body:400;--weight-body-md:500;--weight-meta:400;--weight-number:800;--lh-display:1.05;--lh-section:1.1;--lh-body:1.65;--lh-ui:1.3;--lh-meta:1.4;--ls-display:-.01em;--ls-body:0;--ls-meta:.08em;--ls-tight:-.02em;--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-32:128px;--section-gap:clamp(64px, 8vw, 120px);--container-max:1200px;--container-pad:clamp(20px, 4vw, 80px);--radius-card:12px;--radius-tag:4px;--radius-button:8px;--radius-accent:0 10px 10px 0;--grid-size:32px;--grid-color:#1e253066;--corner-size:12px;--corner-stroke:1.5px;--divider-color:var(--color-fog);--accent-bar:2px solid var(--color-amber)}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-page);color:var(--fg-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-display);line-height:var(--lh-display);letter-spacing:var(--ls-display);color:var(--fg-primary)}h2{font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--weight-display);line-height:var(--lh-section);letter-spacing:var(--ls-display);color:var(--fg-primary)}h3{font-family:var(--font-ui);font-size:var(--text-h3);font-weight:var(--weight-ui);line-height:var(--lh-ui);color:var(--fg-primary)}p{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--lh-body);color:var(--fg-secondary)}.tagline{font-family:var(--font-display);font-style:italic;font-size:var(--text-tagline);font-weight:var(--weight-tagline);color:var(--color-amber);line-height:var(--lh-section)}.stat-number{font-family:var(--font-display);font-size:var(--text-stat);font-weight:var(--weight-display);color:var(--fg-primary);letter-spacing:var(--ls-display);line-height:1}.stat-number .accent{color:var(--color-amber)}blockquote,.pull-quote{font-family:var(--font-display);font-style:italic;font-size:var(--text-pullquote);font-weight:var(--weight-tagline);color:var(--fg-primary);border-left:var(--accent-bar);border-radius:var(--radius-accent);padding-left:var(--space-5);margin:0;line-height:1.4}.meta,label,.label{font-family:var(--font-mono);font-size:var(--text-meta);font-weight:var(--weight-meta);letter-spacing:var(--ls-meta);text-transform:uppercase;color:var(--fg-tertiary)}.section-number{font-family:var(--font-number);font-size:13px;font-weight:var(--weight-number);color:var(--color-amber);letter-spacing:var(--ls-meta)}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-button);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.btn-primary{background:var(--cta-bg);color:var(--cta-text);border:none}.btn-primary:hover{background:var(--cta-hover-bg)}.btn-secondary{color:var(--fg-primary);border:.5px solid var(--color-fog);background:0 0}.btn-secondary:hover{border-color:var(--fg-secondary)}.btn-ghost{color:var(--color-amber);border:.5px solid var(--color-tag-amber-border);background:0 0}.btn-ghost:hover{border-color:var(--color-amber)}.tag{border-radius:var(--radius-tag);font-family:var(--font-number);letter-spacing:.02em;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tag-neutral{background:var(--bg-card);color:var(--fg-secondary);border:1px solid var(--color-fog)}.tag-amber{background:var(--color-tag-amber-bg);color:var(--color-amber);border:1px solid var(--color-tag-amber-border)}.tag-sage{background:var(--color-tag-sage-bg);color:var(--color-sage);border:1px solid var(--color-tag-sage-border)}.tag-steel{background:var(--color-tag-steel-bg);color:var(--fg-secondary);border:1px solid var(--color-tag-steel-border)}.card{background:var(--bg-card);border:.5px solid var(--color-fog);border-radius:var(--radius-card);padding:var(--space-6)}.terminal{background:var(--bg-card);border-radius:var(--radius-card);padding:var(--space-6);font-family:var(--font-mono);font-size:14px}.terminal .arrow{color:var(--color-sage)}.terminal .value{color:var(--color-amber)}.terminal .key{color:var(--fg-secondary)}.accent-block{border-left:var(--accent-bar);border-radius:var(--radius-accent);padding:var(--space-4) var(--space-5);background:var(--bg-card)}.accent-block .accent-label{font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--ls-meta);text-transform:uppercase;color:var(--color-amber);margin-bottom:var(--space-2)}.corner-brackets{position:relative}.corner-brackets:before,.corner-brackets:after,.corner-brackets>.corner-br,.corner-brackets>.corner-bl{content:"";width:var(--corner-size);height:var(--corner-size);border-color:var(--color-amber);border-style:solid;position:absolute}.corner-brackets:before{border-width:var(--corner-stroke) 0 0 var(--corner-stroke);top:8px;left:8px}.corner-brackets:after{border-width:var(--corner-stroke) var(--corner-stroke) 0 0;top:8px;right:8px}.corner-brackets>.corner-br{border-width:0 var(--corner-stroke) var(--corner-stroke) 0;bottom:8px;right:8px}.corner-brackets>.corner-bl{border-width:0 0 var(--corner-stroke) var(--corner-stroke);bottom:8px;left:8px}.bg-grid{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size)}
