/* family.css — layout only, existing OKNO tokens. No local palette, gradient, font or button family. */
.fam-hero{padding-top:24px}
.fam-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.fam-hero__grid--nomedia{grid-template-columns:minmax(0,780px)}
.fam-hero__copy .d3-h1{margin:0 0 14px}
.fam-eyebrow{margin:0 0 12px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ok-teal)}
.fam-hero__pic img{width:100%;height:auto;border-radius:18px;display:block;box-shadow:var(--ok-card-shadow-hover)}
.fam-ctarow{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0}
.fam .d3-p,.fam .d3-list,.fam .d3-h2,.fam .d3-h3,.fam .d3-lead{max-width:780px}
.fam .fam-final__t,.fam .fam-final__x{max-width:none}
.fam .d3-sec{padding-top:22px;padding-bottom:22px}
.fam-grid,.fam-relgrid{margin:6px 0 0}
.fam-item h3{margin:0 0 8px}
.fam-item .fam-ctarow{margin-top:14px}
.fam-card .ok-card__body{padding:16px 18px}
.fam-item--link{display:block;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s,transform .15s}
.fam-item--link:hover{border-color:var(--ok-teal);box-shadow:var(--ok-card-shadow-hover);transform:translateY(-2px)}
.fam-item--link:focus-visible{outline:3px solid var(--ok-focus);outline-offset:2px}
.fam-item__go{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--ok-teal)}
.fam-final{padding-top:10px}
.fam-final__panel{background:var(--ok-card-surface-quiet);border:1px solid var(--ok-card-line);border-radius:18px;padding:36px 40px}
.fam-final__t{margin:0 0 10px;font-size:clamp(22px,2.4vw,30px);line-height:1.2;font-weight:800;color:var(--ok-navy)}
.fam-final__x{margin:0 0 18px;max-width:70ch;font-size:16px;line-height:1.55;color:var(--ok-ink)}
.fam-final .fam-ctarow{margin:0}
@media(max-width:640px){.fam-final__panel{padding:24px 18px;border-radius:16px}.fam-final{padding-right:0}}
@media(max-width:1000px){.fam-hero__grid{grid-template-columns:1fr;gap:22px}.fam-hero__media{order:2}}
@media(max-width:640px){
  .fam-ctarow .d3-btn{width:100%}
  .fam-hero__pic img{max-height:200px;object-fit:cover}
  .fam-grid,.fam-relgrid,.fam-ctarow{padding-right:64px}
}