/* ============================================================================
   CWPD home — reconciliation layer.
   Loaded LAST on the home page only. The bespoke home design is deliberately
   more expressive than the interiors; this does not square it off or rebuild it.
   It does three things:
     1. enforces the standing no-small-type and real-click-target rules
     2. lends the interior glass recipe to three surfaces, so the two systems
        read as one site
     3. uses the interior contour motif once, quietly
   ========================================================================== */

/* ---- 1. No small type -------------------------------------------------- */
body.home :is(small, time, .eyebrow, .footer-divider, .preview-note, label, .badge){font-size:14px}
body.home .eyebrow{font-size:13px;letter-spacing:.1em}
body.home .date-badge small{font-size:13px}
body.home .button,body.home .button-rust,body.home button{font-size:15px}
body.home footer a,body.home .site-footer a{font-size:15px}
body.home .circle-caption text{font-size:12.5px}
@media(max-width:720px){
  body.home :is(small, time, .footer-divider, .preview-note, label, .badge){font-size:14px}
  body.home .eyebrow{font-size:13px}
  body.home .button,body.home .button-rust,body.home button{font-size:15px}
  body.home .circle-caption text{font-size:13px}
}

/* ---- 2. Real click targets --------------------------------------------- */
body.home :is(.button, .button-rust, .button-outline, .story-button, .icon-button){
  min-height:44px;display:inline-flex;align-items:center;justify-content:center}
body.home .text-link{min-height:42px;display:inline-flex;align-items:center}
body.home .read-more{min-height:42px;display:inline-flex;align-items:center}
body.home .round-arrow{min-width:40px;min-height:40px}
body.home :is(input, select, textarea){min-height:44px}
body.home footer a,body.home .site-footer a{min-height:40px;display:inline-flex;align-items:center}
body.home footer nav a{padding-block:9px}

/* ---- 3. The interior glass recipe, on three surfaces -------------------- */
body.home :is(.program-card, .news-card, .foundation-copy){
  background:rgba(255,255,255,.46);
  border:1px solid rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(31,87,51,.045),
    0 7px 18px rgba(31,45,34,.07),
    0 22px 52px rgba(31,45,34,.045);
}
body.home .foundation-copy{padding:28px 30px;border-radius:5px}

/* ---- 4. One quiet handshake with the interior contour motif ------------- */
body.home .programs-section{position:relative;isolation:isolate}
body.home .programs-section::before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  right:-8vw;top:-12%;width:62vw;height:124%;opacity:.028;
  background:url('../images/art/contour.svg') right top/contain no-repeat;
}
@media(max-width:720px){body.home .programs-section::before{opacity:.022;width:110vw;right:-30vw}}
@media(prefers-reduced-motion:reduce){body.home .programs-section::before{opacity:.02}}

/* ---- 5. One pre-existing defect ----------------------------------------- */
/* HEALTHY / PEOPLE / BRIGHTER / TOMORROWS sits inside the hero, but the next
   section's wave was painting over its last line. Raise the stacking only —
   nothing moves, nothing resizes. */
body.home .hero{position:relative;z-index:2}
body.home .programs-section{position:relative;z-index:1}
body.home .small-manifesto{position:relative;z-index:3}