/* ============================================================================
   Home rev 1 (Robb, 2026-11-06; see the note at the top of index-rev-1.html).
   Loaded after home.css; only what the new order needs.
   ========================================================================= */

/* ---- Selected Homes: a wide lead home, then three in a row ----------------- */
@media (min-width: 760px) {
  .homes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .homes__lead { grid-column: 1 / -1; }
}
.homes__lead .proj__name { font-size: clamp(22px, 2vw, 28px); }
/* The three smaller cards stack the scope label under the name, so "New build · in design" never
   pushes past a narrow column */
.homes .proj:not(.homes__lead) .proj__meta { flex-direction: column; align-items: flex-start; gap: 6px; }

/* ---- Full Service as three ways in (light, after a sheet-over-sheet step) --- */
.ways { position: relative; }
.ways__head { text-align: center; }
.ways__head .h2 { margin-top: 20px; }
.ways__head .lede { margin-top: 22px; }
.ways__cols {
  display: grid; grid-template-columns: 1fr; gap: clamp(36px, 4vw, 56px);
  margin: clamp(48px, 6vw, 84px) 0 0; padding: 0; list-style: none;
}
@media (min-width: 900px) { .ways__cols { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ways__cols li { padding-top: 22px; border-top: 1px solid var(--hairline); }
.ways__cols p { margin-top: 14px; color: var(--ink-2); }
.ways__cols .tlink { margin-top: 18px; }

/* ---- How we work: the two links side by side ------------------------------- */
.phil__links { display: flex; flex-wrap: wrap; gap: 12px 32px; }

/* ---- Press on the light end of the drift: the logo files are white (made for navy), so they
   print in ink here ------------------------------------------------------------------------- */
.relief .press__logo img { filter: brightness(0); opacity: .62; }

/* ---- Close: the client's words over the drift ------------------------------ */
.home-note { padding-top: clamp(40px, 6vw, 96px); }
.home-note .drift-note__card { max-width: 860px; }
/* A longer quote: the reading size and Canela weights of the Services rev 1 card */
.home-note .drift-note__card .h2 {
  font-size: clamp(20px, 2.4vw, 32px); line-height: 1.34;
  font-weight: 300; letter-spacing: 0; word-spacing: .04em;
}
@media (min-width: 900px) { .home-note .drift-note__card .h2 { font-weight: 100; } }
.home-note__more { margin-top: 28px; text-align: center; }