/* =========================================================================
   ENOVIA SELECTIONS
   3 directions sharing tokens only — each version owns its own layout
   ========================================================================= */

:root {
  /* Palette aligned to Enovia Selections DS (colors_and_type.css) */
  --paper:       #FBF7EF; /* cream-50 — primary surface */
  --paper-warm:  #F4ECDD; /* cream-100 — panels / PS box */
  --ink:         #15100B; /* ink-900 — warm near-black */
  --ink-soft:    #5A4A3C; /* ink-600 — secondary text */
  --terracotta:  #C06030; /* brand terracotta, from logo wordmark */
  --burgundy:    #601830; /* brand burgundy, from logo underline */
  --rule:        rgba(21, 16, 11, 0.22);
  --rule-soft:   rgba(21, 16, 11, 0.10);

  /* Typography aligned to DS: Jost (display caps) · Cormorant (editorial) · Inter (UI) */
  --serif:       'Cormorant Garamond', 'EB Garamond', Georgia, serif;  /* body serif / editorial */
  --display:     'Jost', 'Futura', 'Avenir Next', system-ui, sans-serif; /* UPPERCASE display */
  --editorial:   'Cormorant Garamond', 'EB Garamond', Georgia, serif;  /* big italic moments */
  --sans:        'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --mono:        'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif; /* re-use Inter for micro-labels per DS */
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--serif);
  font-size: 18px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
h1, h2, h3, h4 { margin: 0; font-weight: 400; letter-spacing: -0.005em; }
p { margin: 0; text-wrap: pretty; }
ul, ol, dl { margin: 0; padding: 0; list-style: none; }

/* =========================================================================
   V1 · LISTINO — evocative editorial merchant: photos + paper + typography
   ========================================================================= */

.listino-wrap { background: var(--paper); }

/* ---------- HERO: full-bleed photograph ---------- */
.list-hero {
  position: relative;
  height: 100vh;
  min-height: 640px;
  overflow: hidden;
  color: var(--paper);
}
.list-hero__photo {
  position: absolute; inset: 0;
  background: #000 center/cover no-repeat;
  filter: saturate(0.85) contrast(1.02);
}
.list-hero__veil {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(10,5,2,0.55) 0%, rgba(10,5,2,0.15) 30%, rgba(10,5,2,0.05) 55%, rgba(10,5,2,0.75) 100%);
}
.list-hero__head {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 40px;
  padding: 28px 6vw 0;
}
.list-hero__logo-wrap { display: inline-flex; }
.list-hero__logo {
  height: 40px;
  width: auto;
  filter: brightness(0) invert(1);
  opacity: 0.95;
}
.list-nav {
  justify-self: center;
  display: flex;
  gap: 36px;
}
.list-nav a {
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(251,247,239,0.85);
  text-decoration: none;
  padding: 8px 0;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s, color 0.15s;
}
.list-nav a:hover { color: #fff; border-bottom-color: rgba(251,247,239,0.6); }
.list-lang {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border: 1px solid rgba(251,247,239,0.35);
  border-radius: 999px;
  padding: 3px;
  backdrop-filter: blur(4px);
  background: rgba(21,16,11,0.18);
}
.list-lang__btn {
  appearance: none;
  background: transparent;
  border: 0;
  color: rgba(251,247,239,0.7);
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.1em;
  padding: 6px 10px;
  min-width: 32px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  line-height: 1;
}
.list-lang__btn:hover { color: #fff; }
.list-lang__btn.is-active {
  background: rgba(251,247,239,0.95);
  color: var(--ink);
}
.list-hero__title {
  position: absolute;
  left: 6vw; right: 6vw;
  bottom: 12vh;
  max-width: 1100px;
}
.list-hero__eyebrow {
  display: inline-block;
  font-family: var(--display);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(251,247,239,0.6);
  margin-bottom: 28px;
  opacity: 0.95;
  color: var(--paper);
}
.list-hero__title h1 {
  font-family: var(--editorial);
  font-weight: 500;
  font-size: clamp(56px, 9.5vw, 168px);
  line-height: 0.92;
  letter-spacing: -0.02em;
  color: var(--paper);
}
.list-hero__title h1 em {
  font-style: italic;
  color: #E0A67F; /* terracotta-300 tone on dark photo */
}
.list-hero__caption {
  position: absolute;
  right: 6vw; bottom: 36px;
  font-family: var(--editorial);
  font-style: italic;
  font-size: 14px;
  letter-spacing: 0.01em;
  opacity: 0.8;
  max-width: 360px;
  text-align: right;
}

/* ---------- paper column ---------- */
.listino {
  max-width: 1080px;
  margin: 0 auto;
  padding: 72px 56px 32px;
  background: var(--paper);
}
.listino--continued { padding-top: 48px; }

/* ---------- manifesto ---------- */
.listino__manifesto {
  max-width: 680px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--rule);
  margin-bottom: 56px;
}
.listino__kicker {
  font-family: var(--display);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin-bottom: 36px;
}
.listino__manifesto p {
  font-family: var(--serif);
  font-size: 22px;
  line-height: 1.55;
  margin-bottom: 20px;
  color: var(--ink);
}
.listino__manifesto p:nth-of-type(2) { color: var(--ink-soft); font-size: 20px; font-style: italic; }
.listino__manifesto .listino__sign {
  margin-top: 36px;
  font-family: var(--editorial);
  font-style: italic;
  font-size: 19px;
  color: var(--ink-soft);
  line-height: 1.5;
}

/* ---------- chapter heading ---------- */
.listino__chapter {
  max-width: 760px;
  margin: 24px 0 48px;
}
.listino__chapter-n {
  display: inline-block;
  font-family: var(--display);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--terracotta);
}
.listino__chapter h2 {
  font-family: var(--editorial);
  font-size: clamp(38px, 4.5vw, 58px);
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin-bottom: 20px;
}
.listino__chapter p {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 20px;
  color: var(--ink-soft);
  max-width: 520px;
  line-height: 1.5;
}
.listino__chapter-link {
  color: var(--burgundy);
  text-decoration: none;
  border-bottom: 1px solid var(--burgundy);
  padding-bottom: 1px;
  font-style: normal;
  white-space: nowrap;
}

/* ---------- full-bleed photo break ---------- */
.list-break {
  position: relative;
  margin: 24px 0;
}
.list-break__photo {
  width: 100%;
  aspect-ratio: 21 / 9;
  background: #000 center/cover no-repeat;
  filter: saturate(0.85) contrast(1.02);
}
.list-break--tall .list-break__photo { aspect-ratio: 16 / 9; }
.list-break figcaption {
  position: absolute;
  left: 6vw; bottom: 24px;
  font-family: var(--editorial);
  font-style: italic;
  font-size: 15px;
  color: var(--paper);
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
  max-width: 500px;
}

/* ---------- "more" aside ---------- */
.listino__more {
  max-width: 640px;
  margin: 40px auto 56px;
  text-align: center;
  padding: 32px 0;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.listino__more p {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 26px;
  color: var(--ink);
  line-height: 1.35;
  margin-bottom: 18px;
}
.listino__more a {
  font-family: var(--display);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--burgundy);
  text-decoration: none;
  border-bottom: 1px solid var(--burgundy);
  padding-bottom: 4px;
}

/* ---------- how we work ---------- */
.how {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  margin-bottom: 48px;
  border-top: 1px solid var(--rule);
  border-left: 1px solid var(--rule);
}
.how__row {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-rows: auto auto;
  gap: 4px 16px;
  padding: 28px 28px 28px 0;
  border-right: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding-left: 24px;
}
.how__n {
  grid-row: 1 / 3;
  font-family: var(--display);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--terracotta);
  padding-top: 4px;
}
.how__row h3 {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 28px;
  line-height: 1;
}
.how__row p {
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--ink-soft);
  max-width: 48ch;
}

/* ---------- footer / contact ---------- */
.listino__foot {
  padding: 64px 0 48px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: start;
  border-top: 2px solid var(--ink);
}
.listino__foot-copy {
  font-family: var(--editorial);
  font-size: clamp(40px, 4.5vw, 60px);
  line-height: 1.02;
  letter-spacing: -0.01em;
}
.listino__foot-copy em { font-style: italic; color: var(--burgundy); }
.listino__contact {
  display: grid;
  grid-template-columns: auto auto;
  gap: 8px 24px;
  align-items: baseline;
  min-width: 360px;
}
.listino__contact-lbl {
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--ink-soft);
  padding-top: 4px;
}
.listino__contact > span:not(.listino__contact-lbl),
.listino__contact > a {
  font-family: var(--display);
  font-size: 19px;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s, color 0.2s;
}
.listino__contact a:hover { color: var(--burgundy); border-bottom-color: var(--burgundy); }
.listino__contact .big { font-size: 22px; }

.listino__base {
  padding: 20px 0 72px;
  border-top: 1px solid var(--rule);
  display: flex;
  justify-content: space-between;
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.listino__base--center {
  justify-content: center;
  text-align: center;
}
.listino__base--center .listino__base-copy {
  font-size: 9px;
  letter-spacing: 0.14em;
}
.listino__base a {
  color: inherit;
  border-bottom: 1px solid currentColor;
  text-decoration: none;
}
.listino__base a:hover { color: var(--ink); }

/* ---------- responsive ---------- */
@media (max-width: 900px) {
  .listino { padding: 64px 24px 32px; }
  .how { grid-template-columns: 1fr; }
  .listino__foot { grid-template-columns: 1fr; }
  .listino__contact { min-width: 0; }
  .list-hero__title h1 { font-size: clamp(40px, 13vw, 72px); }
  .list-hero__head {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 16px 12px;
  }
  .list-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
    gap: 20px;
    flex-wrap: wrap;
  }
  .list-lang { justify-self: end; }
  .list-lang__btn { padding: 5px 8px; min-width: 28px; }
  .list-hero__caption { display: none; }
  .listino__base { flex-direction: column; gap: 6px; }
}

/* ---------- JOURNAL TEASER ---------- */

/* full-bleed section with warm panel background — visually breaks from the paper column above */
.listino--journal {
  max-width: none;
  width: 100%;
  padding: 0;
  background: var(--paper-warm);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  margin-top: 8px;   /* minimal stacco above */
}
.listino--journal__inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 56px 56px 48px;
}
/* tighter chapter heading inside the journal panel */
.listino--journal .listino__chapter {
  margin: 0 0 36px;
}

.journal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 28px;
  margin-bottom: 48px;
}
.jcard {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition: transform 0.25s var(--ease, ease);
}
.jcard__img {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: var(--paper-warm) center/cover no-repeat;
  filter: saturate(0.9) contrast(1.02);
  margin-bottom: 18px;
  transition: filter 0.25s;
}
.jcard:hover .jcard__img { filter: saturate(1) contrast(1.05); }
.jcard__body { display: flex; flex-direction: column; gap: 10px; }
.jcard__meta {
  display: inline-flex;
  gap: 8px;
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--terracotta);
}
.jcard__dot { color: var(--ink-soft); opacity: 0.6; }
.jcard__title {
  font-family: var(--editorial);
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 2px 0 0;
  font-weight: 500;
}
.jcard:hover .jcard__title { color: var(--burgundy); }
.jcard__excerpt {
  font-family: var(--serif);
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0;
}
.jcard__more {
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--burgundy);
  padding-bottom: 3px;
  border-bottom: 1px solid var(--burgundy);
  align-self: flex-start;
  margin-top: 6px;
}
.journal-all {
  border-top: 1px solid var(--rule);
  padding-top: 28px;
  margin-bottom: 24px;
  text-align: right;
}
.journal-all a {
  font-family: var(--display);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 4px;
}
.journal-all a:hover { color: var(--burgundy); border-color: var(--burgundy); }

@media (max-width: 900px) {
  .journal-grid { grid-template-columns: 1fr; gap: 32px; }
  .jcard__title { font-size: 22px; }
  .jcard__excerpt { font-size: 16px; }
  .listino--journal__inner { padding: 40px 24px 32px; }
}

/* ---------- EVENTS ---------- */
.events {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--rule);
}
.event {
  display: grid;
  grid-template-columns: 140px 1fr 180px;
  gap: 32px;
  align-items: start;
  padding: 36px 0;
  border-bottom: 1px solid var(--rule);
}
.event__date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4px;
  border-left: 2px solid var(--burgundy);
  padding-left: 18px;
}
.event__day {
  font-family: var(--editorial);
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--ink);
  font-weight: 500;
}
.event__mo {
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin-top: 8px;
}
.event__yr {
  font-family: var(--sans);
  font-size: 11px;
  letter-spacing: 0.12em;
  color: var(--ink-soft);
  margin-top: 2px;
}
.event__kind {
  display: inline-block;
  font-family: var(--display);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 10px;
}
.event__name {
  font-family: var(--editorial);
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.15;
  letter-spacing: -0.005em;
  color: var(--ink);
  margin: 0 0 8px;
  font-weight: 500;
}
.event__where {
  font-family: var(--serif);
  font-size: 16px;
  color: var(--ink);
  margin: 0 0 10px;
}
.event__where em { color: var(--burgundy); font-style: italic; }
.event__sep { color: var(--ink-soft); margin: 0 8px; opacity: 0.5; }
.event__note {
  font-family: var(--serif);
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink-soft);
  margin: 0;
  max-width: 52ch;
}
.event__cta { align-self: center; text-align: right; }
.event__cta a {
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--burgundy);
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--burgundy);
}
.event__cta a:hover { color: var(--ink); border-color: var(--ink); }

@media (max-width: 900px) {
  .event {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 28px 0;
  }
  .event__date { flex-direction: row; align-items: baseline; gap: 14px; padding-left: 14px; }
  .event__day { font-size: 32px; }
  .event__mo { margin-top: 0; }
  .event__yr { margin-top: 0; }
  .event__cta { text-align: left; }
}

/* ---------- EVENTS teaser (landing) ---------- */
.events-teaser {
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: 28px 0 24px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 32px;
  margin-bottom: 8px;
}
.events-teaser__lbl {
  display: inline-block;
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin-bottom: 14px;
}
.events-teaser__row { display: grid; grid-template-columns: 110px 1fr; gap: 22px; align-items: start; }
.events-teaser__date {
  border-left: 3px solid var(--burgundy);
  padding-left: 14px;
}
.events-teaser__day {
  display: block;
  font-family: var(--editorial);
  font-size: 48px;
  line-height: 0.9;
  color: var(--burgundy);
  font-weight: 500;
}
.events-teaser__mo {
  display: block;
  margin-top: 6px;
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.events-teaser__body h3 {
  font-family: var(--editorial);
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.15;
  margin: 0 0 6px;
  font-weight: 500;
}
.events-teaser__body p {
  font-family: var(--serif);
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink-soft);
  margin: 0 0 4px;
}
.events-teaser__body em { color: var(--burgundy); font-style: italic; }
.events-teaser__note { font-size: 14px !important; opacity: 0.9; }
.events-teaser__all {
  align-self: end;
  padding-bottom: 4px;
}
.events-teaser__all a {
  font-family: var(--display);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--terracotta);
  text-decoration: none;
  border-bottom: 1px solid var(--terracotta);
  padding-bottom: 3px;
  white-space: nowrap;
}
.events-teaser__all a:hover { color: var(--ink); border-color: var(--ink); }
@media (max-width: 900px) {
  .events-teaser { grid-template-columns: 1fr; gap: 20px; }
  .events-teaser__row { grid-template-columns: 90px 1fr; gap: 16px; }
  .events-teaser__day { font-size: 38px; }
}

/* ---------- CONTACT TABS ---------- */
.ctabs {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--rule);
  padding: 48px 56px 0;
  max-width: 1080px;
  margin: 0 auto;
}
.ctab {
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink-soft);
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  padding: 0 0 14px;
  margin-right: 32px;
  transition: color 0.15s, border-color 0.15s;
}
.ctab:hover { color: var(--burgundy); }
.ctab.is-active { color: var(--ink); border-bottom-color: var(--ink); }

/* ---------- GROWERS PITCH (full-bleed ink panel) ---------- */
.growers {
  background: var(--ink);
  color: var(--paper);
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  margin-top: 16px;
}
.growers--embed {
  margin-top: 0;
  border-top: none;
  border-bottom: none;
}
.growers__inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 88px 56px 72px;
}
.growers__inner--slim {
  padding: 72px 56px 64px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 48px;
}
.growers__inner--slim .growers__head {
  margin-bottom: 0;
  max-width: 640px;
}
@media (max-width: 900px) {
  .growers__inner--slim {
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 24px 40px;
    gap: 28px;
  }
}
.growers__head {
  max-width: 780px;
  margin-bottom: 56px;
}
.growers__eyebrow {
  display: inline-block;
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin-bottom: 22px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--terracotta);
}
.growers__head h2 {
  font-family: var(--editorial);
  font-size: clamp(44px, 5.5vw, 72px);
  line-height: 1.04;
  letter-spacing: -0.015em;
  font-weight: 500;
  color: var(--paper);
  margin: 0 0 24px;
}
.growers__head h2 em { font-style: italic; color: #E8B878; /* warm gold against ink */ }
.growers__lede {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 22px;
  line-height: 1.5;
  color: #D9CDBC;
  margin: 0;
  max-width: 60ch;
}
.growers__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  padding: 48px 0;
  border-top: 1px solid rgba(251, 247, 239, 0.12);
  border-bottom: 1px solid rgba(251, 247, 239, 0.12);
}
.growers__col h3 {
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin: 0 0 24px;
}
.growers__col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.growers__col li {
  font-family: var(--serif);
  font-size: 17px;
  line-height: 1.55;
  color: #D9CDBC;
  padding: 14px 0;
  border-top: 1px solid rgba(251, 247, 239, 0.08);
}
.growers__col li:first-child { border-top: 0; }
.growers__col li strong {
  display: block;
  font-weight: 600;
  color: var(--paper);
  margin-bottom: 2px;
}

.growers__foot {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: end;
  padding-top: 48px;
}
.growers__how-lbl {
  display: block;
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin-bottom: 14px;
}
.growers__how p {
  font-family: var(--serif);
  font-size: 17px;
  line-height: 1.55;
  color: #D9CDBC;
  margin: 0;
  max-width: 52ch;
}
.growers__btn {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding: 22px 28px;
  background: var(--paper);
  color: var(--ink);
  text-decoration: none;
  font-family: var(--display);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  transition: background 0.2s, color 0.2s;
  white-space: nowrap;
}
.growers__btn:hover { background: var(--terracotta); color: var(--paper); }
.growers__btn span:last-child { font-size: 16px; letter-spacing: 0; }

@media (max-width: 900px) {
  .ctabs { padding: 32px 24px 0; }
  .growers__inner { padding: 56px 24px 48px; }
  .growers__cols { grid-template-columns: 1fr; gap: 32px; padding: 32px 0; }
  .growers__foot { grid-template-columns: 1fr; gap: 28px; }
  .growers__btn { padding: 18px 22px; }
}

/* =========================================================================
   V2 · MANIFESTO  — single page, giant type, almost nothing else
   ========================================================================= */
.manifesto {
  min-height: 100vh;
  background: var(--paper);
  display: flex;
  flex-direction: column;
  padding: 48px 6vw 48px;
  position: relative;
}
.manifesto__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.manifesto__top img { height: 32px; width: auto; }
.manifesto__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 0;
  max-width: 1400px;
}
.manifesto__body h1 {
  font-family: var(--editorial);
  font-size: clamp(64px, 11vw, 180px);
  line-height: 0.92;
  letter-spacing: -0.03em;
  margin-bottom: 48px;
}
.manifesto__body h1 em {
  font-style: italic;
  color: var(--burgundy);
}
.manifesto__body h1 .strike {
  text-decoration: line-through;
  text-decoration-thickness: 4px;
  text-decoration-color: var(--terracotta);
  color: var(--ink-soft);
}
.manifesto__body .lead {
  font-family: var(--serif);
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.45;
  max-width: 26ch;
  color: var(--ink);
  margin-bottom: 40px;
}
.manifesto__creed {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 60px;
  max-width: 900px;
  font-family: var(--serif);
  font-size: 19px;
  color: var(--ink-soft);
}
.manifesto__creed span {
  padding: 8px 0;
  border-top: 1px solid var(--rule);
  display: flex;
  gap: 14px;
  align-items: baseline;
}
.manifesto__creed span::before {
  content: attr(data-n);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--terracotta);
  flex-shrink: 0;
}
.manifesto__foot {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 40px;
  padding-top: 40px;
  border-top: 2px solid var(--ink);
}
.manifesto__foot-left {
  font-family: var(--editorial);
  font-style: italic;
  font-size: clamp(28px, 3.5vw, 48px);
  line-height: 1.1;
  max-width: 16ch;
}
.manifesto__foot-right {
  text-align: right;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.9;
}
.manifesto__foot-right a {
  font-family: var(--display);
  font-size: 24px;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  border-bottom: 1.5px solid var(--ink);
}
.manifesto__foot-right a:hover { color: var(--burgundy); border-color: var(--burgundy); }

/* =========================================================================
   V3 · QUADERNO — personal blog of a wine merchant
   ========================================================================= */
.quaderno {
  max-width: 720px;
  margin: 0 auto;
  padding: 72px 40px 120px;
  font-family: var(--serif);
  font-size: 19px;
  line-height: 1.7;
  position: relative;
}
.quaderno__masthead {
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--ink);
  margin-bottom: 48px;
}
.quaderno__masthead h1 {
  font-family: var(--editorial);
  font-size: 44px;
  letter-spacing: 0.01em;
}
.quaderno__masthead h1 em { font-style: italic; color: var(--burgundy); }
.quaderno__masthead .sub {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 18px;
}
.quaderno__photo {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: center/cover no-repeat;
  margin: 8px 0 12px;
  filter: saturate(0.85) contrast(0.95);
}
.quaderno__caption {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 14px;
  color: var(--ink-soft);
  text-align: center;
  margin-bottom: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--rule);
}
.quaderno__byline {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 8px;
}
.quaderno__title {
  font-family: var(--editorial);
  font-size: clamp(36px, 4.5vw, 52px);
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin-bottom: 32px;
}
.quaderno__title em { font-style: italic; color: var(--burgundy); }
.quaderno__lead {
  font-size: 22px;
  line-height: 1.55;
  color: var(--ink);
  margin-bottom: 32px;
  font-style: italic;
  font-family: var(--editorial);
}
.quaderno__lead::first-letter {
  font-family: var(--editorial);
  font-size: 72px;
  float: left;
  line-height: 0.9;
  padding: 10px 12px 0 0;
  color: var(--burgundy);
  font-style: normal;
}
.quaderno p + p { margin-top: 22px; }
.quaderno p strong { font-weight: 600; }
.quaderno__aside {
  font-family: var(--mono);
  font-size: 13px;
  color: var(--ink-soft);
  border-left: 2px solid var(--terracotta);
  padding: 4px 0 4px 16px;
  margin: 32px 0;
  line-height: 1.6;
}
.quaderno__rule {
  display: block;
  width: 60px;
  height: 1px;
  background: var(--ink);
  margin: 48px auto;
}
.quaderno__signoff {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 26px;
  text-align: center;
  margin: 48px 0 8px;
  line-height: 1.4;
}
.quaderno__sig {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 32px;
  text-align: center;
  color: var(--burgundy);
  margin-bottom: 56px;
  letter-spacing: 0.02em;
}
.quaderno__ps {
  background: var(--paper-warm);
  padding: 28px 32px;
  border: 1px solid var(--rule);
  font-size: 17px;
}
.quaderno__ps h3 {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 10px;
}
.quaderno__ps a {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 22px;
  color: var(--burgundy);
  text-decoration: none;
  border-bottom: 1px solid var(--burgundy);
}
.quaderno__meta {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--rule);
  display: flex;
  justify-content: space-between;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink-soft);
}

/* =========================================================================
   TWEAKS PANEL
   ========================================================================= */
.tweaks {
  position: fixed;
  bottom: 20px; right: 20px;
  z-index: 9999;
  background: var(--ink);
  color: var(--paper);
  padding: 12px;
  border-radius: 4px;
  font-family: var(--display);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-shadow: 0 10px 40px rgba(21,16,11,0.25);
  display: none;
}
.tweaks.is-visible { display: block; }
.tweaks__title {
  font-size: 9px;
  opacity: 0.55;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(251,247,239,0.15);
}
.tweaks__opts { display: flex; gap: 4px; }
.tweaks__opt {
  background: transparent;
  border: 1px solid rgba(251,247,239,0.25);
  color: var(--paper);
  font: inherit;
  padding: 8px 14px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 2px;
  transition: all 0.15s;
}
.tweaks__opt:hover { background: rgba(251,247,239,0.08); }
.tweaks__opt.is-active {
  background: var(--terracotta);
  border-color: var(--terracotta);
}

/* =========================================================================
   PRODUCER LOGO SLIDER — "some of the growers we work with"
   ========================================================================= */
.pslider {
  position: relative;
  margin: 16px auto 56px;
  padding: 12px 0 0;
  background: var(--paper);
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  overflow: hidden;
}
.pslider__track {
  display: flex;
  width: max-content;
  background:
    repeating-linear-gradient(90deg, transparent 0, transparent calc(260px - 1px), var(--rule-soft) calc(260px - 1px), var(--rule-soft) 260px);
  animation: pslide-marquee 110s linear infinite;
  will-change: transform;
}
.pslider:hover .pslider__track { animation-play-state: paused; }
@keyframes pslide-marquee {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .pslider__track { animation: none; }
}
.plogo-cell {
  flex: 0 0 260px;
  height: 220px;
  display: grid;
  place-items: center;
  padding: 24px;
}
.pslider__ctrls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 10px 32px;
  border-top: 1px solid var(--rule);
  background: var(--paper);
}
.pslider__count {
  font-family: var(--display);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.pslider__btns {
  display: inline-flex;
  align-items: center;
  gap: 0;
}
.pslider__btn {
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  width: 22px;
  height: 22px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-soft);
  font-family: var(--display, 'Jost', sans-serif);
  font-size: 14px;
  line-height: 1;
  transition: color 120ms ease;
}
.pslider__btn:hover { color: var(--ink); }
.pslider__btn:focus-visible {
  outline: 1px solid var(--burgundy, #6b0f1a);
  outline-offset: 2px;
}
.pslider__btn--play {
  font-size: 9px;
  width: 28px;
  letter-spacing: 0;
}

/* ---------- wordmark placeholders ---------- */
.plogo {
  text-align: center;
  color: var(--ink);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  max-width: 220px;
  height: 100%;
  width: 100%;
}
.plogo__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 0;
}
.plogo .plogo__region {
  margin-top: auto;
  padding-top: 14px;
}

/* -- variant: real producer logo image -- */
.plogo--img {
  gap: 0;
}
.plogo__img {
  max-width: 180px;
  max-height: 110px;
  width: auto;
  height: auto;
  object-fit: contain;
  /* unify tonally: strip background color tints, push toward ink */
  filter: grayscale(1) contrast(1.05);
  mix-blend-mode: multiply;
  opacity: 0.92;
  transition: opacity 0.2s, filter 0.2s;
}
.plogo-cell:hover .plogo__img {
  opacity: 1;
  filter: grayscale(0.3) contrast(1);
}
/* white-on-transparent logos (e.g. Putzenhof): invert to dark */
.plogo__img--invert {
  filter: invert(1) grayscale(1) contrast(1.1);
  mix-blend-mode: multiply;
  opacity: 0.88;
}
.plogo-cell:hover .plogo__img--invert {
  filter: invert(1) grayscale(0.3) contrast(1);
  opacity: 1;
}
/* thin/light logos that disappear under grayscale+multiply (e.g. San Donatino) */
.plogo__img--boost {
  filter: grayscale(1) contrast(1.4) brightness(0.55);
  mix-blend-mode: multiply;
  opacity: 1;
  width: 140px;
  height: 140px;
  max-width: none;
  max-height: none;
}
.plogo-cell:hover .plogo__img--boost {
  filter: grayscale(0.2) contrast(1.15) brightness(0.7);
}
.plogo__region {
  font-family: var(--display);
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.plogo__rule {
  width: 28px;
  height: 1px;
  background: var(--ink);
  opacity: 0.5;
}

/* -- variant: big initials -- */
.plogo--initials .plogo__big {
  font-family: var(--editorial);
  font-size: 64px;
  line-height: 0.95;
  letter-spacing: 0.06em;
  color: var(--burgundy);
}
.plogo--initials .plogo__name {
  font-family: var(--display);
  font-size: 18px;
  letter-spacing: 0.02em;
}

/* -- variant: italic serif -- */
.plogo--italic .plogo__italic {
  font-family: var(--editorial);
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.plogo--italic .plogo__italic em {
  font-style: italic;
  color: var(--burgundy);
  font-weight: 500;
}

/* -- variant: caps + rule (a la printers' mark) -- */
.plogo--caps .plogo__caps {
  font-family: var(--display);
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

/* -- variant: script-like -- */
.plogo--script .plogo__script {
  font-family: var(--editorial);
  font-style: italic;
  font-size: 38px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--ink);
  transform: rotate(-2deg);
}

@media (max-width: 900px) {
  .plogo-cell { flex-basis: 200px; height: 180px; padding: 16px; }
  .plogo--initials .plogo__big { font-size: 48px; }
  .plogo--italic .plogo__italic { font-size: 24px; }
  .plogo--script .plogo__script { font-size: 30px; }
  .plogo--caps .plogo__caps { font-size: 18px; }
  .pslider__ctrls { padding: 14px 16px; }
}

/* =========================================================================
   RESPONSIVE — tablet, phone, small phone
   ========================================================================= */

/* Mobile nav toggle hidden on desktop */
.list-nav-toggle { display: none; }

/* Tablet */
@media (max-width: 900px) {
  .listino { padding: 56px 40px 32px; }
  .list-hero__head {
    padding: 18px 24px;
    gap: 14px;
  }
  .list-hero__title { padding: 0 24px; }
  .list-hero__title h1 { font-size: 72px !important; line-height: 1.02; }
  .list-hero__caption { left: 24px; right: 24px; }

  .listino__chapter {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  .listino__foot {
    grid-template-columns: 1fr !important;
    gap: 28px;
  }
  .listino__contact {
    grid-template-columns: 1fr !important;
    gap: 28px;
  }
  .listino--journal__inner,
  .listino--journal .jcards { grid-template-columns: repeat(2, 1fr) !important; }
  .list-break { margin-left: -40px; margin-right: -40px; }
  .growers__cols { grid-template-columns: 1fr 1fr !important; gap: 24px; }

  .manifesto__body h1 { font-size: 56px !important; line-height: 1.02; }
  .manifesto__foot { grid-template-columns: 1fr !important; gap: 24px; }

  .quaderno { padding: 48px 24px !important; }
  .quaderno__masthead h1 { font-size: 56px !important; }
}

/* Phone */
@media (max-width: 640px) {
  /* HERO HEADER — collapse nav to hamburger */
  .list-hero__head {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto;
    gap: 10px 12px;
    padding: 14px 18px !important;
    align-items: center;
  }
  .list-hero__logo { max-width: 96px; height: auto; }
  .list-hero__logo-wrap { grid-row: 1; grid-column: 1; }

  .list-nav-toggle {
    display: inline-flex;
    grid-row: 1; grid-column: 2;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 36px;
    padding: 0 12px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.45);
    color: #fff;
    font-family: var(--display, 'Jost', sans-serif);
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 2px;
  }
  .list-nav {
    display: none !important;
  }
  .list-nav.is-open {
    display: flex !important;
    position: fixed;
    inset: 0;
    z-index: 1000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 28px;
    background: var(--paper, #FBF7EF);
    padding: 40px;
  }
  .list-nav.is-open a {
    color: var(--ink, #1a1512) !important;
    font-size: 22px;
    letter-spacing: 0.18em;
  }
  .list-lang {
    grid-row: 2; grid-column: 1 / -1;
    justify-self: start;
    margin: 0;
    padding: 2px;
  }
  .list-lang__btn {
    padding: 4px 8px;
    font-size: 10px;
  }

  /* HERO BODY */
  .list-hero { min-height: 92vh; }
  .list-hero__title { padding: 0 18px; }
  .list-hero__title h1 {
    font-size: 54px !important;
    line-height: 1.02;
  }
  .list-hero__eyebrow {
    font-size: 10px !important;
    letter-spacing: 0.22em;
  }
  .list-hero__caption {
    left: 18px; right: 18px;
    bottom: 18px;
    font-size: 10px !important;
    max-width: none !important;
  }

  /* ARTICLE */
  .listino { padding: 40px 20px 20px !important; }
  .listino--continued { padding-top: 24px !important; }
  .list-break { margin: 32px -20px !important; }
  .list-break__photo { aspect-ratio: 4 / 3 !important; }
  .list-break figcaption {
    padding: 12px 20px 0 !important;
  }
  .listino__kicker { font-size: 11px !important; }
  .listino__manifesto p { font-size: 18px !important; line-height: 1.5 !important; }
  .listino__chapter { margin: 40px 0 24px !important; }
  .listino__chapter-n { font-size: 12px !important; }
  .listino__chapter h2 { font-size: 28px !important; line-height: 1.1 !important; }
  .listino__more { padding: 28px 20px !important; text-align: left !important; }
  .listino__more p { font-size: 22px !important; }

  /* HOW WE WORK */
  .how__row {
    grid-template-columns: 28px 1fr !important;
    gap: 10px 14px !important;
    padding: 18px 0 !important;
  }
  .how__row h3 { grid-column: 2; font-size: 18px !important; }
  .how__row p { grid-column: 2; font-size: 14px !important; line-height: 1.5 !important; }

  /* JOURNAL */
  .listino--journal__inner { padding: 40px 20px !important; }
  .listino--journal .jcards,
  .jcards {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .jcard__img { aspect-ratio: 16 / 10 !important; }
  .jcard__title { font-size: 22px !important; }
  .jcard__excerpt { font-size: 14px !important; }

  /* EVENTS */
  .events-teaser {
    grid-template-columns: 1fr !important;
    padding: 24px 20px !important;
    gap: 18px !important;
  }
  .events-teaser__row { flex-direction: column; align-items: flex-start; gap: 18px; }
  .events-teaser__date { font-size: 28px !important; }
  .events-teaser__body h3 { font-size: 20px !important; }

  /* GROWERS */
  .growers { padding: 40px 20px !important; }
  .growers__head h2 { font-size: 28px !important; line-height: 1.1 !important; }
  .growers__lede { font-size: 15px !important; }
  .growers__cols { grid-template-columns: 1fr !important; gap: 24px !important; }
  .growers__foot { flex-direction: column; align-items: flex-start !important; gap: 18px; }
  .growers__btn { width: 100%; justify-content: center; }

  /* FOOTER / CONTACT */
  .listino__foot {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 32px 0 !important;
  }
  .listino__foot-copy { font-size: 28px !important; line-height: 1.1 !important; }
  .listino__contact {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .listino__contact .big { font-size: 18px !important; }
  .listino__base,
  .listino__base--center {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center !important;
    padding: 16px 0 36px !important;
    font-size: 9px !important;
  }

  /* PRODUCER SLIDER */
  .plogo-cell { flex: 0 0 180px !important; height: 160px !important; padding: 14px !important; }
  .plogo--initials .plogo__big { font-size: 44px !important; }
  .plogo--italic .plogo__italic { font-size: 22px !important; }
  .plogo--script .plogo__script { font-size: 28px !important; }
  .plogo--caps .plogo__caps { font-size: 15px !important; }
  .plogo__img { max-width: 130px !important; max-height: 80px !important; }
  .pslider__track { animation-duration: 70s !important; }
  .pslider__ctrls { padding: 12px 14px !important; flex-wrap: wrap; gap: 10px; }

  /* MANIFESTO variant */
  .manifesto { padding: 32px 20px !important; }
  .manifesto__top { flex-direction: column; gap: 14px; }
  .manifesto__body h1 { font-size: 40px !important; line-height: 1.05 !important; }
  .manifesto__body .lead { font-size: 17px !important; }
  .manifesto__creed { font-size: 14px !important; }
  .manifesto__foot {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* QUADERNO variant */
  .quaderno { padding: 32px 20px !important; }
  .quaderno__masthead h1 { font-size: 40px !important; }
  .quaderno__title { font-size: 28px !important; line-height: 1.1 !important; }
  .quaderno__lead { font-size: 17px !important; }
  .quaderno p { font-size: 16px !important; }
  .quaderno__meta { flex-direction: column; gap: 8px; align-items: flex-start; }

  /* Tweaks panel narrower */
  .tweaks, [class*="tweaks"] {
    right: 12px !important;
    bottom: 12px !important;
    max-width: calc(100vw - 24px);
  }
}

/* Very small — pocket phones */
@media (max-width: 380px) {
  .listino { padding: 32px 16px 20px !important; }
  .list-hero__title h1 { font-size: 44px !important; }
  .listino__chapter h2 { font-size: 24px !important; }
  .manifesto__body h1 { font-size: 34px !important; }
  .quaderno__masthead h1 { font-size: 34px !important; }
  .plogo-cell { flex: 0 0 160px !important; height: 150px !important; }
}