/* Home as an illustrated cultural edition. Static surfaces, real archival media. */
.home-page .home-opening__primary { border-color: #a4aea1; }
.home-page .pathways__heading { padding-bottom: 1.8rem; border-bottom: 3px double var(--rule); }
.home-page .pathways__side { border-left: 1px solid var(--rule); padding-left: clamp(1.5rem, 3vw, 3.5rem); }
.home-page .discovery-feature { outline: 1px solid rgb(255 255 255 / 55%); outline-offset: -12px; }
.home-page .discovery-feature::before { background: linear-gradient(180deg, rgb(19 29 26 / 62%), transparent 50%, rgb(18 28 25 / 86%)); }
.home-page .discovery-feature:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
.home-page .field-story { margin: 0 var(--gutter); background: #e7ece7; color: var(--ink); border-block: 1px solid var(--rule); }
.home-page .field-story__copy { padding: clamp(2rem, 4vw, 4.5rem); }
.home-page .field-story__image { margin: 1rem; min-height: 30rem; }
.home-page .field-story__image figcaption { background: rgb(24 39 34 / 93%); color: var(--white); }
.home-page .field-story .muted-copy { color: #4d5d53; }
.home-page .field-story h2 { font-size: clamp(3.2rem, 5vw, 6.1rem); }
.home-page .founder-intro { padding-top: clamp(3rem, 5vw, 6rem); }
.home-page .founder-intro__copy { border-left: 3px double var(--rule); padding-left: clamp(1.25rem, 2.5vw, 3rem); }
.home-page .founder-intro__image { padding: .65rem .65rem 0; border: 1px solid var(--rule); background: var(--white); }
.home-page .founder-intro__image figcaption { border: 0; }
.archive-spread { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 4vw, 5rem); margin-inline: var(--gutter); padding-block: clamp(2.5rem, 4vw, 5rem); border-top: 3px double var(--rule); }
.archive-spread__plate { min-width: 0; padding: clamp(.8rem, 1.5vw, 1.5rem); background: var(--archive-paper) var(--paper-grain); }
.archive-spread__plate > a { display: block; }
.archive-spread__plate img { width: 100%; height: auto; mix-blend-mode: multiply; }
.archive-spread__plate figcaption { padding: 1rem 0 0; border-top: 1px solid #b9a586; color: #675239; font-size: .7rem; }
.archive-spread__copy { min-width: 0; }
.archive-spread__copy h2 { font-size: clamp(3rem, 4.5vw, 5.6rem); line-height: 1.06; text-align: left; margin: 1.5rem 0; }
.archive-spread__copy > p:not(.eyebrow) { max-width: 32rem; font-size: .93rem; line-height: 1.7; }
.archive-spread__copy .text-link { margin-top: 1.3rem; }
.archive-spread__note { margin-top: 1rem; color: var(--muted); font-size: .73rem !important; }
.home-page .invitation { position: relative; margin: .5rem var(--gutter) 2.5rem; background: var(--petrol); padding: clamp(2.2rem, 4vw, 4.8rem); outline: 1px solid #839d91; outline-offset: -12px; }
.home-page .invitation > .eyebrow { color: #c7d8ce; }
.home-page .invitation h2 { font-size: clamp(2.6rem, 4.4vw, 5.4rem); }
.home-page .site-footer { background: var(--white); border-top: 3px double var(--rule); }
@media (max-width: 999px) {
  .archive-spread { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 2rem; }
  .archive-spread__copy h2 { font-size: 4.5vw; }
  .home-page .field-story__image { min-height: 29rem; }
}
@media (max-width: 759px) {
  .home-page .pathways__side { padding-left: 0; border-left: 0; }
  .home-page .field-story { margin-inline: 0; }
  .home-page .field-story__image { margin: .75rem .75rem 0; min-height: 0; }
  .home-page .field-story__copy { padding: 2rem var(--gutter) 2.5rem; }
  .home-page .field-story h2 { font-size: clamp(3rem, 9vw, 4.6rem); }
  .home-page .founder-intro__copy { border-left: 0; padding-left: 0; }
  .archive-spread { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .archive-spread__copy { grid-row: 1; }
  .archive-spread__copy h2 { font-size: clamp(3rem, 9vw, 4.6rem); }
  .home-page .invitation { margin-inline: .75rem; padding: 2.5rem 1.5rem; }
  .home-page .invitation h2 { font-size: clamp(2.45rem, 7.8vw, 4.5rem); }
}
@media (prefers-reduced-motion: no-preference) {
  .archive-spread .text-link > span, .home-page .invitation .text-link > span { transition: transform 180ms ease-out; }
  .archive-spread .text-link:hover > span, .home-page .invitation .text-link:hover > span { transform: translate(2px,-2px); }
}