/* ============================================================
   Home and About, 2026-10-12 rebuild. Sits on top of flex.css.
   Only what flex.css does not already give these two pages.
   ============================================================ */

/* hero: one photo, no inset */
.hm-fig{margin:0}
.hm-fig img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.hm-cta{display:flex;flex-wrap:wrap;gap:var(--s2)}
.btn.btn--line{background:transparent;color:var(--ink)}
.btn.btn--line:hover{background:var(--ink);color:var(--cream)}
.band--ink .btn.btn--line{background:transparent !important;border-color:var(--cream) !important;color:var(--cream) !important}
.band--ink .btn.btn--line:hover{background:var(--cream) !important;color:var(--ink) !important}
.home .hero2 .hero__word{max-width:16ch}

/* start here: three doors */
.start{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);max-width:1200px;margin:0 auto;text-align:left}
.door{
  display:flex;flex-direction:column;min-height:100%;padding:clamp(24px,2.6vw,40px);
  border:2px solid var(--ink);background:var(--cream);color:var(--ink);text-decoration:none;
  transition:background .15s,color .15s;
}
.door__k{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 var(--s4)}
.door__h{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(40px,3.8vw,60px);line-height:.92;letter-spacing:-.015em;margin:0 0 var(--s2)}
.door__p{margin:0 0 var(--s4);font-size:18px;line-height:1.55}
.door__go{
  margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--s2);
  padding-top:var(--s2);border-top:2px solid currentColor;
  font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.door--coral{background:var(--coral);border-color:var(--coral)}
.door--ink{background:var(--ink);color:var(--cream)}
.door--ink .door__k{color:var(--chartreuse)}
.door:hover{background:var(--chartreuse);border-color:var(--chartreuse);color:var(--ink)}
.door:hover .door__k{color:var(--ink)}
.door:focus-visible{outline:4px solid var(--coral);outline-offset:3px}
.door--coral:focus-visible{outline-color:var(--ink)}
.door [aria-hidden]{transition:transform .2s}
.door:hover [aria-hidden]{transform:translateX(4px)}

/* about page */
.ab-copy p + p{margin-top:0}
.ab-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s2)}
.about2__copy .ab-links .btn{margin-top:0}
.ab-mba .center__body{margin-top:calc(var(--s3) * -1);margin-bottom:0}
.ab-mba .h2c{margin-bottom:var(--s5)}
.about2__fig--wide img{aspect-ratio:4/3}

@media (max-width:900px){
  .start{grid-template-columns:1fr;max-width:560px}
  .hm-fig{max-width:460px}
}
@media (prefers-reduced-motion:reduce){.door,.door [aria-hidden]{transition:none}}