/* The Boardroom Edit, version five, CR7 (8 Oct 2026): "Why Jerome" selling point, high on the home page.
   Sits inside the hero scene, straight under the hero panel and above the skyline art.
   Same design language: clay small caps, serif heading, cream rounded cards, dark green accents. No motion. */
.v5-why{position:relative;z-index:2;margin:var(--s-5) auto 0;width:min(70rem,calc(100vw - 2 * var(--pad-x,1.25rem)));margin-inline:calc(50% - min(35rem,50vw - var(--pad-x,1.25rem)))}
.v5-why__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin:0 0 var(--s-3)}
.v5-why .kicker{margin:0;color:#8a3c17}
.v5-why h2{margin:0;font-family:var(--font-serif);font-weight:400;font-size:clamp(1.35rem,1.1rem + .9vw,1.85rem);line-height:1.15;letter-spacing:-.015em;color:var(--c-ink)}
.v5-why__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3)}
.v5-why__card{margin:0;padding:var(--s-4);border-radius:18px;background:rgba(255,253,249,.94);border:1px solid rgba(160,82,45,.16);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 40px -30px rgba(80,40,20,.45);display:flex;flex-direction:column;gap:.35rem}
.v5-why__title{margin:0;font-family:var(--font-serif);font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem);line-height:1.12;letter-spacing:-.015em;color:var(--c-accent)}
.v5-why__text{margin:0;font-size:var(--fs-small);line-height:1.45;color:var(--c-muted)}
@media (max-width:1000px){.v5-why__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .v5-why{margin-top:var(--s-4)}
  .v5-why__list{gap:var(--s-2)}
  .v5-why__card{padding:.8rem .9rem;border-radius:14px}
  .v5-why__title{font-size:1.2rem}
  .v5-why__text{font-size:.875rem}
}