/* ============================================================
   KINDRED — the non-profit
   Scoped to body.d-kindred. 1rem = 10px.
   ============================================================ */
body.d-kindred{
  --kd-ink:#22181c;--kd-soft:#54484d;--kd-mute:#76696e;--kd-coral:#e8453c;--kd-coral2:#f97366;--kd-cream:#fff9f4;--kd-sand:#fbefe6;--kd-blue:#1d4e89;--kd-line:#efe0d6;
  --bg-primary:var(--kd-cream);--bg-secondary:var(--kd-sand);--bg-card:#fff;--bg-inset:#f8ece3;
  --fg-primary:var(--kd-ink);--fg-soft:var(--kd-soft);--fg-muted:var(--kd-mute);--border-color:var(--kd-line);--border-strong:#e2c9ba;
  background:var(--kd-cream);color:var(--kd-ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif
}
body.d-kindred h1,body.d-kindred h2,body.d-kindred h3{font-family:'Literata',Georgia,serif;font-weight:600;letter-spacing:-.02em;line-height:1.08}
.kd-kick{display:inline-flex;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--kd-coral);margin-bottom:1.4rem}
.kd-kick::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}

body.d-kindred .bx-nav{background:rgba(255,249,244,.85)}
body.d-kindred .bx-brand-mark{border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--kd-line)}
body.d-kindred .bx-brand-txt b{font-family:'Literata',serif;font-weight:600}
body.d-kindred .bx-nav-links a{font-weight:600;font-size:1.3rem;color:var(--kd-soft)}
body.d-kindred .bx-nav-links a::after{background:var(--kd-coral);height:3px;border-radius:3px}
body.d-kindred .bx-nav-cta{background:var(--kd-coral);border-radius:999px}

/* hero */
.kd-hero{padding:calc(var(--nav-h) + 6rem) 3rem 8rem;background:radial-gradient(800px 500px at 90% 0%,rgba(249,115,102,.14),transparent 60%),radial-gradient(600px 500px at 0% 100%,rgba(29,78,137,.07),transparent 60%),var(--kd-cream)}
.kd-hero-in{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.kd-chip{display:inline-flex;align-items:center;gap:1rem;padding:.6rem 1.6rem .6rem .6rem;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(34,24,28,.07);font-weight:700;font-size:1.35rem;margin-bottom:2.8rem}
.kd-chip img{width:40px;height:40px;object-fit:contain;border-radius:50%;background:#fff}
.kd-hero h1{font-size:clamp(4.4rem,6.4vw,7.8rem)}
.kd-lede{font-size:1.8rem;line-height:1.65;color:var(--kd-soft);margin-top:2.4rem;max-width:50ch}
.kd-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.4rem}
.kd-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.6rem 2.8rem;border-radius:999px;font-size:1.5rem;font-weight:700;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.kd-btn-main{background:var(--kd-coral);color:#fff;box-shadow:0 14px 32px rgba(232,69,60,.32)}
.kd-btn-main:hover{transform:translateY(-2px);background:#d63a31}
.kd-btn-soft{background:#fff;color:var(--kd-ink);box-shadow:0 0 0 1px var(--kd-line)}
.kd-btn-soft:hover{box-shadow:0 0 0 1px var(--kd-coral)}
.kd-btn-light{background:#fff;color:var(--kd-coral)}
.kd-btn-light:hover{transform:translateY(-2px)}
.kd-creds{display:flex;flex-wrap:wrap;gap:.8rem 1.8rem;margin-top:3rem}
.kd-creds li{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:600;color:var(--kd-soft)}
.kd-creds i{color:#16a34a}
.kd-art{position:relative}
.kd-photo{border-radius:32px 32px 32px 120px;overflow:hidden;aspect-ratio:4/3.6;box-shadow:0 40px 80px rgba(34,24,28,.18)}
.kd-photo img{width:100%;height:115%;object-fit:cover;will-change:transform}
.kd-float{position:absolute;left:-3rem;bottom:3rem;background:#fff;border-radius:22px;padding:2rem 2.4rem;box-shadow:0 24px 50px rgba(34,24,28,.16);display:flex;flex-direction:column}
.kd-float b{font-family:'Literata',serif;font-size:4rem;color:var(--kd-coral);line-height:1}
.kd-float span{font-size:1.3rem;font-weight:600;color:var(--kd-mute);margin-top:.4rem}

.kd-impact{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:var(--kd-blue);color:#fff;border-radius:28px;overflow:hidden;position:relative;top:-3rem;box-shadow:0 30px 60px rgba(29,78,137,.25)}
.kd-impact>div{padding:3.4rem 3rem;border-left:1px solid rgba(255,255,255,.12)}
.kd-impact>div:first-child{border-left:0}
.kd-impact b{display:block;font-family:'Literata',serif;font-size:clamp(3.6rem,4.4vw,5rem);line-height:1}
.kd-impact span{display:block;font-size:1.4rem;color:rgba(255,255,255,.75);margin-top:.8rem}

/* sections */
.kd-sec{padding:9rem 3rem 0}
.kd-sec>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}
.kd-head{text-align:center;margin-bottom:4.6rem;max-width:760px!important}
.kd-head .kd-kick{justify-content:center}
.kd-sec h2{font-size:clamp(3.4rem,4.6vw,5.4rem)}

.kd-prog{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.kd-prog-card{background:#fff;border-radius:28px;overflow:hidden;border:1px solid var(--kd-line);transition:transform .35s var(--ease),box-shadow .35s}
.kd-prog-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(34,24,28,.12)}
.kd-prog-img{display:block;aspect-ratio:4/3;overflow:hidden}
.kd-prog-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.kd-prog-card:hover .kd-prog-img img{transform:scale(1.06)}
.kd-prog-body{position:relative;padding:3.4rem 2.8rem 3rem}
.kd-prog-ico{position:absolute;top:-2.8rem;left:2.8rem;width:56px;height:56px;border-radius:18px;background:var(--kd-coral);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 12px 26px rgba(232,69,60,.35)}
.kd-prog-body h3{font-size:2.6rem}
.kd-prog-body p{font-size:1.55rem;color:var(--kd-soft);line-height:1.6;margin-top:.8rem}

.kd-about{display:grid;grid-template-columns:1.2fr .8fr;gap:6rem;align-items:start}
.kd-about h2{margin-bottom:2.4rem}
.kd-p{font-size:1.7rem;line-height:1.8;color:var(--kd-soft)}
.kd-p+.kd-p{margin-top:1.4rem}
.kd-side{display:grid;gap:1.4rem;position:sticky;top:calc(var(--nav-h) + 3rem)}
.kd-badges{background:#fff;border-radius:24px;padding:2.8rem;border:1px solid var(--kd-line)}
.kd-badges h3{font-size:2rem;margin-bottom:1.6rem}
.kd-badges ul{display:grid;gap:1rem}
.kd-badges li{display:flex;align-items:center;gap:1rem;font-size:1.45rem;font-weight:600}
.kd-badges i{color:var(--kd-blue)}
.kd-note{display:flex;gap:1.4rem;align-items:center;background:var(--kd-sand);border-radius:20px;padding:2rem 2.2rem}
.kd-note i{font-size:2rem;color:var(--kd-coral)}
.kd-note b{display:block;font-size:1.6rem}
.kd-note small{font-size:1.3rem;color:var(--kd-mute)}

.kd-centres{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.6rem}
.kd-centre{background:#fff;border-radius:24px;padding:3rem;border:1px solid var(--kd-line);display:flex;flex-direction:column;gap:1rem}
.kd-centre>i{font-size:2.2rem;color:var(--kd-coral)}
.kd-centre h3{font-size:2.2rem}
.kd-centre p{font-size:1.5rem;color:var(--kd-soft);line-height:1.6;flex:1}
.kd-centre a{font-weight:700;font-size:1.4rem;color:var(--kd-blue);display:inline-flex;gap:.6rem;align-items:center}

.kd-gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:1.2rem}
.kd-gal-item{padding:0;border-radius:20px;overflow:hidden;cursor:zoom-in}
.kd-gal-item:nth-child(6n+1){grid-column:span 2;grid-row:span 2}
.kd-gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.kd-gal-item:hover img{transform:scale(1.05)}
.kd-rev{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}
.kd-rev figure{background:#fff;border-radius:24px;padding:3rem;border:1px solid var(--kd-line)}
.kd-rev blockquote{font-family:'Literata',serif;font-size:2rem;line-height:1.5}

.kd-give{position:relative;overflow:hidden;margin:9rem 2rem 0;border-radius:36px;background:var(--kd-coral);color:#fff;isolation:isolate}
.kd-give-bg{position:absolute;inset:-25% 0;z-index:-2;background-size:cover;background-position:center;will-change:transform}
.kd-give::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(232,69,60,.94),rgba(232,69,60,.78) 55%,rgba(29,78,137,.7))}
.kd-give-in{max-width:880px;margin:0 auto;padding:9rem 3rem;text-align:center}
.kd-give h2{font-size:clamp(3.4rem,4.6vw,5.4rem)}
.kd-give p{font-size:1.7rem;opacity:.9;margin:2rem 0 3rem}
.kd-give .kd-btn{margin-top:2.4rem}
body.d-kindred .hours-card{max-width:none}

.kd-contact{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:5rem;border-radius:36px;background:#fff;border:1px solid var(--kd-line)}
.kd-contact-lede{font-size:1.6rem;line-height:1.65;color:var(--kd-soft);margin:1.8rem 0 3rem}
.kd-social{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}
body.d-kindred .ci{border-radius:18px}
body.d-kindred .ci-ico{background:#fde8e6;color:var(--kd-coral)}
body.d-kindred .contact-form{border-radius:26px;background:var(--kd-sand);border:0}
body.d-kindred .contact-form h3{font-family:'Literata',serif;font-size:2.6rem;margin-bottom:1.6rem}
body.d-kindred .cf-field input,body.d-kindred .cf-field textarea{border-radius:14px;background:#fff}
body.d-kindred .btn-onbiz{background:var(--kd-coral);border-radius:999px;text-transform:none;letter-spacing:0;font-size:1.55rem}
.kd-map{margin-top:3rem}
body.d-kindred .biz-map{border-radius:26px}
.kd-share{max-width:var(--max-w);margin:4rem auto 0;padding:0 3rem}
body.d-kindred .bx-foot{background:var(--kd-sand);border-top:0;margin-top:6rem}
.kd-hero-in>*,.kd-about>*,.kd-contact>*{min-width:0}

@media (max-width:980px){
  .kd-hero-in,.kd-about,.kd-contact{grid-template-columns:1fr}
  .kd-side{position:static}
  .kd-gal{grid-template-columns:repeat(3,1fr)}
  .kd-contact{padding:3rem}
}
@media (max-width:640px){
  .kd-hero{padding:calc(var(--nav-h) + 3rem) 1.6rem 6rem}
  .kd-float{left:1rem;bottom:-2rem;padding:1.4rem 1.8rem}
  .kd-float b{font-size:3rem}
  .kd-impact{margin:0 1.6rem;grid-template-columns:1fr 1fr;top:-2rem}
  .kd-impact>div{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:2.2rem 1.8rem}
  .kd-sec{padding:7rem 1.6rem 0}
  .kd-gal{grid-template-columns:1fr 1fr;grid-auto-rows:150px}
  .kd-give{margin:7rem 1rem 0;border-radius:26px}
  .kd-give-in{padding:6rem 2rem}
  .kd-contact{padding:2rem;border-radius:26px}
  .kd-share{padding:0 1.6rem}
}