/* static site classes on the design tokens (styles.css/tokens must load first) */
.wrap{max-width:1240px;margin:0 auto}
.eyebrow{font-family:var(--font-label);font-size:.75rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-eyebrow)}
.eyebrow.inv{color:var(--honey-300)}
.btn{display:inline-block;border-radius:999px;padding:12px 26px;font-family:var(--font-body);font-size:15px;font-weight:600;
  text-decoration:none;cursor:pointer;border:1px solid transparent}
.btn.primary{background:var(--honey-600);color:var(--ink-900)}
.btn.inverse{background:transparent;color:var(--paper-050);border-color:var(--paper-400)}
.btn.secondary{background:transparent;color:var(--text-heading);border-color:var(--border-light-strong)}
.serif{font-family:var(--font-serif);font-weight:400}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(1.25rem,5vw,4rem);background:var(--ink-900);border-bottom:1px solid var(--border-dark)}
.nav a{ text-decoration:none }
.nav .links{display:flex;gap:26px;align-items:center}
.nav .links a{font-family:var(--font-body);font-size:14.5px;color:var(--paper-200)}
.nav .links a.on{color:var(--honey-300)}
.nav .brand{display:flex;gap:12px;align-items:center;color:var(--paper-050);font-family:var(--font-serif);font-size:1.25rem}
.nav .brand img{height:40px;display:block}
footer.site{background:var(--ink-900);color:var(--paper-200);padding:3.5rem clamp(1.25rem,5vw,4rem);border-top:1px solid var(--border-dark)}
footer.site a{color:var(--paper-200);text-decoration:none;display:block;margin:6px 0;font-size:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.pcard{border:1px solid var(--border-light-strong);border-radius:8px;overflow:hidden;background:var(--paper-050);text-align:left;text-decoration:none;display:block}
.pcard .ph{aspect-ratio:4/5;background:
  repeating-radial-gradient(circle at 30% 35%, transparent 0, transparent 26px, rgba(74,58,44,.14) 26px, rgba(74,58,44,.14) 27px),
  linear-gradient(135deg,#d9bb8e,#c6a172 55%,#b78f5f);display:flex;align-items:flex-end;padding:14px}
.pcard .ph span{font-family:var(--font-serif);font-style:italic;color:#3d2f22;font-size:1.05rem}
.pcard .meta{padding:14px 16px}
.pcard .meta .nm{font-family:var(--font-serif);font-size:1.15rem;color:var(--text-heading)}
.pcard .meta .co{font-family:var(--font-coord);font-size:11.5px;color:var(--oak);margin-top:3px}
.pcard .meta .pr{margin-top:8px;color:var(--text-body);font-size:14px}
.badge{display:inline-block;background:var(--honey-600);color:var(--ink-900);font-family:var(--font-label);
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 10px;margin-bottom:8px}
.hairline{height:1px;background:var(--border-light-strong);border:0;margin:0 0 20px}
@media(max-width:900px){.grid2,.grid3,.grid4,.cards{grid-template-columns:1fr}.nav .links{gap:14px;flex-wrap:wrap}}
@media(min-width:901px) and (max-width:1200px){.grid4{grid-template-columns:repeat(2,1fr)}.cards,.grid3{grid-template-columns:repeat(2,1fr)}}
.nav .links a.cartlink{display:inline-flex;align-items:center;gap:6px}
.nav .cartbadge{background:var(--honey-600);color:var(--ink-900);font-size:11px;font-weight:600;border-radius:999px;padding:1px 7px;line-height:1.5}
.nav .cartbadge[hidden]{display:none}