/* ============================================================
   CHAPTER II - THE ESTATE. Morning light, architecture, space.
   Broken editorial grid: type intersects the photography.
   ============================================================ */

.chapter--estate {
  padding-block: var(--beat);
  overflow: clip;
}

/* Hero plate: headline and architecture sit in clear neighboring zones */
.plate--estate-hero {
  align-items: center;
  row-gap: clamp(2rem, 5vw, 4rem);
}
.plate--estate-hero .plate__kicker {
  grid-column: 1 / 6;
  grid-row: 1;
  margin-bottom: 0;
}
.plate--estate-hero .plate__headline {
  grid-column: 1 / 6;
  grid-row: 1;
  z-index: 2;
  margin-bottom: 0;
}
.plate--estate-hero .fig--estate {
  grid-column: 7 / 13;
  grid-row: 1;
  z-index: 1;
  aspect-ratio: 1;
}

/* Still-life plate: small window study, generous copy column */
.plate--estate-still {
  padding-top: calc(var(--beat) * 1.4);
  align-items: center;
}
.plate--estate-still .fig--window {
  grid-column: 2 / 6;
  aspect-ratio: 2 / 3;
}
.plate--estate-still .plate__copy {
  grid-column: 7 / 12;
  display: grid;
  gap: 2.25rem;
  justify-items: start;
}
.plate--estate-still .whisper-list {
  display: grid;
  gap: 0.75rem;
}
.plate--estate-still .whisper-list li {
  font-size: clamp(1.25rem, 1.8vw, 1.5rem);
}
.plate--estate-still .whisper-list li + li::before {
  content: none;
}

@media (max-width: 760px) {
  .plate--estate-hero .plate__kicker { grid-column: 1 / -1; }
  .plate--estate-hero .plate__headline { grid-column: 1 / -1; }
  .plate--estate-hero .fig--estate { grid-column: 1 / -1; grid-row: 2; }
  .plate--estate-still .fig--window { grid-column: 1 / 6; }
  .plate--estate-still .plate__copy { grid-column: 1 / -1; }
}