:root{
    --sand:#F5F3EC;
    --card:#FFFFFF;
    --ink:#01313D;
    --ink-soft:#4C6064;
    --turmeric:#F7941D;
    --turmeric-deep:#A85E0E;
    --amber-light:#FCB040;
    --betel:#0F5C63;
    --teal:#01313D;
    --teal-card:#0B3E48;
    --gray-line:#D2D3D5;
    --line: rgba(1,49,61,0.14);
    --line-on-teal: rgba(255,255,255,0.16);
    --on-teal-heading:#FFFFFF;
    --on-teal-body: rgba(255,255,255,0.74);
    --on-teal-muted: rgba(255,255,255,0.5);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--sand);
    color:var(--ink);
    font-family:'Karla', sans-serif;
    font-weight:400;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  img,svg{display:block;max-width:100%;}
  a{color:inherit;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  .eyebrow{
    font-family:'Karla', sans-serif;
    font-size:12.5px;
    font-weight:700;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--turmeric-deep);
  }
  .eyebrow.on-teal{color:var(--amber-light);}
  h1,h2,h3{
    font-family:'Spectral', serif;
    font-weight:500;
    margin:0;
    color:var(--ink);
    letter-spacing:-0.01em;
  }
  h2{font-size:clamp(30px,4vw,44px); line-height:1.1;}
  p{margin:0;}
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    html{scroll-behavior:auto;}
  }

  /* Header */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(245,243,236,0.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;max-width:1180px;margin:0 auto;}
  .brand{display:flex;align-items:center;gap:12px;font-family:'Spectral',serif;font-weight:600;font-size:19px;text-decoration:none;color:var(--ink);}
  .brand img{width:56px;height:56px;flex-shrink:0;}
  .nav-links{display:flex;gap:26px;font-size:14px;}
  .nav-links a{text-decoration:none;color:var(--ink-soft);}
  .nav-links a:hover{color:var(--ink);}
  .nav-cta{
    font-family:'Karla', sans-serif;
    font-weight:700;
    font-size:13px;
    padding:10px 18px;
    background:var(--ink);
    color:var(--sand);
    border-radius:3px;
    text-decoration:none;
    white-space:nowrap;
  }
  .nav-cta:hover{background:var(--betel);}

  /* Masthead / hero */
  .masthead{padding:64px 0 0;}
  .masthead-top{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px;}
  .masthead-top-text{display:flex;flex-direction:column;gap:16px;}
  /* Interior page header */
  .page-header{padding:56px 0 44px;border-bottom:1px solid var(--line);}
  .page-header h1{font-size:clamp(32px,4.6vw,54px);line-height:1.05;max-width:18ch;margin:14px 0 16px;}
  .page-header p.lead{font-size:17.5px;color:var(--ink-soft);max-width:60ch;}

  .masthead h1{
    font-size:clamp(38px,6.4vw,84px);
    line-height:0.98;
    max-width:14ch;
    font-weight:500;
  }
  .masthead h1 em{font-style:italic;color:var(--turmeric-deep);}
  .masthead-meta{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0.04em;color:var(--ink-soft);line-height:1.7;}
  .hero-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.2fr 1fr;gap:10px;height:100%;max-height:340px;}
  .hero-collage .photo-frame:nth-child(1){grid-row:1 / 3;}
  .hero-collage .photo-frame:nth-child(2){grid-column:2;}
  .hero-collage .photo-frame:nth-child(3){grid-column:2;}
  .masthead-lower{padding:36px 0 0;}
  .masthead-lower p.lead{font-size:18.5px;color:var(--ink-soft);max-width:64ch;}
  .btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}
  .btn{
    font-family:'Karla', sans-serif;
    font-weight:700;
    font-size:13.5px;
    padding:14px 22px;
    border-radius:3px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid transparent;
  }
  .btn-primary{background:var(--turmeric);color:var(--ink);}
  .btn-primary:hover{background:var(--amber-light);}
  .btn-secondary{border-color:var(--ink);color:var(--ink);}
  .btn-secondary:hover{background:var(--ink);color:var(--sand);}

  /* Now showing strip */
  .now-showing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:44px;}
  .now-showing .eyebrow{margin-bottom:16px;display:block;}
  .now-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;}
  .now-list li{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13.5px;padding-right:16px;border-right:1px solid var(--line);}
  .now-list li:last-child{border-right:none;}
  .now-list .fmt{font-family:'Karla',sans-serif;font-size:10.5px;font-weight:700;color:var(--turmeric-deep);text-transform:uppercase;letter-spacing:0.04em;order:-1;}

  /* Stat band */
  .stat-band{background:var(--ink);padding:0;}
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);}
  .stat{padding:40px 28px;border-right:1px solid var(--line-on-teal);}
  .stat:last-child{border-right:none;}
  .stat-num{font-family:'Spectral',serif;font-size:clamp(30px,3.4vw,46px);color:var(--amber-light);line-height:1;margin-bottom:10px;}
  .stat-label{font-family:'Karla',sans-serif;font-size:11.5px;font-weight:600;color:var(--on-teal-muted);text-transform:uppercase;letter-spacing:0.05em;line-height:1.5;}

  /* Section shell */
  section{padding:96px 0;}
  .section-tag{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
  .section-tag .line{flex:1;height:1px;background:var(--line);}

  /* Mission editorial spread */
  .mission-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;}
  .mission-quote{
    font-family:'Spectral',serif;font-style:italic;font-weight:400;
    font-size:clamp(24px,2.6vw,32px);line-height:1.28;color:var(--ink);
  }
  .mission-body p{color:var(--ink-soft);font-size:16.5px;margin-bottom:18px;}
  .mission-body p:last-child{margin-bottom:0;}
  .mission-body strong{color:var(--ink);font-weight:600;}

  /* Index / table of contents */
  .index-row{
    display:grid;grid-template-columns:60px 1.1fr 1.4fr;gap:28px;align-items:start;
    padding:26px 0;border-top:1px solid var(--line);
  }
  .index-list .index-row:last-child{border-bottom:1px solid var(--line);}
  .index-num{font-family:'Karla',sans-serif;font-size:14px;font-weight:700;color:var(--turmeric-deep);padding-top:4px;}
  .index-row h3{font-size:22px;}
  .index-row p{color:var(--ink-soft);font-size:15px;}

  /* Community stories */
  .stories-strip{background:var(--teal);}
  .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-on-teal);border-top:1px solid var(--line-on-teal);border-bottom:1px solid var(--line-on-teal);}
  .story{background:var(--teal);padding:40px 32px;}
  .story-quote{font-family:'Spectral',serif;font-style:italic;font-size:19px;color:var(--on-teal-heading);line-height:1.4;margin-bottom:22px;}
  .story-who{font-family:'Karla',sans-serif;font-size:11.5px;font-weight:600;color:var(--on-teal-muted);text-transform:uppercase;letter-spacing:0.04em;}
  .stories-note{font-family:'Karla',sans-serif;font-size:11.5px;color:var(--on-teal-muted);text-align:center;padding:16px 0;}

  /* Watch and follow */
  .watch-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
  .watch-panel{background:var(--card);padding:40px;display:flex;flex-direction:column;gap:16px;}
  .watch-panel h3{font-size:24px;}
  .watch-panel p{color:var(--ink-soft);font-size:15px;}
  .watch-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 10px;}
  .watch-thumb{aspect-ratio:9/16;border-radius:6px;position:relative;display:flex;align-items:flex-end;padding:8px;overflow:hidden;}
  .watch-thumb.yt{background:linear-gradient(155deg,#0B3E48,#01313D);}
  .watch-thumb.ig{background:linear-gradient(155deg,#FDE9C8,#FBC978);}
  .watch-thumb span{font-family:'Karla',sans-serif;font-size:9.5px;color:#fff;background:rgba(1,49,61,0.55);padding:3px 6px;border-radius:3px;}
  .watch-thumb.ig span{color:var(--ink);background:rgba(255,255,255,0.65);}
  .play-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center;}
  .play-dot::after{content:"";border-left:9px solid var(--ink);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px;}

  /* Growth map */
  .growth{background:var(--teal);color:var(--on-teal-body);padding:96px 0;}
  .growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .growth h2{color:var(--on-teal-heading);}
  .growth-body p{color:var(--on-teal-body);font-size:16px;margin-bottom:16px;}
  .city-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
  .city-tags span{font-family:'Karla',sans-serif;font-size:12px;font-weight:600;color:var(--on-teal-heading);border:1px solid var(--line-on-teal);padding:6px 12px;border-radius:20px;}
  .map-frame{position:relative;}
  .map-frame svg{width:100%;height:auto;}

  /* Professionals band */
  .pro-band{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .pro-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
  .pro-list span{font-family:'Karla',sans-serif;font-size:12.5px;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);padding:7px 13px;border-radius:20px;}

  /* Involve index */
  .involve-row{display:grid;grid-template-columns:60px 1fr auto;gap:24px;align-items:center;padding:28px 0;border-top:1px solid var(--line);}
  .involve-list .involve-row:last-child{border-bottom:1px solid var(--line);}
  .involve-row h3{font-size:22px;margin-bottom:6px;}
  .involve-row p{color:var(--ink-soft);font-size:14.5px;}

  /* Footer */
  footer{background:var(--ink);color:var(--on-teal-body);padding:64px 0 32px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;}
  .footer-brand{display:flex;align-items:center;gap:12px;font-family:'Spectral',serif;font-size:21px;color:var(--on-teal-heading);margin-bottom:14px;}
  .footer-brand img{width:44px;height:44px;}
  .footer-grid p{font-size:14px;color:var(--on-teal-muted);max-width:32ch;}
  .footer-col h4{
    font-family:'Karla',sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:0.06em;
    color:var(--on-teal-muted);margin-bottom:16px;font-weight:700;
  }
  .footer-col a{display:block;font-size:14px;color:var(--on-teal-body);text-decoration:none;margin-bottom:10px;}
  .footer-col a:hover{color:var(--amber-light);}
  .ambizcon-note{border-top:1px solid var(--line-on-teal);padding-top:28px;margin-bottom:24px;}
  .ambizcon-note p{font-size:13.5px;line-height:1.7;color:var(--on-teal-muted);max-width:76ch;}
  .ambizcon-note strong{color:var(--on-teal-heading);font-weight:700;}
  .footer-bottom{border-top:1px solid var(--line-on-teal);padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-family:'Karla',sans-serif;font-weight:600;font-size:11px;color:var(--on-teal-muted);flex-wrap:wrap;gap:10px;}
  .built-by{display:inline-flex;align-items:center;gap:8px;}
  .built-by-logo{height:20px;width:auto;}

  /* Photo placeholder frames, used wherever real photography belongs */
  .photo-frame{
    position:relative;background:var(--card);border:1px dashed var(--gray-line);border-radius:10px;
    display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;
  }
  .photo-frame .photo-caption{font-family:'Karla',sans-serif;font-size:11.5px;font-weight:600;color:var(--ink-soft);line-height:1.5;}
  .photo-frame .photo-icon{width:26px;height:26px;margin:0 auto 10px;color:var(--gray-line);}

  /* Kicker line */
  .kicker{font-family:'Spectral',serif;font-style:italic;font-size:clamp(20px,2.4vw,27px);color:var(--ink);line-height:1.4;max-width:36ch;}

  /* Episodes, Netflix style large cards */
  .episode-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;}
  .episode-card{display:flex;flex-direction:column;gap:14px;}
  .episode-card .photo-frame{aspect-ratio:16/10;}
  .episode-card.tall .photo-frame{aspect-ratio:4/5;}
  .episode-tag{font-family:'Karla',sans-serif;font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--turmeric-deep);}
  .episode-card h3{font-size:19px;margin:6px 0 4px;}
  .episode-card p{font-size:13.5px;color:var(--ink-soft);}

  /* Topics, magazine tag cloud */
  .topics-cloud{display:flex;flex-wrap:wrap;gap:12px;}
  .topics-cloud a{
    font-family:'Spectral',serif;font-size:clamp(17px,2vw,23px);font-style:italic;
    color:var(--ink);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px;
  }
  .topics-cloud a:hover{border-bottom-color:var(--turmeric);}
  .topics-cloud a::after{content:"·";margin-left:14px;color:var(--gray-line);font-style:normal;}
  .topics-cloud a:last-child::after{content:"";}

  /* District explorer */
  .district-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:44px;align-items:start;}
  .district-list{display:flex;flex-direction:column;}
  .district-btn{
    font-family:'Karla',sans-serif;font-weight:700;font-size:15px;text-align:left;
    background:none;border:none;border-top:1px solid var(--line-on-teal);padding:15px 4px;
    color:var(--on-teal-body);cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;
  }
  .district-list .district-btn:last-child{border-bottom:1px solid var(--line-on-teal);}
  .district-btn:hover, .district-btn.active{color:var(--on-teal-heading);}
  .district-btn.active{color:var(--amber-light);}
  .district-btn span{font-family:'Karla',sans-serif;font-weight:600;font-size:11px;color:var(--on-teal-muted);}
  .district-panel{background:rgba(255,255,255,0.05);border:1px solid var(--line-on-teal);border-radius:10px;padding:28px;min-height:220px;}
  .district-panel h3{color:var(--on-teal-heading);font-size:24px;margin-bottom:12px;}
  .district-panel p{color:var(--on-teal-body);font-size:14.5px;line-height:1.7;margin-bottom:8px;}
  .district-panel .dp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
  .district-panel .dp-tags span{font-family:'Karla',sans-serif;font-size:11px;font-weight:600;color:var(--on-teal-heading);border:1px solid var(--line-on-teal);padding:5px 11px;border-radius:20px;}

  /* Meet the doctors */
  .doctor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .doctor-card .photo-frame{aspect-ratio:3/4;margin-bottom:16px;}
  .doctor-card h3{font-size:19px;margin-bottom:6px;}
  .doctor-card .doc-role{font-family:'Karla',sans-serif;font-weight:600;font-size:12px;color:var(--turmeric-deep);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:10px;}
  .doctor-card p.doc-quote{font-family:'Spectral',serif;font-style:italic;font-size:16px;color:var(--ink-soft);line-height:1.5;}

  /* Community voices, vertical stack */
  .voices-stack{display:flex;flex-direction:column;max-width:720px;}
  .voice-row{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line);}
  .voices-stack .voice-row:last-child{border-bottom:1px solid var(--line);}
  .voice-row .photo-frame{width:64px;height:64px;border-radius:50%;padding:0;}
  .voice-row .photo-frame .photo-icon{margin:0;width:20px;height:20px;}
  .voice-prompt{font-family:'Karla',sans-serif;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:0.04em;color:var(--turmeric-deep);margin-bottom:8px;}
  .voice-text{font-family:'Spectral',serif;font-style:italic;font-size:18px;color:var(--ink);line-height:1.45;margin-bottom:8px;}
  .voice-who{font-family:'Karla',sans-serif;font-weight:600;font-size:12.5px;color:var(--ink-soft);}

  /* Health awareness calendar */
  .calendar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
  .cal-month{background:var(--card);padding:20px 18px;}
  .cal-month .cal-m{font-family:'Karla',sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);margin-bottom:8px;}
  .cal-month .cal-topic{font-family:'Spectral',serif;font-size:18px;color:var(--ink);}

  /* Join the movement CTA row */
  .join-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
  .join-item{background:var(--card);padding:26px 22px;display:flex;flex-direction:column;gap:10px;}
  .join-item h4{font-family:'Spectral',serif;font-size:18px;font-weight:600;}
  .join-item p{font-size:13.5px;color:var(--ink-soft);flex-grow:1;}
  .join-item a{font-family:'Karla',sans-serif;font-weight:700;font-size:12.5px;color:var(--turmeric-deep);text-decoration:none;}
  .join-item a:hover{text-decoration:underline;}

  @media (max-width:900px){
    .episode-grid{grid-template-columns:1fr;}
    .district-wrap{grid-template-columns:1fr;gap:24px;}
    .doctor-grid{grid-template-columns:1fr 1fr;}
    .calendar-grid{grid-template-columns:1fr 1fr;}
    .join-grid{grid-template-columns:1fr 1fr;}
    .voice-row{grid-template-columns:48px 1fr;}
    .voice-row .photo-frame{width:48px;height:48px;}
  }
  @media (max-width:560px){
    .doctor-grid{grid-template-columns:1fr;}
    .calendar-grid{grid-template-columns:1fr 1fr;}
    .join-grid{grid-template-columns:1fr;}
  }

  @media (max-width:900px){
    .nav-links{display:none;}
    .masthead-top{grid-template-columns:1fr;}
    .hero-collage{max-width:340px;margin:0 auto;order:-1;max-height:260px;}
    .now-list{grid-template-columns:1fr 1fr;}
    .mission-grid{grid-template-columns:1fr;gap:28px;}
    .stat-grid{grid-template-columns:repeat(2,1fr);}
    .stat{border-bottom:1px solid var(--line-on-teal);}
    .story-grid{grid-template-columns:1fr;}
    .watch-grid{grid-template-columns:1fr;}
    .growth-grid{grid-template-columns:1fr;gap:32px;}
    .pro-band{grid-template-columns:1fr;gap:28px;}
    .index-row{grid-template-columns:40px 1fr;}
    .index-row p{grid-column:2;}
    .involve-row{grid-template-columns:40px 1fr;}
    .involve-row .btn{grid-column:2;justify-self:start;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
    .wrap{padding:0 20px;}
    section{padding:64px 0;}
  }
  @media (max-width:560px){
    .footer-grid{grid-template-columns:1fr;}
    .now-list{grid-template-columns:1fr;}
  }