/*
  ASHA CIRCLE ASSOCIATION — style.css
  Inspired by Girls Who Code: bold type, bright sections, clean white space
  Colours from new logo: orange #E8651A, red #C41E00, green #2E7D32, white, dark #1A1A1A
*/

:root {
  --orange:    #E8651A;
  --orange-lt: #FFF0E8;
  --orange-dk: #C04A08;
  --red:       #C41E00;
  --red-lt:    #FDECEA;
  --green:     #2E7D32;
  --green-lt:  #E8F5E9;
  --navy:      #1A237E;   /* deep blue for accents */
  --ink:       #1A1A1A;
  --muted:     #5A5A5A;
  --white:     #FFFFFF;
  --off-white: #F9F8F6;
  --sand:      #F4F0EB;
  --border:    #E8E0D8;
  --border-lt: rgba(232,101,26,0.15);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:Arial,Helvetica,sans-serif;background:var(--white);color:var(--ink);font-size:16px;line-height:1.7;overflow-x:hidden;}

/* ── STICKY NAV (GWC style: white bg, bold logo, clean links) ── */
nav{
  background:var(--white);
  padding:0 4rem;
  display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:300;
  min-height:72px;
  border-bottom:3px solid var(--orange);
  box-shadow:0 2px 16px rgba(0,0,0,.08);
}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;}
.nav-logo{width:54px;height:54px;object-fit:contain;}
.nav-name{font-size:18px;font-weight:900;color:var(--ink);display:block;line-height:1.1;letter-spacing:-.02em;}
.nav-sub{font-size:9px;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.14em;}
.nav-links{display:flex;list-style:none;align-items:center;gap:.25rem;height:72px;}
.nav-links li{display:flex;align-items:center;}
.nav-links a{
  font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none;
  padding:0 .9rem;display:flex;align-items:center;height:72px;
  border-bottom:3px solid transparent;margin-bottom:-3px;
  transition:color .2s,border-color .2s;white-space:nowrap;
}
.nav-links a:hover{color:var(--orange);border-bottom-color:var(--orange);}
.nav-cta{
  background:var(--orange)!important;color:var(--white)!important;
  border-radius:4px;border-bottom:none!important;margin-bottom:0!important;
  padding:10px 22px!important;font-size:13.5px!important;font-weight:700!important;
  margin-left:.5rem;transition:background .2s!important;
}
.nav-cta:hover{background:var(--orange-dk)!important;}
.mob-btn{display:none;background:none;border:none;color:var(--ink);font-size:26px;cursor:pointer;padding:4px 8px;}

/* ── HERO (GWC: big bold headline, left text, strong colour split) ── */
.hero{
  background:var(--ink);
  display:grid;grid-template-columns:1fr 1fr;
  min-height:88vh;position:relative;overflow:hidden;
}
.hero::after{
  content:'';position:absolute;bottom:-1px;left:0;right:0;
  height:60px;background:var(--white);
  clip-path:polygon(0 100%,100% 0,100% 100%);
}
.hero-left{
  padding:6rem 4rem 8rem 4rem;
  display:flex;flex-direction:column;justify-content:center;
  position:relative;z-index:1;
}
.hero-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--orange);display:block;margin-bottom:1.25rem;}
.hero-h1{font-size:62px;font-weight:900;color:var(--white);line-height:.98;letter-spacing:-.03em;margin-bottom:1.5rem;}
.hero-h1 em{color:var(--orange);font-style:normal;}
.hero-sub{font-size:18px;color:rgba(255,255,255,.65);max-width:440px;line-height:1.65;margin-bottom:2.5rem;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.hero-tagline{
  font-size:14px;font-weight:700;color:var(--orange);
  text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.5rem;
}
.hero-right{
  overflow:hidden;position:relative;z-index:1;
}
.hero-img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;
}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}

/* ── PILL STATS BAR ── */
.stats-bar{background:var(--white);border-bottom:1px solid var(--border);}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:1080px;margin:0 auto;}
.stat-item{padding:2rem 1.5rem;text-align:center;border-right:1px solid var(--border);}
.stat-item:last-child{border-right:none;}
.stat-num{font-size:48px;font-weight:900;color:var(--orange);display:block;line-height:1;letter-spacing:-.03em;}
.stat-label{font-size:12px;color:var(--muted);display:block;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;}

/* ── SECTION HELPERS ── */
.section{padding:5.5rem 4rem;}
.section.bg-white{background:var(--white);}
.section.bg-off{background:var(--off-white);}
.section.bg-sand{background:var(--sand);}
.section.bg-ink{background:var(--ink);}
.section.bg-orange{background:var(--orange);}
.section.bg-green{background:var(--green);}
.section.bg-red{background:var(--red);}
.s-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--orange);display:block;margin-bottom:1rem;}
.s-eyebrow.white{color:rgba(255,255,255,.7);}
.s-eyebrow.green{color:var(--green);}
.s-title{font-size:42px;font-weight:900;color:var(--ink);line-height:1.05;letter-spacing:-.02em;margin-bottom:1rem;}
.s-title.light{color:var(--white);}
.s-title span{color:var(--orange);}
.s-title.light span{color:var(--orange);}
.s-sub{font-size:17px;color:var(--muted);max-width:580px;line-height:1.75;margin-bottom:2.5rem;}
.s-sub.light{color:rgba(255,255,255,.65);}
.s-sub.wide{max-width:780px;}
.center{text-align:center;}.center .s-sub{margin-left:auto;margin-right:auto;}

/* ── TICKER ── */
.ticker{background:var(--orange);padding:10px 0;overflow:hidden;white-space:nowrap;}
.ticker-inner{display:inline-block;animation:tick 28s linear infinite;}
.ticker-inner span{font-size:10px;font-weight:700;letter-spacing:.15em;color:#fff;margin:0 2.5rem;text-transform:uppercase;}
.ticker-inner span::before{content:'●';margin-right:2.5rem;opacity:.4;font-size:6px;vertical-align:middle;}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ── ABOUT / MISSION (two-col) ── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.two-col.flip{direction:rtl;} .two-col.flip>*{direction:ltr;}
.mission-accent{
  font-size:80px;font-weight:900;
  background:linear-gradient(135deg,var(--orange),var(--red));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  line-height:1;letter-spacing:-.04em;margin-bottom:.5rem;
}
.check-list{display:flex;flex-direction:column;gap:10px;margin-top:1.25rem;}
.check-row{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--ink);font-weight:700;line-height:1.4;}
.check-dot{width:22px;height:22px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0;margin-top:1px;}

/* ── PROGRAMME CARDS (GWC: bold colour blocks) ── */
.prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.prog-card{padding:3.5rem 2.75rem;text-decoration:none;display:block;transition:filter .2s,transform .2s;position:relative;overflow:hidden;}
.prog-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.2);}
/* Colour accent bar on left side */
.prog-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:6px;background:rgba(255,255,255,.2);}
.prog-card:hover{transform:translateY(-5px);filter:brightness(1.07);}
.prog-card.c1{background:var(--orange);}
.prog-card.c2{background:var(--ink);}
.prog-card.c3{background:var(--red);}
.prog-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.5);margin-bottom:1rem;display:block;}
.prog-card h3{font-size:34px;font-weight:900;color:#fff;margin-bottom:1rem;line-height:1.0;letter-spacing:-.02em;}
.prog-card p{font-size:14.5px;color:rgba(255,255,255,.8);line-height:1.7;}
.prog-more{display:inline-block;margin-top:1.5rem;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.9);border-bottom:2px solid rgba(255,255,255,.35);padding-bottom:2px;}

/* ── 90-DAY CHALLENGE (big feature section) ── */
.challenge-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:start;}
.challenge-phases{display:flex;flex-direction:column;gap:16px;margin-top:2rem;}
.phase{border-radius:10px;padding:1.75rem 2rem;border-left:5px solid var(--orange);}
.phase.p1{background:var(--orange-lt);border-left-color:var(--orange);}
.phase.p2{background:#FFF5F5;border-left-color:var(--red);}
.phase.p3{background:var(--green-lt);border-left-color:var(--green);}
.phase-month{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--orange);margin-bottom:4px;}
.phase.p2 .phase-month{color:var(--red);}
.phase.p3 .phase-month{color:var(--green);}
.phase-title{font-size:19px;font-weight:900;color:var(--ink);margin-bottom:.5rem;}
.phase-desc{font-size:14px;color:var(--muted);line-height:1.65;}
.challenge-sidebar{position:sticky;top:90px;}
.join-card{background:var(--orange);border-radius:12px;padding:2.5rem;color:#fff;}
.join-card h3{font-size:26px;font-weight:900;margin-bottom:.75rem;line-height:1.1;}
.join-card p{font-size:15px;color:rgba(255,255,255,.85);margin-bottom:1.75rem;line-height:1.65;}
.join-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.75rem;}
.js{background:rgba(255,255,255,.15);border-radius:8px;padding:1.1rem;text-align:center;}
.js-num{font-size:32px;font-weight:900;color:#fff;display:block;line-height:1;}
.js-label{font-size:10px;color:rgba(255,255,255,.7);display:block;margin-top:3px;text-transform:uppercase;letter-spacing:.08em;}
.wa-card{background:var(--ink);border-radius:12px;padding:2rem;margin-top:16px;text-align:center;}
.wa-card h4{font-size:18px;font-weight:900;color:#fff;margin-bottom:.5rem;}
.wa-card p{font-size:14px;color:rgba(255,255,255,.55);margin-bottom:1.25rem;}

/* ── TEACHINGS GRID ── */
.teach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;}
.teach{background:var(--white);padding:1.75rem;border-top:5px solid var(--orange);}
.teach:nth-child(4n+2){border-top-color:var(--red);}
.teach:nth-child(4n+3){border-top-color:var(--green);}
.teach:nth-child(4n+4){border-top-color:var(--navy);}
.t-n{font-size:38px;font-weight:900;color:rgba(232,101,26,.07);line-height:1;}
.t-t{font-size:12px;font-weight:700;color:var(--orange);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em;}
.teach:nth-child(4n+2) .t-t{color:var(--red);}
.teach:nth-child(4n+3) .t-t{color:var(--green);}
.teach:nth-child(4n+4) .t-t{color:var(--navy);}
.teach p{font-size:13px;color:var(--muted);line-height:1.6;}

/* ── TIMELINE ── */
.timeline{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px;}
.tl-card{background:var(--white);border-radius:8px;border:1.5px solid var(--border);padding:2rem;display:grid;grid-template-columns:68px 1px 1fr;gap:1.5rem;align-items:start;box-shadow:0 2px 12px rgba(0,0,0,.05);}
.tl-d{text-align:center;}
.tl-mo{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);}
.tl-dy{font-size:40px;font-weight:900;color:var(--ink);line-height:1;letter-spacing:-.03em;}
.tl-yr{font-size:12px;color:var(--muted);}
.tl-vl{background:var(--border);align-self:stretch;}
.tl-c h3{font-size:19px;font-weight:900;color:var(--ink);margin-bottom:7px;}
.tl-c p{font-size:14px;color:var(--muted);line-height:1.7;}
.tl-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:.75rem;}
.pill{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 10px;border-radius:20px;}
.p-or{background:var(--orange-lt);color:#8B3A0A;}
.p-rd{background:var(--red-lt);color:#8B0000;}
.p-gn{background:var(--green-lt);color:#1B5E20;}
.p-dk{background:#EBEBEB;color:#333;}

/* ── SOCIAL COMMUNITY CTA ── */
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto;}
.social-card{border-radius:12px;padding:2.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;}
.social-card.fb{background:var(--ink);}
.social-card.ig{background:linear-gradient(135deg,#833AB4,#C13584,#E1306C,#F77737);}
.social-card.wa{background:#25D366;grid-column:1/-1;}
.sc-icon{font-size:40px;}
.sc-title{font-size:22px;font-weight:900;color:#fff;line-height:1.1;}
.sc-desc{font-size:14.5px;color:rgba(255,255,255,.78);line-height:1.65;flex:1;}
.sc-mem{font-size:12px;font-weight:700;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.1em;}
.wa-big{display:flex;align-items:center;gap:2rem;width:100%;}
.wa-text{flex:1;}
.wa-big .sc-title{font-size:28px;}
.wa-big .sc-desc{font-size:16px;color:rgba(255,255,255,.88);}

/* ── TEAM ROUND TABLE ── */
.rt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:960px;margin:0 auto;}
.rt-card{background:var(--white);border-radius:10px;border:1.5px solid var(--border);overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 14px rgba(0,0,0,.06);border-top:5px solid var(--orange);}
.rt-card:nth-child(2){border-top-color:var(--red);}
.rt-card:nth-child(3){border-top-color:var(--green);}
.rt-card:nth-child(4){border-top-color:var(--navy);}
.rt-card:nth-child(5){border-top-color:#7B61FF;}
.rt-card:nth-child(6){border-top-color:#E8A820;}
.rt-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(0,0,0,.1);}
.rt-av{height:130px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;background:var(--sand);color:var(--orange);}
.rt-av img{width:100%;height:100%;object-fit:cover;object-position:top;}
.rt-body{padding:1.5rem;}
.rt-name{font-size:17px;font-weight:900;color:var(--ink);margin-bottom:3px;}
.rt-role{font-size:11px;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);}
.rt-bio{font-size:13px;color:var(--muted);line-height:1.65;}
.rt-intro{text-align:center;max-width:640px;margin:0 auto 3rem;font-size:16px;color:var(--muted);line-height:1.75;}
.rt-quote{text-align:center;font-size:20px;font-weight:700;color:var(--orange);margin:3rem auto 0;max-width:560px;font-style:italic;}

/* ── CONNECT/FORM ── */
.connect-wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:960px;margin:0 auto;}
.form-card{background:var(--white);border-radius:10px;border:1.5px solid var(--border);padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.07);}
.form-card h3{font-size:24px;font-weight:900;color:var(--ink);margin-bottom:.4rem;}
.form-card>p{font-size:14px;color:var(--muted);margin-bottom:1.75rem;}
.fg{margin-bottom:1.1rem;}
.fg label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-bottom:5px;}
.fg input,.fg select,.fg textarea{width:100%;padding:11px 14px;border:2px solid var(--border);border-radius:5px;font-size:15px;font-family:Arial,sans-serif;background:var(--off-white);color:var(--ink);transition:border-color .2s;outline:none;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--orange);background:#fff;}
.fg textarea{min-height:110px;resize:vertical;}
.connect-aside{display:flex;flex-direction:column;gap:16px;}
.donate-card{background:var(--orange);border-radius:10px;padding:2rem;}
.donate-card h4{font-size:17px;font-weight:900;color:#fff;margin-bottom:.5rem;}
.donate-card p{font-size:14px;color:rgba(255,255,255,.85);margin-bottom:1.25rem;line-height:1.65;}
.dr{background:rgba(255,255,255,.18);border-radius:5px;padding:9px 13px;font-size:13px;color:#fff;margin-bottom:7px;}
.dr-l{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.75;display:block;margin-bottom:1px;}
.info-box{background:var(--ink);border-radius:10px;padding:1.75rem;}
.info-box h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:.65rem;}
.info-box p{font-size:13.5px;color:rgba(255,255,255,.45);line-height:1.65;margin-bottom:.75rem;}

/* ── BUTTONS ── */
.btn{display:inline-block;text-decoration:none;cursor:pointer;border:none;font-family:Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;padding:14px 28px;border-radius:5px;transition:transform .15s,background .2s,opacity .2s;}
.btn:hover{transform:translateY(-2px);opacity:.93;}
.btn-orange{background:var(--orange);color:#fff;}
.btn-orange:hover{background:var(--orange-dk);opacity:1;}
.btn-red{background:var(--red);color:#fff;}
.btn-green{background:var(--green);color:#fff;}
.btn-ink{background:var(--ink);color:#fff;}
.btn-white{background:var(--white);color:var(--ink);}
.btn-white:hover{background:var(--off-white);opacity:1;}
.btn-ow{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);}
.btn-ow:hover{background:rgba(255,255,255,.1);opacity:1;}
.btn-outline-or{background:transparent;color:var(--orange);border:2px solid var(--orange);}
.btn-outline-or:hover{background:var(--orange);color:#fff;opacity:1;}
.btn-sm{padding:9px 18px;font-size:12.5px;}

/* ── CTA BANDS ── */
.cta-band{padding:5.5rem 4rem;text-align:center;}
.cta-band.ink{background:var(--ink);}
.cta-band.orange{background:var(--orange);}
.cta-band.green{background:var(--green);}
.cta-band.red{background:var(--red);}
.cta-band h2{font-size:44px;font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.02em;margin-bottom:.75rem;}
.cta-band p{font-size:18px;color:rgba(255,255,255,.72);max-width:540px;margin:0 auto 2.5rem;}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ── PAGE HERO (team page) ── */
.page-hero{background:var(--ink);padding:5.5rem 4rem 5rem;position:relative;overflow:hidden;border-bottom:4px solid var(--orange);}
.page-hero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:56px;background:var(--white);clip-path:polygon(0 100%,100% 0,100% 100%);}
.ph-label{color:var(--orange);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;display:block;margin-bottom:1rem;}
.page-hero h1{font-size:52px;font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.02em;margin-bottom:1rem;max-width:600px;}
.page-hero h1 span{color:var(--orange);}
.page-hero p{font-size:18px;color:rgba(255,255,255,.55);max-width:540px;}

/* ── FOOTER ── */
footer{background:var(--ink);padding:4rem 4rem 2rem;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2rem;}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:1rem;}
.footer-logo{width:50px;height:50px;object-fit:contain;border-radius:6px;background:var(--white);padding:3px;}
.footer-name{font-size:15px;font-weight:700;color:#fff;}
.footer-tag{font-size:13px;color:rgba(255,255,255,.3);line-height:1.7;max-width:260px;margin-bottom:1rem;}
.footer-col h4{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.25);margin-bottom:1.25rem;}
.footer-col a{display:block;font-size:13.5px;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:9px;transition:color .2s;}
.footer-col a:hover{color:var(--orange);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.2);}
.soc-row{display:flex;gap:8px;margin-top:1rem;}
.si{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;color:rgba(255,255,255,.4);transition:background .2s,color .2s;}
.si:hover{background:var(--orange);color:#fff;}

/* ── MOBILE ── */
@media(max-width:960px){
  nav{padding:0 1.25rem;}
  .nav-links{display:none;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--white);padding:1rem 0;height:auto;z-index:500;border-bottom:3px solid var(--orange);box-shadow:0 8px 20px rgba(0,0,0,.1);}
  .nav-links.open{display:flex;}
  .nav-links li{height:auto;}
  .nav-links a{padding:12px 1.5rem;height:auto;border-bottom:none!important;}
  .mob-btn{display:block;}
  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero-left{padding:4rem 1.5rem 3rem;}
  .hero-h1{font-size:40px;}
  .hero-right{min-height:280px;}
  .hero-img{object-position:center top;}
  .section{padding:3.5rem 1.5rem;}
  .s-title{font-size:30px;}
  .two-col,.challenge-layout,.connect-wrap,.social-grid{grid-template-columns:1fr;}
  .social-card.wa{grid-column:auto;}
  .wa-big{flex-direction:column;gap:1rem;}
  .prog-grid,.teach-grid,.rt-grid{grid-template-columns:1fr;}
  .stats-inner{grid-template-columns:repeat(2,1fr);}
  .tl-card{grid-template-columns:1fr;gap:1rem;}
  .tl-vl{display:none;}
  .footer-grid{grid-template-columns:1fr;gap:2rem;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .cta-band{padding:3.5rem 1.5rem;}
  .cta-band h2{font-size:30px;}
  .page-hero{padding:3.5rem 1.5rem 4rem;}
  .page-hero h1{font-size:34px;}
}

/* ── TEAM PAGE HERO — split layout with logo ── */
.team-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  min-height: 480px;
}
.team-hero-left {
  padding: 5rem 4rem 5.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.team-hero-left .ph-label { display: block; margin-bottom: 1rem; }
.team-hero-left h1 { margin-bottom: 1.25rem; }
.team-hero-left p {
  font-size: 17px;
  color: rgba(255,255,255,.6);
  max-width: 440px;
  line-height: 1.7;
}
.team-hero-tagline {
  font-size: 15px;
  font-weight: 700;
  color: var(--orange);
  text-transform: uppercase;
  letter-spacing: .12em;
  margin-bottom: 1.25rem;
}
.team-hero-right {
  background: var(--off-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  position: relative;
  overflow: hidden;
}
/* Subtle diagonal stripe background matching hero */
.team-hero-right::before {
  content: '';
  position: absolute; inset: 0;
  background-image: repeating-linear-gradient(
    135deg, transparent, transparent 50px,
    rgba(232,101,26,.04) 50px, rgba(232,101,26,.04) 51px
  );
}
.team-hero-logo {
  width: 380px;
  height: 380px;
  max-width: 88%;
  object-fit: contain;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 8px 40px rgba(0,0,0,.12));
  animation: float 5s ease-in-out infinite;
}
/* Override page-hero::after clip for team page so edge is clean */
.team-hero::after {
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  background: var(--white);
}

@media(max-width:960px){
  .team-hero { grid-template-columns: 1fr; min-height: auto; }
  .team-hero-left { padding: 3.5rem 1.5rem 3rem; }
  .team-hero-right { min-height: 240px; padding: 2rem; }
  .team-hero-logo { width: 200px; height: 200px; }
}