/* Sintesi Lab — shared identity
   Palette from the Rice Trails / Seasons work:
   paper ground, espresso ink, harvest peach, planting olive */

:root {
  --paper: #F7F3EC;
  --ink: #2B2320;
  --ink-soft: #5C524B;
  --harvest: #D29A83;
  --planting: #5E6751;
  --rule: #E4DCCE;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 17px; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: "Source Serif 4", Georgia, "Times New Roman", serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.wrap {
  width: min(680px, 88vw);
  margin: 0 auto;
  flex: 1;
}

/* ---------- header ---------- */

header.site {
  padding: 2.6rem 0 0;
}

.eyebrow {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

.eyebrow a { color: inherit; text-decoration: none; }
.eyebrow a:hover, .eyebrow a:focus-visible { color: var(--harvest); }
.eyebrow .sep { margin: 0 0.5em; color: var(--rule); }

/* the months strip — twelve ticks, harvest peach & planting olive */
.months {
  display: block;
  margin: 1.4rem 0 0;
}

h1.display {
  font-family: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(2.4rem, 6vw, 3.6rem);
  line-height: 1.08;
  letter-spacing: -0.01em;
  margin: 1.1rem 0 0.9rem;
}

.dek {
  font-size: 1.06rem;
  color: var(--ink-soft);
  max-width: 34em;
}

/* ---------- content ---------- */

main { padding: 2.8rem 0 3.5rem; }

.entry {
  border-top: 1px solid var(--rule);
  padding: 1.6rem 0;
}
.entry:last-child { border-bottom: 1px solid var(--rule); }

.entry .kind {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.64rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.kind.live { color: var(--planting); }
.kind.soon { color: var(--ink-soft); }

.entry h2 {
  font-family: "Cormorant Garamond", Garamond, serif;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1.15;
  margin: 0.35rem 0 0.4rem;
}

.entry h2 a {
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  transition: border-color 120ms ease;
}
.entry h2 a:hover, .entry h2 a:focus-visible { border-color: var(--harvest); }

.entry p { color: var(--ink-soft); max-width: 36em; }

.entry .meta {
  margin-top: 0.55rem;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  color: var(--ink-soft);
}

a.quiet {
  color: var(--planting);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
}
a.quiet:hover, a.quiet:focus-visible { border-color: var(--planting); }

/* ---------- installation notice (seasons placeholder) ---------- */

.label-card {
  border: 1px solid var(--rule);
  padding: 1.8rem 1.9rem;
  margin-top: 2.2rem;
  background: #FBF8F2;
}
.label-card .kind { color: var(--harvest); }
.label-card p { color: var(--ink-soft); margin-top: 0.6rem; max-width: 36em; }

/* ---------- footer ---------- */

footer.site {
  border-top: 1px solid var(--rule);
  padding: 1.4rem 0 2.2rem;
}
footer.site .wrap { flex: none; }
footer.site p {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  color: var(--ink-soft);
}

:focus-visible { outline: 2px solid var(--planting); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}