/* ============================================================
   /press — page-only styles.

   The coverage grid, hero and eyebrow all come from about.css, which this
   page loads first: the two pages show the same three sources and must keep
   looking like one set. Only what is unique to /press lives here.
   ============================================================ */

/* The press hero sits directly above the dark coverage band, so it loses the
   about hero's bottom padding and lets the two run together. */
.pr-hero{ padding-bottom:clamp(40px,6vh,72px); }
/* Colour, weight and the orange rule all come from .ab-lede in about.css.
   Only the measure changes: this lede is four lines of provenance rather than
   a positioning statement, so it runs a little wider and tighter. */
.pr-hero .ab-lede{
  max-width:64ch;
  font-size:clamp(1.08rem,1.5vw,1.28rem);
  line-height:1.65;
}

/* ---------- What diners say ---------- */
/* Continues the dark band the coverage grid ends on, one shade lighter, so
   press and diner voices read as two parts of one argument rather than two
   unrelated sections. */
.pr-voices{
  background:linear-gradient(180deg,#1d1330,var(--dusk));
  padding:clamp(64px,10vh,128px) clamp(16px,5vw,64px);
}
.pr-voices .section-title{ color:var(--sand); }

.pr-voices__grid{
  list-style:none; margin:clamp(32px,4.5vw,56px) 0 0; padding:0;
  display:grid; grid-template-columns:1fr; gap:clamp(16px,2.2vw,24px);
}
@media(min-width:700px){ .pr-voices__grid{ grid-template-columns:repeat(2,1fr); } }

.pr-voice{
  display:flex; flex-direction:column; justify-content:space-between;
  gap:clamp(14px,1.8vw,20px);
  padding:clamp(24px,3vw,34px);
  border-radius:22px;
  background:linear-gradient(165deg,rgba(241,228,208,.06),rgba(241,228,208,.015));
  border:1px solid rgba(241,228,208,.1);
}
.pr-voice blockquote{ margin:0; }
.pr-voice blockquote p{
  margin:0;
  font-family:var(--serif);
  font-size:var(--fs-lg); line-height:1.5;
  color:var(--sand);
  text-wrap:pretty;
}
.pr-voice__by{
  margin:0;
  font-family:var(--display); font-weight:800; text-transform:uppercase;
  letter-spacing:.14em; font-size:var(--fs-3xs);
  color:var(--turquoise);
}
/* The platform and date carry less weight than the name: they are provenance,
   not attribution. */
.pr-voice__by span{
  font-family:var(--body); font-weight:400; text-transform:none;
  letter-spacing:0; color:rgba(241,228,208,.62);
}

/* ---------- Listed by + press inquiries ---------- */
.pr-end{
  background:var(--sand); color:var(--sand-ink);
  padding:clamp(64px,10vh,120px) clamp(16px,5vw,64px);
}
.pr-end__grid{
  display:grid; grid-template-columns:1fr; gap:clamp(32px,4vw,56px);
}
@media(min-width:760px){ .pr-end__grid{ grid-template-columns:1fr 1fr; } }

.pr-end__title{
  margin:0 0 .8rem;
  font-family:var(--display); font-weight:800; text-transform:uppercase;
  letter-spacing:.14em; font-size:var(--fs-3xs);
  color:var(--burnt-ink);
}
.pr-end p{
  margin:0 0 .9rem;
  font-size:var(--fs-base); line-height:1.7; color:#3a2a1a;
  max-width:46ch;
}
.pr-end p:last-child{ margin-bottom:0; }
.pr-end a{
  color:var(--burnt-ink);
  border-bottom:1px solid rgba(138,74,18,.35);
  text-decoration:none;
  transition:border-color .2s var(--ease);
}
.pr-end a:hover{ border-color:var(--burnt-ink); }

.pr-inquiries__lines{
  font-family:var(--serif); font-size:var(--fs-md); line-height:1.9;
}
.pr-inquiries__addr{ font-size:var(--fs-xs); color:#5a4632; }