/* BBNC components: homepage sections (hero, announce, stats, spotlight, faq, donate, pdf viewer...) + inner-page components. */
/* ---------- Hero ---------- */
  .hero{
    position:relative;
    background:linear-gradient(180deg,var(--navy-deep) 0%, var(--navy) 100%);
    overflow:hidden;
    padding:56px 0 0 0;
  }
.hero h1{
    color:var(--white);
    font-size:2.7rem;
    font-weight:800;
    margin-bottom:20px;
  }
.hero p{
    color:#E4EBF2;font-size:1.05rem;margin-bottom:32px;
  }
/* ---------- Service cards ---------- */
  .services-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px;
  }
.service-card{
    background:var(--white);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow-sm);
    display:flex;flex-direction:column;
    transition:transform .18s ease, box-shadow .18s ease;
    border:1px solid var(--line);
  }
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
.service-card .thumb{height:180px;overflow:hidden;}
.service-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.service-card:hover .thumb img{transform:scale(1.06);}
.service-card .body{padding:22px 22px 24px 22px;display:flex;flex-direction:column;flex:1;}
.service-card h3{font-size:1.1rem;margin-bottom:10px;}
.service-card p{color:var(--ink-soft);font-size:0.94rem;flex:1;margin-bottom:18px;}
.service-card .link-row{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--orange-dark);font-size:0.88rem;font-family:'Poppins',sans-serif;}
.service-card .link-row svg{transition:transform .15s ease;}
.service-card:hover .link-row svg{transform:translateX(4px);}
/* ---------- Announcement / Split ---------- */
  .announce{
    background:var(--navy);
    border-radius:24px;
    padding:44px;
    display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,24vw,320px);gap:32px;align-items:center;
    color:var(--white);
  }
.announce .tag,.donate-banner .tag{font-weight:700;font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px;display:block;}
.announce .tag{color:#FFD9B3;}
.donate-banner .tag{color:var(--navy-deep);}
.announce h3{color:var(--white);font-size:1.5rem;margin-bottom:10px;}
.announce p{color:#C9D8E6;margin-bottom:6px;}
.announce .dates{margin:14px 0 20px 0;font-size:0.95rem;color:#FFE3C4;}
/* ---------- PDF preview button + lightbox ---------- */
  .pdf-preview-btn{
    position:relative;
    width:100%;
    aspect-ratio:1/1.3;
    border-radius:12px;
    box-shadow:0 14px 30px -10px rgba(0,0,0,0.5);
    border:none;padding:0;cursor:pointer;
    overflow:hidden;background:var(--navy);
    display:block;
  }
.pdf-preview-btn img{pointer-events:none;}
.pdf-preview-btn .pdf-preview-overlay{
    position:absolute;inset:0;
    display:block;
    background:linear-gradient(180deg, rgba(11,31,58,0) 55%, rgba(11,31,58,0.85) 100%);
  }
.pdf-preview-btn .pdf-preview-label{
    position:absolute;left:14px;bottom:14px;right:14px;
    color:var(--white);font-family:'Poppins',sans-serif;font-weight:700;
    font-size:0.9rem;display:flex;align-items:center;gap:8px;
  }
.pdf-preview-btn:hover .pdf-preview-overlay{background:linear-gradient(180deg, rgba(11,31,58,0.05) 45%, rgba(11,31,58,0.9) 100%);}
.pdf-lightbox{
    position:fixed;inset:0;z-index:1000;
    background:rgba(8,18,34,0.92);
    display:none;
    align-items:center;justify-content:center;
    padding:min(4vh,32px) min(4vw,32px);
  }
body.pdf-open .pdf-lightbox{display:flex;}
.pdf-lightbox-inner{
    position:relative;
    width:100%;height:100%;
    max-width:860px;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.6);
  }
.pdf-lightbox-inner object,.pdf-lightbox-inner iframe{
    width:100%;height:100%;border:none;display:block;
  }
.pdf-lightbox-close{
    position:absolute;top:12px;right:12px;z-index:2;
    width:40px;height:40px;border-radius:50%;
    background:var(--navy);color:var(--white);
    border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 16px rgba(0,0,0,0.35);
  }
.pdf-lightbox-open-tab{
    position:absolute;top:12px;right:62px;z-index:2;
    height:40px;padding:0 16px;border-radius:20px;
    background:var(--navy);color:var(--white);
    border:none;cursor:pointer;font-family:'Poppins',sans-serif;
    font-weight:700;font-size:0.8rem;
    display:flex;align-items:center;gap:6px;text-decoration:none;
    box-shadow:0 6px 16px rgba(0,0,0,0.35);
  }
.guide-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:72px 24px 32px 24px;overflow:auto;}
.guide-fallback[hidden],.pdf-lightbox-inner iframe[hidden]{display:none;}
.guide-fallback img{width:min(225px,50%);height:auto;border-radius:12px;box-shadow:0 14px 30px -10px rgba(11,31,58,0.45);}
.guide-fallback h3{margin:6px 0 0 0;}
.guide-fallback p{margin:0;color:var(--ink-soft);max-width:420px;}
@media (max-width:400px){
    .pdf-lightbox-open-tab{padding:0 12px;font-size:0.74rem;right:60px;}
}
@media (max-width:600px){
    .pdf-lightbox{padding:0;}
    .pdf-lightbox-inner{max-width:none;border-radius:0;}
}
/* ---------- Stats band ---------- */
  .stats-band{
    background:var(--blue-tint);
    border-radius:24px;
    padding:32px;
    display:grid;grid-template-columns:0.8fr 1fr 0.7fr;gap:36px;align-items:center;
  }
.stats-media{position:relative;height:100%;min-height:220px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);}
/* absolutely positioned so the photo's intrinsic height can't drive the band's height */
  .stats-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.stats-band h3{font-size:1.5rem;margin-bottom:14px;}
.stats-band p{color:var(--ink-soft);margin-bottom:22px;}
/* ---------- Donate CTA banner ---------- */
  .donate-banner{
    background:linear-gradient(135deg,var(--orange) 0%, #E26E17 100%) /* end stop kept light so navy text stays >=4.5:1; re-verify if changed */;
    border-radius:24px;overflow:hidden;color:var(--white);
    display:grid;grid-template-columns:0.85fr 1.15fr;align-items:stretch;
  }
.donate-media{min-height:280px;position:relative;}
/* absolutely positioned so the photo's intrinsic height can't drive the banner's height */
  .donate-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.donate-media::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(90deg, rgba(0,0,0,0) 70%, rgba(213,101,15,0.35) 100%);
  }
.donate-content{padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.donate-banner h3{color:var(--navy-deep);font-size:1.65rem;}
.donate-banner .donate-sub{font-family:'Poppins',sans-serif;font-weight:500;color:var(--navy-deep);font-size:1.20rem;line-height:1.2;margin:0 0 0.5em 0;}
.donate-banner p{color:var(--navy-deep);max-width:440px;margin-bottom:26px;}
.donate-banner .btn-primary{background:var(--white);color:var(--orange-dark);box-shadow:0 8px 20px -6px rgba(0,0,0,0.25);}
.donate-banner .btn-primary:hover{background:#FFF3E8;}
/* ---------- Spotlight (seniors) ---------- */
  .spotlight{
    display:grid;grid-template-columns:0.9fr 1.1fr;gap:0;
    background:var(--white);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);
  }
/* contain:size = ignore the photo's intrinsic size when sizing the row, so the text column sets the card height */
  .spotlight img{width:100%;height:100%;object-fit:cover;min-height:320px;contain:size;}
.spotlight-body{padding:44px;display:flex;flex-direction:column;justify-content:center;}
.spotlight-body h3{font-size:1.5rem;}
/* ---------- Sponsors ---------- */
  .sponsors-media{
    max-width:820px;margin:36px auto 0 auto;border-radius:20px;overflow:hidden;
    box-shadow:var(--shadow-sm);aspect-ratio:3/1;
  }
.sponsors-media img{width:100%;height:100%;object-fit:cover;display:block;}
.sponsors-row{
    display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:48px;margin-top:44px;
    padding:36px;background:var(--white);border-radius:20px;border:1px solid var(--line);
  }
.sponsors-row img{height:52px;width:auto;object-fit:contain;filter:grayscale(15%);opacity:0.9;}
/* ---------- FAQ ---------- */
  .faq{max-width:820px;margin:44px auto 0 auto;}
.faq-item{
    border-bottom:1px solid var(--line);
  }
.faq-item summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:22px 4px;
    font-family:'Poppins',sans-serif;font-weight:600;color:var(--navy-deep);font-size:1.02rem;
  }
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item .plus{
    flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--blue-tint);
    display:flex;align-items:center;justify-content:center;color:var(--navy);font-weight:700;
    transition:transform .2s ease, background .2s ease, color .2s ease;
  }
.faq-item[open] .plus{transform:rotate(45deg);background:var(--orange);color:var(--white);}
.faq-item p{color:var(--ink-soft);padding:0 4px 22px 4px;margin:0;font-size:0.96rem;}
/* ---------- Contact CTA ---------- */
  .contact-cta{text-align:center;}
.contact-cta .btn-primary{margin-top:20px;}
@media (max-width:960px){
    .hero{padding-top:36px;padding-bottom:0;}
    .hero h1{font-size:2rem;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .announce{grid-template-columns:1fr;text-align:left;}
    .announce{padding:32px 24px;}
    .pdf-preview-btn{width:100%;max-width:420px;aspect-ratio:1/1.3;height:auto;}
    .stats-band{grid-template-columns:1fr;padding:28px;}
    .stats-media{height:auto;min-height:0;aspect-ratio:3/2;}
    .donate-banner{grid-template-columns:1fr;}
    .donate-media{min-height:0;aspect-ratio:4/3;}
    /* Mobile focal point for photos: bias toward the upper part of the frame, where faces usually are.
       Tune any single photo with an inline style, e.g. style="--focus:50% 10%". */
    .hero-media img,.service-card .thumb img,.stats-media img,.split-photos img,.gallery-grid img,
    .donate-media img,.spotlight img,.sponsors-media img{object-position:var(--focus,50% 25%);}
    .donate-content{padding:36px 28px;text-align:center;align-items:center;}
    .donate-banner p{margin:0 auto 26px auto;}
    .spotlight{grid-template-columns:1fr;}
    .spotlight img{min-height:220px;contain:none;}
}
@media (max-width:600px){
    .services-grid{grid-template-columns:1fr;}
    .sponsors-media{aspect-ratio:16/10;}
    .hero h1{font-size:1.7rem;}
    .announce{padding:24px 18px;}
    .pdf-preview-btn{width:100%;max-width:100%;aspect-ratio:1/1.3;height:auto;}
}

  /* =====================================================
     Inner-page components (built on the homepage tokens)
     ===================================================== */
  /* 1.5 */
  .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  /* 1.8 */
  :focus-visible{outline:3px solid var(--orange);outline-offset:2px;}
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
  }
  /* 1.10 */
  main[id],section[id],footer[id],article[id],div[id]{scroll-margin-top:90px;}
  /* 1.11A */
  .prose h2{font-size:1.5rem;}
  .prose p + p{margin-top:0;}
  /* 1.11B/C: h2.sr is absolutely positioned, so hidden section headings add no space and need no margin reset. */
  nav.primary-links a[aria-current="page"]{color:var(--orange-dark);border-bottom-color:var(--orange);}
  .nav-drop-btn.is-current{color:var(--orange-dark);border-bottom-color:var(--orange);}
  .nav-panel a[aria-current="page"],.menu-subpanel a[aria-current="page"]{background:var(--blue-tint);color:var(--orange-dark);}

  .page-hero{background:linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 100%);padding:40px 0 0 0;position:relative;overflow:hidden;}
  .page-hero-inner{max-width:1180px;margin:0 auto;padding:0 24px 64px 24px;display:grid;grid-template-columns:1.05fr 0.95fr;gap:52px;align-items:center;}
  .page-hero.no-media .page-hero-inner{grid-template-columns:1fr;max-width:860px;text-align:center;}
  .page-hero.no-media .crumbs,.page-hero.no-media .hero-actions{justify-content:center;}
  .page-hero.no-media .page-hero-lede{margin-left:auto;margin-right:auto;}
  .crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 22px 0;font-size:0.82rem;color:#9FB2C4;}
  .crumbs li+li::before{content:"/";margin-right:8px;color:#5F7892;}
  .crumbs a{color:#C9D8E6;}
  .crumbs a:hover{color:var(--orange);}
  .crumbs [aria-current]{color:#FFD9B3;font-weight:600;}
  .page-hero h1{color:var(--white);font-size:2.6rem;font-weight:800;margin-bottom:18px;}
  .page-hero-lede{color:#E4EBF2;font-size:1.06rem;max-width:560px;margin:0 0 30px 0;}
  .page-hero-media{border-radius:26px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 70px -20px rgba(0,0,0,0.55);}
  .page-hero-media.square{aspect-ratio:1/1;max-width:440px;justify-self:end;width:100%;}
  .page-hero-media img{width:100%;height:100%;object-fit:cover;}

  .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy-mid);}
  .btn-outline:hover{background:var(--white);}
  .btn-white{background:var(--white);color:var(--navy-deep);}
  .btn-white:hover{background:#FFF3E8;transform:translateY(-2px);}
  .btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;}
  .center .btn-row,.btn-row.center{justify-content:center;}

  .prose p{color:var(--ink-soft);margin:0 0 16px 0;}
  .prose p strong{color:var(--navy-deep);}
  .prose h3{font-size:1.5rem;}
  .narrow{max-width:760px;margin:0 auto;}

  .grid{display:grid;gap:24px;margin-top:44px;}
  .grid.c2{grid-template-columns:repeat(2,1fr);}
  .grid.c3{grid-template-columns:repeat(3,1fr);}
  .grid.c4{grid-template-columns:repeat(4,1fr);}
  .feature{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .feature .num{font-family:'Poppins',sans-serif;font-weight:800;font-size:0.95rem;color:var(--orange-dark);background:rgba(240,121,31,0.12);width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
  .feature h3{font-size:1.12rem;margin-bottom:8px;}
  .feature p{color:var(--ink-soft);font-size:0.94rem;margin:0;}
  .feature .btn{margin-top:18px;align-self:flex-start;}
  .feature .link-row{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:6px;font-weight:700;color:var(--orange-dark);font-size:0.88rem;font-family:'Poppins',sans-serif;}
  .feature.tinted{background:var(--blue-tint);border-color:transparent;box-shadow:none;}

  .media-card{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .media-card .thumb{aspect-ratio:16/10;overflow:hidden;background:var(--blue-tint);}
  .media-card .thumb img{width:100%;height:100%;object-fit:cover;}
  .media-card .body{padding:22px 22px 24px 22px;display:flex;flex-direction:column;flex:1;}
  .media-card h3{font-size:1.1rem;margin-bottom:8px;}
  .media-card p{color:var(--ink-soft);font-size:0.93rem;margin:0 0 14px 0;}
  .media-card .btn{margin-top:auto;align-self:flex-start;}
  .media-card .meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;}

  .pill{display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;font-size:0.74rem;letter-spacing:0.04em;text-transform:uppercase;padding:6px 12px;border-radius:100px;background:var(--blue-tint);color:var(--navy);}
  .pill.accent{background:rgba(240,121,31,0.12);color:var(--orange-dark);}

  .split.top{align-items:start;}
  .split.rev .split-media{order:2;}
  .split-media{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);}
  .split-media img{width:100%;height:100%;max-height:460px;object-fit:cover;}
  .split-media figcaption,.figure figcaption{font-size:0.82rem;color:var(--ink-soft);padding:10px 14px;background:var(--white);}
  .figure{margin:0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--white);}
  .figure img{width:100%;max-height:420px;object-fit:cover;}

  .timeline{position:relative;max-width:900px;margin:48px auto 0 auto;padding-left:34px;border-left:2px solid var(--line);}
  .tl-item{position:relative;margin-bottom:44px;}
  .tl-item::before{content:"";position:absolute;left:-43px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--orange);border:4px solid var(--cream);box-shadow:0 0 0 2px var(--orange);}
  .tl-year{font-family:'Poppins',sans-serif;font-weight:800;color:var(--orange-dark);font-size:0.95rem;letter-spacing:0.06em;margin-bottom:6px;display:block;}
  .tl-item h3{font-size:1.2rem;}
  .tl-item p{color:var(--ink-soft);margin:0 0 14px 0;}
  .tl-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:16px;}

  .band{background:var(--navy);color:var(--white);border-radius:24px;padding:48px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;}
  .band h2,.band h3{color:var(--white);}
  .band p{color:#C9D8E6;margin:0;}
  .band .tag{display:block;color:#FFD9B3;font-weight:700;font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px;}
  .band .band-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
  .band.orange{background:linear-gradient(135deg,var(--orange) 0%,#E26E17 100%);}
  .band.orange h2,.band.orange h3,.band.orange p,.band.orange .tag{color:var(--navy-deep);}

  .steps{list-style:none;padding:0;margin:44px 0 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step;}
  .steps li{counter-increment:step;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;box-shadow:var(--shadow-sm);position:relative;}
  .steps li::before{content:counter(step);font-family:'Poppins',sans-serif;font-weight:800;font-size:1.1rem;color:var(--navy-deep);background:var(--orange);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
  .steps li strong{display:block;font-family:'Poppins',sans-serif;color:var(--navy-deep);margin-bottom:6px;}
  .steps li span{color:var(--ink-soft);font-size:0.93rem;}

  .tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0 0;padding:0;list-style:none;}
  .tags li{background:var(--white);border:1px solid var(--line);border-radius:100px;padding:8px 16px;font-weight:600;font-size:0.88rem;color:var(--navy);text-transform:capitalize;}

  .stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
  .stat-tile{background:var(--white);border-radius:var(--radius);border:1px solid var(--line);padding:28px;text-align:center;box-shadow:var(--shadow-sm);}
  .stat-tile strong{display:block;font-family:'Poppins',sans-serif;font-size:2.4rem;font-weight:800;color:var(--orange-dark);line-height:1.1;}
  .stat-tile span{display:block;margin-top:8px;color:var(--ink-soft);font-size:0.92rem;}
  .stat-tile b{color:var(--navy-deep);}

  .quote{background:var(--blue-tint);border-radius:20px;padding:34px 38px;position:relative;max-width:860px;margin:44px auto 0 auto;}
  .quote::before{content:"\201C";font-family:'Poppins',sans-serif;font-size:4rem;color:var(--orange);line-height:0.6;display:block;margin-bottom:6px;}
  .quote p{color:var(--navy);font-size:1.04rem;font-style:italic;margin:0;}

  .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px;}
  .fact{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm);}
  .fact strong{display:block;font-family:'Poppins',sans-serif;font-size:1.5rem;color:var(--navy-deep);font-weight:800;}
  .fact span{font-size:0.78rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);}

  .notice{display:flex;gap:14px;align-items:flex-start;background:rgba(240,121,31,0.10);border:1px solid rgba(240,121,31,0.35);border-radius:14px;padding:18px 20px;color:var(--navy-deep);}
  .notice svg{flex-shrink:0;margin-top:2px;color:var(--orange-dark);}
  .notice p{margin:0;color:var(--navy-deep);font-size:0.96rem;}

  .logo-wall{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:48px;padding:40px;background:var(--white);border:1px solid var(--line);border-radius:20px;margin-top:40px;}
  .logo-wall img{height:56px;width:auto;object-fit:contain;}

  .contact-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:40px;align-items:start;margin-top:12px;}
  .info-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);}
  .info-card+.info-card{margin-top:16px;}
  .info-card h3{font-size:1.05rem;margin-bottom:12px;}
  .info-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;color:var(--ink);font-size:0.97rem;}
  .info-row+.info-row{border-top:1px solid var(--line);}
  .info-row .ico{width:36px;height:36px;border-radius:10px;background:rgba(240,121,31,0.12);color:var(--orange-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .info-row a{color:var(--navy);font-weight:600;}
  .info-row a:hover{color:var(--orange-dark);}
  .info-row small{display:block;font-size:0.74rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);}
  .form-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow);}
  .form-card h3{font-size:1.4rem;}
  .field{margin-bottom:18px;}
  .field label,.field legend{display:block;font-weight:600;font-size:0.88rem;color:var(--navy-deep);margin-bottom:6px;padding:0;}
  .field input,.field textarea{width:100%;font:inherit;color:var(--ink);background:var(--cream);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease;}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px rgba(44,95,138,0.18);}
  .field textarea{min-height:140px;resize:vertical;}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  fieldset.field{border:none;margin:0 0 18px 0;padding:0;}
  .form-note{font-size:0.82rem;color:var(--ink-soft);margin:14px 0 0 0;}
  button.btn{border:none;cursor:pointer;}

  .contact-person{display:grid;grid-template-columns:1.1fr 0.9fr;gap:36px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow-sm);}
  .contact-person h2{font-size:1.7rem;}
  .contact-person p{color:var(--ink-soft);}
  .person-lines{background:var(--blue-tint);border-radius:18px;padding:26px;}
  .person-lines strong{display:block;font-family:'Poppins',sans-serif;color:var(--navy-deep);font-size:1.12rem;}
  .person-lines .role{display:block;font-size:0.76rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--orange-dark);font-weight:700;margin:2px 0 14px 0;}
  .person-lines a,.person-lines span.ln{display:block;color:var(--navy);font-weight:600;margin-top:6px;font-size:0.95rem;}
  .person-lines a:hover{color:var(--orange-dark);}

  .person{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .person img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 20%;background:var(--blue-tint);}
  .person .body{padding:18px 20px 22px 20px;}
  .person h3{font-size:1.05rem;margin-bottom:2px;}
  .person .role{display:block;font-size:0.74rem;text-transform:uppercase;letter-spacing:0.07em;color:var(--orange-dark);font-weight:700;margin-bottom:10px;}
  .person p{color:var(--ink-soft);font-size:0.88rem;margin:0;}

  .numbered{counter-reset:np;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;}
  .numbered .media-card{counter-increment:np;position:relative;}
  .numbered .media-card .thumb::after{content:counter(np,decimal-leading-zero);position:absolute;top:14px;left:14px;font-family:'Poppins',sans-serif;font-weight:800;font-size:0.85rem;color:var(--navy-deep);background:var(--orange);border-radius:100px;padding:5px 12px;}
  .numbered .media-card .thumb{position:relative;}

  .photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px;}
  .photo-strip img{width:100%;height:200px;object-fit:cover;border-radius:14px;box-shadow:var(--shadow-sm);}

  .video-card video{width:100%;aspect-ratio:16/9;background:var(--navy-deep);display:block;}

  .story{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);overflow:hidden;margin-top:36px;}
  .story-body{padding:40px 44px;}
  .story-body h2{font-size:1.65rem;}
  .story-body p{color:var(--ink-soft);margin:0 0 14px 0;}
  .story-body .by{font-family:'Poppins',sans-serif;font-weight:600;color:var(--navy-deep);margin-top:20px;}
  .story-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:0 44px 40px 44px;}
  .story-gallery img{width:100%;height:150px;object-fit:cover;border-radius:12px;}
  .story-lead{width:100%;max-height:340px;object-fit:cover;}
  .story-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px;}
  .story-nav a{background:var(--white);border:1px solid var(--line);padding:9px 16px;border-radius:100px;font-weight:600;font-size:0.86rem;color:var(--navy);}
  .story-nav a:hover{border-color:var(--orange);color:var(--orange-dark);}

  .canva-embed{position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;border-radius:20px;box-shadow:var(--shadow-sm);margin-top:36px;background:var(--white);border:1px solid var(--line);}
  .canva-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
  .check-list.two{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;}

  @media (max-width:960px){
    .page-hero{padding-top:28px;}
    .page-hero-inner{grid-template-columns:1fr;gap:32px;padding-bottom:48px;}
    .page-hero h1{font-size:2rem;}
    .page-hero-media.square{justify-self:start;max-width:360px;}
    .grid.c3,.grid.c4,.numbered{grid-template-columns:repeat(2,1fr);}
    .steps{grid-template-columns:repeat(2,1fr);}
    .facts{grid-template-columns:repeat(2,1fr);}
    .band{grid-template-columns:1fr;padding:34px 26px;}
    .band .band-actions{justify-content:flex-start;}
    .contact-layout,.contact-person{grid-template-columns:1fr;}
    .contact-person{padding:28px 22px;}
    .split.rev .split-media{order:0;}
    .photo-strip{grid-template-columns:repeat(2,1fr);}
    .stat-tiles{grid-template-columns:1fr;}
    .story-body{padding:28px 22px;}
    .story-gallery{padding:0 22px 28px 22px;}
    .check-list.two{grid-template-columns:1fr;}
  }
  @media (max-width:600px){
    .grid.c2,.grid.c3,.grid.c4,.numbered,.steps{grid-template-columns:1fr;}
    .field-row{grid-template-columns:1fr;}
    .form-card{padding:24px 20px;}
    .page-hero h1{font-size:1.7rem;}
    .logo-wall{gap:28px;padding:28px 20px;}
    .tl-item::before{left:-43px;}
  }