/* Press page styles. Owned by the press page agent. Shared classes live in ../style.css (see INNER-PAGE KIT); do not redefine them here.
   Composition: the home Press scrubs sideways; here the reviews run straight down, one band per quote, fields alternating
   bone / deep / cobalt. Each band = an outlined italic numeral + an enormous pull-quote + a small-caps attribution.
   Quote text and numerals stay inside 66% of .inner from 640px up, left of the strings. Reveals reuse the kit (.wipe, .rise).
   No hidden-initial styles live here; everything is visible without JS / with ?static=1. */

/* ---------- hero kicker (the source page's own heading, under the shell's "Press") ---------- */
.page-hero .pq-kicker { margin-top: clamp(20px, 3vw, 40px); }
.page-hero .pq-kicker + .intro { margin-top: .9rem; }

/* ---------- bands ---------- */
.pq-list { list-style: none; margin: 0; padding: 0; }
.pq.sec { padding-top: clamp(40px, 5vw, 76px); padding-bottom: clamp(56px, 6.5vw, 100px); }
.pq-body { display: grid; gap: clamp(18px, 2.4vw, 34px); }
@media (min-width: 640px) { .pq-body { max-width: 66%; } }

/* outlined italic numeral: the divider between bands (same outline-text idea as the home repertoire rows) */
.pq-n { font: italic 300 clamp(4.2rem, 11vw, 10rem)/.82 var(--serif); letter-spacing: -.02em; color: transparent; -webkit-text-stroke: 1.5px var(--mist); }
.deep .pq-n { -webkit-text-stroke-color: var(--orange); }
.bone .pq-n { -webkit-text-stroke-color: var(--cobalt); }
.pq:nth-child(even) .pq-n { justify-self: end; }   /* numeral alternates left / right of the column */

/* ---------- the quote ---------- */
.pq .quote p { font: 300 clamp(2rem, 1rem + 4.4vw, 4.9rem)/1.08 var(--serif); letter-spacing: -.018em; text-indent: -.42em; text-wrap: pretty; }   /* negative indent hangs the opening mark */
.pq .quote p::before { content: "\201C"; }
.pq .quote p::after { content: "\201D"; }
.pq .q-long p { font-size: clamp(1.7rem, .85rem + 3.3vw, 3.3rem); }
.pq .q-xl p { font-size: clamp(1.5rem, .8rem + 2.5vw, 2.9rem); line-height: 1.1; }
.pq .quote em { font-weight: 400; color: var(--orange); }
.bone .quote em { color: var(--cobalt); }

/* attribution: bow stroke + small caps; the honest notes sit under it in italic serif */
.pq .quote figcaption { display: flex; flex-wrap: wrap; align-items: center; column-gap: 1rem; row-gap: .35rem; margin-top: clamp(18px, 2.6vw, 38px); font: 600 .78rem/1.3 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--mist); }
.pq .quote figcaption::before { content: ""; flex: 0 0 clamp(28px, 4vw, 56px); height: 1.5px; background: var(--orange); }
.bone .quote figcaption { color: var(--cobalt); }
.bone .quote figcaption::before { background: var(--cobalt); }
.pq-role { flex: 0 0 100%; padding-inline-start: calc(clamp(28px, 4vw, 56px) + 1rem); font: italic 400 clamp(1.02rem, 1.3vw, 1.15rem)/1.3 var(--serif); letter-spacing: 0; text-transform: none; }

/* ---------- closing link to the biography ---------- */
.pq-next .big em { color: var(--cobalt); }
@media (min-width: 640px) { .pq-next .inner > :where(:not(.bow)) { max-width: 66%; } }
.pq-next .big { margin-top: 1.25rem; }
.pq-note { max-width: 38ch; margin: clamp(28px, 4.2vw, 56px) 0 clamp(8px, 1.5vw, 20px); }
.pq-next .arrow-link { min-height: 44px; }
.pq-next .arrow-link:active span { transform: translateX(10px); }
.pq-next .arrow-link:active::after { transform: scaleX(.15); }

/* ---------- right to left (Hebrew): see the note in ../style.css ---------- */
:where([dir="rtl"]) .pq-next .arrow-link:active span { transform: translateX(-10px); }