@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=Crimson+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap');

:root {
  --amber:       #C08010;
  --amber-deep:  #9A6408;
  --amber-pale:  #FBF5E8;
  --amber-border:#E8D4A0;

  --bg:          #FAFAF8;
  --bg-2:        #F2F0EC;
  --bg-3:        #E8E4DC;
  --border:      rgba(30,20,10,0.09);
  --border-mid:  rgba(30,20,10,0.18);

  --ink:         #1A1510;
  --ink-2:       #302820;
  --ink-3:       #5A5048;
  --ink-4:       #8A8078;

  --display: "Bebas Neue", "Arial Black", sans-serif;
  --body:    "Crimson Pro", Georgia, serif;
  --sans:    "Space Grotesk", system-ui, sans-serif;

  --gutter: clamp(16px,4vw,60px);
  --maxw: 1280px; --maxw-narrow: 740px;

  /* Legacy aliases */
  --amber-light: #D4A020; --amber-glow: rgba(192,128,16,0.1);
  --paper: var(--bg); --paper-2: var(--bg-2); --paper-3: var(--bg-3);
  --black: var(--ink); --black-soft: var(--ink-2); --charcoal: var(--ink-2);
  --clay: var(--amber-deep); --clay-deep: var(--amber);
  --cream: var(--bg-2); --cream-deep: var(--bg-3); --cream-card: var(--bg); --cream-border: var(--bg-3);
  --ink-soft: var(--ink-2); --ink-mute: var(--ink-3); --ink-faint: var(--ink-4);
  --gold: var(--amber); --gold-light: var(--amber-light);
  --navy: var(--ink); --navy-soft: var(--ink-2);
  --green: #2A5A3A; --green-ok: #2A5A3A; --green-pale: #EAF4EC;
  --red: #8A2820; --red-pale: #FAEAEA;
}
*, *::before, *::after { box-sizing:border-box; }
html { -webkit-font-smoothing:antialiased; }
html { overflow-x: hidden; }
body { margin:0; padding:0; background:var(--bg); color:var(--ink); font-family:var(--body); font-size:18px; line-height:1.65; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
p { margin:0 0 1em; }
.container { max-width:var(--maxw); margin:0 auto; padding:0 var(--gutter); }
.container-narrow { max-width:var(--maxw-narrow); margin:0 auto; padding:0 var(--gutter); }
.label { font-family:var(--sans); font-size:10px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--ink-3); }
.label-amber { color:var(--amber-deep); }
.label-white { color:rgba(255,255,255,0.55); }
.eyebrow { font-family:var(--sans); font-size:10px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--amber-deep); }
.eyebrow-mute { font-family:var(--sans); font-size:10px; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:var(--ink-4); }
.meta { font-family:var(--sans); font-size:13px; color:var(--ink-3); }
.tag { display:inline-flex; font-family:var(--sans); font-size:10px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; padding:4px 10px; line-height:1; }
.tag-black  { background:var(--ink); color:#fff; }
.tag-amber  { background:var(--amber-pale); color:var(--amber-deep); border:1px solid var(--amber-border); }
.tag-outline{ border:1.5px solid var(--ink); color:var(--ink); }
.tag-clay   { background:var(--ink); color:#fff; }
.tag-terra  { background:var(--amber-pale); color:var(--amber-deep); border:1px solid var(--amber-border); }
.rule       { border:none; border-top:1px solid var(--border); }
.rule-mid   { border:none; border-top:1px solid var(--border-mid); }
.rule-hard  { border:none; border-top:2px solid var(--ink); }
.rule-amber { border:none; border-top:2px solid var(--amber); }
.rule-strong{ border:none; border-top:2px solid var(--ink); }
.rule-clay  { border:none; border-top:2px solid var(--amber-deep); }
.rule-thick { border:none; border-top:5px solid var(--ink); }
.section       { padding:60px 0; }
.section-black { background:var(--ink); color:#fff; padding:60px 0; }
.section-amber { background:var(--amber-pale); padding:56px 0; }
.section-paper { background:var(--bg-2); padding:60px 0; }
.section-band  { background:var(--bg-2); padding:60px 0; }
/* Honey rec — compact strip */
.honey-rec { background:var(--bg-2); border:1.5px solid var(--border-mid); border-top:3px solid var(--ink); padding:16px 18px; }
.honey-rec::before { display:none; }
.honey-rec-badge { font-family:var(--sans); font-size:9px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--amber-deep); margin-bottom:6px; }
.honey-rec-name { font-family:var(--display); font-size:20px; color:var(--ink); line-height:1; margin:2px 0; letter-spacing:0.04em; }
.honey-rec-stars { color:var(--amber); font-size:13px; letter-spacing:1px; margin-bottom:4px; }
.honey-rec-quote { font-family:var(--body); font-style:italic; font-size:14px; color:var(--ink-3); line-height:1.5; margin:8px 0 10px; }
.honey-rec-list { list-style:none; padding:0; margin:0 0 12px; display:flex; flex-direction:column; gap:4px; }
.honey-rec-list li { font-family:var(--sans); font-size:11.5px; color:var(--ink-3); }
.honey-rec-list li::before { content:"→ "; color:var(--amber-deep); font-weight:700; }
.honey-rec-cta { display:inline-flex; background:var(--ink); color:#fff; font-family:var(--sans); font-size:11.5px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:10px 16px; transition:background 0.15s; }
.honey-rec-cta:hover { background:var(--ink-2); }
.honey-rec-disclaimer { font-family:var(--sans); font-size:10px; color:var(--ink-4); margin-top:8px; }
.honey-rec-disclaimer a { text-decoration:underline; color:var(--ink-3); }
.dropcap::first-letter { font-family:var(--display); font-size:5em; float:left; line-height:0.78; margin:4px 10px 0 0; color:var(--amber-deep); }
.progress-bar { position:fixed; top:0; left:0; right:0; height:4px; background:var(--border); z-index:9999; }
.progress-fill { height:100%; width:0; background:var(--amber); transition:width 0.1s; }
.breadcrumb { background:var(--ink); padding:10px 0; }
.breadcrumb .container { display:flex; align-items:center; gap:8px; }
.breadcrumb a { font-family:var(--sans); font-size:12px; color:rgba(255,255,255,0.5); }
.breadcrumb a:hover { color:var(--amber); }
.breadcrumb span { font-family:var(--sans); font-size:12px; color:rgba(255,255,255,0.3); }
.breadcrumb .current { color:rgba(255,255,255,0.6); }
.data-block { background:var(--bg); border:2px solid var(--ink); overflow:hidden; margin:28px 0; }
.data-block-head { padding:10px 16px; background:var(--ink); color:#fff; border-bottom:2px solid var(--amber); }
.data-table { width:100%; border-collapse:collapse; font-family:var(--sans); font-size:13px; }
.data-table th { padding:9px 16px; text-align:left; font-weight:700; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-3); background:var(--bg-2); border-bottom:1px solid var(--border-mid); }
.data-table td { padding:10px 16px; border-bottom:1px solid var(--border); color:var(--ink-2); }
.data-table tr:last-child td { border-bottom:none; }
.data-table tbody tr:hover { background:var(--amber-pale); }
.pull-quote { margin:28px 0; padding:22px 28px; background:var(--ink); color:#fff; border-left:5px solid var(--amber); }
.pull-quote p { font-family:var(--display); font-size:1.5em; color:#fff; margin:0 0 8px; line-height:1.15; letter-spacing:0.02em; }
.pull-quote cite { font-family:var(--sans); font-size:11px; color:rgba(255,255,255,0.5); font-style:normal; }
@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }