/* Tweak-driven overrides */

/* Density */
html[data-density="compact"]     { --pad-y: clamp(48px, 6vw, 80px); }
html[data-density="comfortable"] { --pad-y: clamp(72px, 9vw, 120px); }
html[data-density="roomy"]       { --pad-y: clamp(96px, 12vw, 160px); }

/* Grain off */
html[data-grain="off"] body::before { display: none; }

/* Hero variant: centered minimal */
html[data-hero="centered"] .hero .grid {
  grid-template-columns: 1fr;
  text-align: center;
  align-items: center;
  justify-items: center;
  gap: 48px;
}
html[data-hero="centered"] .hero .grid > div:first-child {
  display: flex; flex-direction: column; align-items: center;
}
html[data-hero="centered"] .hero h1 br { display: none; }
html[data-hero="centered"] .hero h1 {
  max-width: 16ch;
}
html[data-hero="centered"] .hero .hero-mark-cell {
  order: -1;
  width: clamp(160px, 22vw, 240px);
  aspect-ratio: 1;
  border-radius: 50%;
}
html[data-hero="centered"] .hero .meta {
  justify-content: center;
}

/* Hero variant: dark / confident */
html[data-hero="dark"] section:first-of-type {
  background: var(--ink);
  color: var(--cream);
  border-bottom: none;
}
html[data-hero="dark"] .hero { color: var(--cream); }
html[data-hero="dark"] .hero .eyebrow,
html[data-hero="dark"] .hero .meta .k { color: rgba(245,240,232,.55); }
html[data-hero="dark"] .hero .lede { color: rgba(245,240,232,.65); }
html[data-hero="dark"] .hero .meta { border-top-color: rgba(245,240,232,.12); }
html[data-hero="dark"] .hero h1 { color: var(--cream); }
html[data-hero="dark"] .hero h1 .accent { color: var(--accent); }
html[data-hero="dark"] .hero-mark-cell {
  background: #26231E;
  border-color: rgba(245,240,232,.12);
}
html[data-hero="dark"] .hero .btn:not(.primary):not(.accent) {
  color: var(--cream); border-color: rgba(245,240,232,.22);
}
html[data-hero="dark"] .hero .btn.primary {
  background: var(--red); color: var(--cream); border-color: var(--red);
}