/* HOME — "The Overture + Editor's Letter" (unique skeleton) */

/* Overture: full-bleed Aubergine room */
.overture { min-height: clamp(580px, 92vh, 860px); display: flex; align-items: center; padding-block: clamp(6rem,16vh,9rem) clamp(3rem,9vh,5.5rem); }
.overture__num { display: none; }

/* breathing room between the dark hero and the first porcelain section;
   gutter reclaimed now that the section markers are gone */
.home-sheet { padding-top: clamp(2rem,6vw,3.5rem); padding-left: 0; }
.home-sheet::before { display: none; }

/* the subscribe block as a distinct Linen card — clearly its own section */
.subscribe-card { background: var(--linen); border: 1px solid var(--hair); border-radius: var(--r); padding: clamp(1.5rem,5vw,2.6rem); box-shadow: var(--shadow-sm); }
.subscribe-card .letterline { max-width: 32rem; margin-top: 1.1rem; }
.block--letter { margin-top: clamp(.5rem,2vw,1.5rem); }
.overture__inner { display: grid; gap: clamp(1.6rem,5vw,2.5rem); align-items: center; }
.overture__art { width: min(78%, 320px); }
.overture__art .mat__img { aspect-ratio: 4/5; }
.overture__welcome .plaque { color: var(--gold); margin-bottom: 1.1rem; }
.overture__title { font-size: clamp(2.8rem, 13vw, 5.25rem); font-weight: 400; line-height: 1.02; }
.overture__title em { font-style: italic; color: var(--clay); }
.overture__sub { margin-top: 1.3rem; max-width: 30rem; }
.overture__cta { margin-top: 1.8rem; }

@media (min-width: 760px) {
  .overture__inner { grid-template-columns: .82fr 1.18fr; }
  .overture__art { width: 100%; max-width: 360px; }
  .overture__welcome { margin-left: -8%; position: relative; z-index: 2; }
}

/* Editor's Letter — L-shape */
.letter__title { font-size: clamp(1.9rem,7vw,2.8rem); max-width: 16ch; line-height: 1.08; }
.letter__body { margin-top: 1.2rem; max-width: 38rem; }
.letter__body p + p { margin-top: 1rem; }
.letter__body .drop::first-letter { font-family: var(--display); font-size: 3.1em; line-height: .8; float: left; padding: .06em .12em 0 0; color: var(--mauve); font-weight: 500; }
@media (min-width: 820px) {
  .letter { display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
  .letter__title { grid-column: 1; }
  .letter__body { grid-column: 2; margin-top: .5rem; }
}

/* In this issue — index preview (reuses .idx) */
.issue-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.issue-head h2 { font-size: clamp(1.7rem,6vw,2.4rem); }

/* Author byline strip — portrait overlaps text edge */
.byline-strip { display: grid; gap: 1.3rem; align-items: center; }
.byline-strip__art { width: min(46%, 180px); }
.byline-strip__art .mat__img { aspect-ratio: 1/1; }
.byline-strip h3 { font-size: clamp(1.6rem,6vw,2.2rem); line-height: 1.1; }
.byline-strip .sig { font-family: var(--display); font-style: italic; font-size: 1.5rem; color: var(--mauve); margin-top: .6rem; }
@media (min-width: 640px) {
  .byline-strip { grid-template-columns: auto 1fr; gap: clamp(1.5rem,4vw,2.6rem); }
  .byline-strip__art { width: 180px; }
}

/* Quiet inline letter line */
.home-letter { display: grid; gap: 1rem; }
.home-letter .plaque { color: var(--mauve); }
.home-letter .letterline { max-width: 34rem; }