/* ---- quire (Quire — Design journal 25) — cool paper, editorial measure ---- */
body.t-quire.ws-body { --bg: #eef0ec; --fg: #3c403a; --heading: #1e211d; --text: #3c403a; --muted: #7d817a; }
body.t-quire .ws-nav, body.t-quire .ws-sidenav { background: #eef0ec; border-color: #d5d9d1; }
body.t-quire .ws-brand { font-family: var(--sf-serif); font-size: 22px; letter-spacing: -0.01em; }
body.t-quire .ws-hero { min-height: 56vh; }
body.t-quire .ws-hero h1 { font-family: var(--sf-serif); font-weight: 400; font-size: clamp(40px, 7vw, 88px); }
/* a text-dense band leads the body instead of a photo grid */
body.t-quire .ws-features { background: #e4e7e1; }
body.t-quire .ws-features-item { background: transparent; border-top: 1px solid #cdd2c8; padding-top: 18px; border-radius: 0; }
body.t-quire .ws-features-item h3 { font-family: var(--sf-serif); font-weight: 400; font-size: 21px; }
/* the single pull quote is a grid-break, not praise — no card, no attribution */
body.t-quire .ws-testimonials { background: #e4e7e1; padding: 88px 0; }
body.t-quire .ws-testimonials .ws-quote { background: transparent; border: 0; box-shadow: none; padding: 0; }
body.t-quire .ws-testimonials, body.t-quire .ws-testimonials blockquote, body.t-quire .ws-testimonials p, body.t-quire .ws-testimonials .ws-quote-text { font-family: var(--sf-serif); font-size: clamp(24px, 3.6vw, 42px); line-height: 1.3; color: #1e211d; text-align: center; }
body.t-quire .ws-testimonials h2 { font-size: 0; }
body.t-quire .ws-testimonials cite, body.t-quire .ws-testimonials .ws-quote-name, body.t-quire .ws-testimonials .ws-quote-role { display: none; }
body.t-quire .btn.brand { background: #3a4a6b; color: #ffffff; }
body.t-quire .btn.brand:hover { background: #2e3b57; }

/* ---- night looks for the four new website themes ---------------------------
   The toggle was already in the nav but nothing was defined for these themes,
   so pressing it changed the stored preference and nothing on the page. Each
   pair below is a real day/night, not a tint. */

/* quire — paper grey by day, ink by night */
html[data-theme="dark"] body.t-quire.ws-body { --bg: #191c18; --fg: #c2c6bd; --heading: #eef0ec; --text: #c2c6bd; --muted: #83887e; }
html[data-theme="dark"] body.t-quire { background: #191c18; }
html[data-theme="dark"] body.t-quire .ws-nav, html[data-theme="dark"] body.t-quire .ws-sidenav { background: #191c18; border-color: #2b2f29; }
html[data-theme="dark"] body.t-quire .ws-features { background: #21251f; }
html[data-theme="dark"] body.t-quire .ws-features-item { border-top-color: #343a31; }
html[data-theme="dark"] body.t-quire .ws-testimonials { background: #21251f; }
html[data-theme="dark"] body.t-quire .ws-testimonials, html[data-theme="dark"] body.t-quire .ws-testimonials blockquote,
html[data-theme="dark"] body.t-quire .ws-testimonials p, html[data-theme="dark"] body.t-quire .ws-testimonials .ws-quote-text { color: #eef0ec; }
html[data-theme="dark"] body.t-quire .ws-pricing-card, html[data-theme="dark"] body.t-quire .ws-team-card { background: #21251f; border-color: #343a31; }
html[data-theme="dark"] body.t-quire .btn.brand { background: #7d92bd; color: #131611; }

@media (min-width: 1120px) {
  body.t-quire .ws-features-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}