:root{
    --ink:#122A3F;          /* deep navy - primary */
    --ink-2:#1B3F50;        /* teal-navy for depth */
    --paper:#F3F1EC;        /* warm-cool light ground */
    --paper-card:#FBFAF7;   /* card surface */
    --brass:#C8923D;        /* heritage gold accent */
    --brass-deep:#A06E1C;   /* darker brass for buttons/text on light */
    --text:#1A2530;
    --muted:#5C6B78;
    --line:#D9D4C9;
    --ring:#2E7D8A;         /* science teal, used sparingly */
    --maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:"Libre Franklin",system-ui,-apple-system,"Segoe UI",sans-serif;
    color:var(--text);background:var(--paper);line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{font-family:"Spectral",Georgia,serif;font-weight:600;line-height:1.12;color:var(--ink)}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .eyebrow{
    font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    color:var(--brass-deep);display:inline-flex;align-items:center;gap:.6rem;
  }
  .eyebrow::before{content:"";width:26px;height:1px;background:var(--brass);display:inline-block}
  .zh{font-family:"Libre Franklin",sans-serif;color:var(--muted);font-weight:500}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;
    padding:.8rem 1.4rem;border-radius:2px;border:1.5px solid transparent;cursor:pointer;transition:.18s ease}
  .btn-primary{background:var(--brass-deep);color:#fff}
  .btn-primary:hover{background:#8a5f17}
  .btn-ink{background:var(--ink);color:#fff}
  .btn-ink:hover{background:#0a1c2c}
  .btn-ghost{border-color:var(--ink);color:var(--ink)}
  .btn-ghost:hover{background:var(--ink);color:#fff}
  .btn-light{border-color:rgba(255,255,255,.5);color:#fff}
  .btn-light:hover{background:#fff;color:var(--ink);border-color:#fff}
  :focus-visible{outline:3px solid var(--ring);outline-offset:2px}

  /* ---------- top bar ---------- */
  header{position:sticky;top:0;z-index:50;background:rgba(243,241,236,.92);
    backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;gap:1.5rem;height:72px}
  .brand{display:flex;flex-direction:column;line-height:1.05;margin-right:auto}
  .brand .mark{font-family:"Spectral",serif;font-weight:600;font-size:1.5rem;color:var(--ink);letter-spacing:.01em}
  .brand .sub{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
  .menu{display:flex;gap:1.3rem;align-items:center}
  .menu a{font-size:.92rem;font-weight:500;color:var(--ink);padding:.3rem 0;position:relative}
  .menu a:hover{color:var(--brass-deep)}
  .menu a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--brass);transition:width .2s}
  .menu a:hover::after{width:100%}
  .nav .btn{padding:.6rem 1.1rem}
  .burger{display:none;background:none;border:0;font-size:1.5rem;color:var(--ink);cursor:pointer}

  /* ---------- hero ---------- */
  .hero{background:linear-gradient(160deg,var(--ink) 0%,var(--ink-2) 100%);color:#fff;position:relative;overflow:hidden}
  .hero::after{ /* signature: subtle bridge arc */
    content:"";position:absolute;right:-120px;bottom:-140px;width:520px;height:520px;
    border:1px solid rgba(200,146,61,.28);border-radius:50%;}
  .hero::before{content:"";position:absolute;right:-40px;bottom:-260px;width:520px;height:520px;
    border:1px solid rgba(200,146,61,.16);border-radius:50%;}
  .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;
    padding:78px 0 86px}
  .hero h1{color:#fff;font-size:clamp(2.3rem,4.4vw,3.5rem);font-weight:600}
  .hero h1 em{font-style:italic;color:var(--brass)}
  .hero p.lead{margin-top:1.1rem;font-size:1.12rem;color:#D7DEE5;max-width:34rem}
  .hero .eyebrow{color:var(--brass)}
  .hero .eyebrow::before{background:var(--brass)}
  .hero-cta{margin-top:1.9rem;display:flex;gap:.9rem;flex-wrap:wrap}
  .hero-stats{margin-top:2.4rem;display:flex;gap:2.2rem;border-top:1px solid rgba(255,255,255,.16);padding-top:1.3rem}
  .hero-stats .n{font-family:"Spectral",serif;font-size:1.7rem;color:#fff;font-weight:600}
  .hero-stats .l{font-size:.78rem;letter-spacing:.04em;color:#A9B6C2}

  /* featured event card */
  .feature-card{background:var(--paper-card);color:var(--text);border-radius:4px;overflow:hidden;
    box-shadow:0 24px 60px -28px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.1)}
  .feature-card .tag{background:var(--brass-deep);color:#fff;font-size:.72rem;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;padding:.5rem 1.1rem;display:block}
  .feature-card .body{padding:1.5rem 1.5rem 1.6rem}
  .feature-card .date{display:flex;align-items:baseline;gap:.5rem;color:var(--brass-deep);font-weight:700;font-size:.9rem;margin-bottom:.5rem}
  .feature-card h3{font-size:1.5rem;margin-bottom:.5rem}
  .feature-card p{color:var(--muted);font-size:.95rem;margin-bottom:1.1rem}
  .feature-card .meta{font-size:.85rem;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
  .feature-card .meta span{display:inline-flex;gap:.35rem;align-items:center}

  /* ---------- section frame ---------- */
  section{padding:74px 0}
  .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:34px;flex-wrap:wrap}
  .sec-head h2{font-size:clamp(1.7rem,3vw,2.3rem)}
  .sec-head .link{color:var(--brass-deep);font-weight:700;font-size:.92rem}
  .sec-head .link:hover{text-decoration:underline}

  /* events list (priority #1) */
  .events{display:grid;gap:0}
  .event-row{display:grid;grid-template-columns:118px 1fr auto;gap:1.6rem;align-items:center;
    padding:1.4rem 0;border-top:1px solid var(--line)}
  .event-row:last-child{border-bottom:1px solid var(--line)}
  .event-row .d{font-family:"Spectral",serif;text-align:center;line-height:1}
  .event-row .d .m{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--brass-deep);font-weight:700;font-family:"Libre Franklin",sans-serif}
  .event-row .d .day{font-size:2.4rem;color:var(--ink);font-weight:600}
  .event-row .d .y{font-size:.78rem;color:var(--muted);font-family:"Libre Franklin",sans-serif}
  .event-row h3{font-size:1.2rem;margin-bottom:.2rem}
  .event-row .info{font-size:.88rem;color:var(--muted)}
  .event-row .type{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
    color:var(--ring);margin-bottom:.35rem}

  /* membership band (#2) */
  .band{background:var(--ink);color:#fff}
  .band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .band h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem)}
  .band .eyebrow{color:var(--brass)}
  .band .eyebrow::before{background:var(--brass)}
  .band p{color:#CBD5DE;margin-top:.9rem;max-width:30rem}
  .benefits{list-style:none;display:grid;gap:.9rem;margin-top:.4rem}
  .benefits li{display:flex;gap:.7rem;align-items:flex-start;color:#E4EAEF;font-size:.97rem}
  .benefits li::before{content:"";flex:0 0 auto;width:9px;height:9px;margin-top:.5rem;
    background:var(--brass);transform:rotate(45deg)}
  .band .cta-row{margin-top:1.6rem;display:flex;gap:.8rem;flex-wrap:wrap}

  /* programs grid */
  .prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
  .prog{background:var(--paper-card);border:1px solid var(--line);border-radius:4px;padding:1.5rem 1.4rem;transition:.2s ease}
  .prog:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(18,42,63,.4);border-color:var(--brass)}
  .prog .num{font-family:"Spectral",serif;color:var(--brass-deep);font-size:.9rem;font-weight:600;margin-bottom:.6rem}
  .prog h3{font-size:1.18rem;margin-bottom:.4rem}
  .prog p{font-size:.9rem;color:var(--muted)}

  /* about */
  .about .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
  .about .mission{font-family:"Spectral",serif;font-size:1.5rem;line-height:1.45;color:var(--ink)}
  .about .mission em{color:var(--brass-deep);font-style:italic}
  .about p{color:var(--muted);margin-top:1rem}
  .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem}
  .pillar{border-top:2px solid var(--brass);padding-top:.7rem}
  .pillar h4{font-family:"Libre Franklin",sans-serif;font-size:1rem;color:var(--ink)}
  .pillar span{font-size:.84rem;color:var(--muted)}

  /* sponsors tiered (#4) */
  .sponsors{background:var(--paper-card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .tier{margin-bottom:2rem}
  .tier .tlabel{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--brass-deep);text-align:center;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;justify-content:center}
  .tier .tlabel::before,.tier .tlabel::after{content:"";height:1px;flex:1;max-width:120px;background:var(--line)}
  .logos{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
  .logo-chip{background:#fff;border:1px solid var(--line);border-radius:3px;padding:.85rem 1.4rem;
    font-weight:600;color:var(--ink);font-size:.95rem;min-width:130px;text-align:center}
  .tier.diamond .logo-chip{font-size:1.05rem;padding:1.1rem 1.8rem;border-color:var(--brass)}

  /* news */
  .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
  .post{border-top:2px solid var(--ink);padding-top:1rem}
  .post .cat{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ring)}
  .post h3{font-size:1.12rem;margin:.4rem 0;line-height:1.25}
  .post h3 a:hover{color:var(--brass-deep)}
  .post .date{font-size:.82rem;color:var(--muted)}

  /* newsletter */
  .news-sub{background:var(--ink);color:#fff;border-radius:4px;padding:2.4rem;display:grid;
    grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
  .news-sub h2{color:#fff;font-size:1.7rem}
  .news-sub p{color:#CBD5DE;margin-top:.5rem;font-size:.95rem}
  .sub-form{display:flex;gap:.6rem;flex-wrap:wrap}
  .sub-form input{flex:1;min-width:180px;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.3);
    background:rgba(255,255,255,.06);color:#fff;border-radius:2px;font-size:.95rem}
  .sub-form input::placeholder{color:#9FB0BC}

  /* footer */
  footer{background:#0C2032;color:#A9B6C2;padding:56px 0 28px;font-size:.9rem}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
  footer h4{font-family:"Libre Franklin",sans-serif;color:#fff;font-size:.8rem;letter-spacing:.1em;
    text-transform:uppercase;margin-bottom:1rem}
  footer a{display:block;padding:.25rem 0;color:#A9B6C2}
  footer a:hover{color:var(--brass)}
  .foot-brand .mark{font-family:"Spectral",serif;font-size:1.4rem;color:#fff;margin-bottom:.5rem}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;
    justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:#7C8B98}

  /* reveal animation */
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

  /* responsive */
  @media(max-width:900px){
    .hero-grid,.band .wrap,.about .wrap,.news-sub{grid-template-columns:1fr}
    .prog-grid,.news-grid,.pillars{grid-template-columns:1fr 1fr}
    .menu{display:none}
    .burger{display:block}
    .nav .btn.join-desktop{display:none}
  }
  @media(max-width:560px){
    .prog-grid,.news-grid,.pillars{grid-template-columns:1fr}
    .event-row{grid-template-columns:70px 1fr;row-gap:.6rem}
    .event-row .btn{grid-column:1/-1;justify-self:start}
    .hero-stats{flex-wrap:wrap;gap:1.2rem}
  }

/* ---- next style block ---- */

:root{
    --ink:#122A3F;--ink-2:#1B3F50;--paper:#F3F1EC;--paper-card:#FBFAF7;
    --brass:#C8923D;--brass-deep:#A06E1C;--text:#1A2530;--muted:#5C6B78;
    --line:#D9D4C9;--ring:#2E7D8A;--maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:"Libre Franklin",system-ui,sans-serif;color:var(--text);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
  h1,h2,h3{font-family:"Spectral",Georgia,serif;font-weight:600;color:var(--ink);line-height:1.15}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  :focus-visible{outline:3px solid var(--ring);outline-offset:2px}
  .__navbtn_off{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.92rem;padding:.6rem 1.1rem;border-radius:2px;border:1.5px solid transparent;cursor:pointer;transition:.18s}
  .__navbtnp_off{color:#fff}

  /* ===== HEADER ===== */
  header{position:sticky;top:0;z-index:100;background:transparent;border-bottom:0;backdrop-filter:none}

  /* utility bar */
  .util{background:var(--ink);color:#C9D2DA;font-size:.8rem}
  .util .wrap{display:flex;align-items:center;height:38px;gap:1.2rem}
  .util a{color:#C9D2DA}.util a:hover{color:var(--brass)}
  .util .left{display:flex;align-items:center;gap:1.2rem;margin-right:auto}
  .util .right{display:flex;align-items:center;gap:1.2rem}
  .util .sep{width:1px;height:16px;background:rgba(255,255,255,.18)}
  .lang b{color:#fff}.lang span{opacity:.5}
  .net{position:relative}
  .net>button{background:none;border:0;color:#C9D2DA;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}
  .net>button:hover{color:var(--brass)}
  .net .caret{font-size:.7rem}
  .net .drop{position:absolute;top:120%;left:0;background:#0C2032;border:1px solid rgba(255,255,255,.12);border-radius:4px;min-width:170px;padding:.4rem;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.16s;box-shadow:0 16px 40px -20px rgba(0,0,0,.6)}
  .net.open .drop{opacity:1;visibility:visible;transform:none}
  .net .drop a{display:block;padding:.45rem .6rem;border-radius:3px;font-size:.84rem}
  .net .drop a:hover{background:rgba(255,255,255,.06);color:#fff}
  .social a{margin-left:.5rem;font-size:.95rem}

  /* main bar */
  .main{background:rgba(243,241,236,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .main .wrap{display:flex;align-items:center;gap:1.2rem;height:74px}
  .brand{display:flex;flex-direction:column;line-height:1.05;margin-right:auto}
  .brand .mark{font-family:"Spectral",serif;font-weight:600;font-size:1.55rem;color:var(--ink)}
  .brand .sub{font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:600}

  .nav{display:flex;align-items:center;gap:.2rem;height:auto}
  .nav-item{position:relative}
  .nav-item>a,.nav-item>button{font-family:"Libre Franklin",sans-serif;font-size:.94rem;font-weight:500;color:var(--ink);background:none;border:0;cursor:pointer;padding:.55rem .8rem;display:inline-flex;align-items:center;gap:.3rem;border-radius:3px}
  .nav-item>a:hover,.nav-item>button:hover,.nav-item.open>button{color:var(--brass-deep)}
  .nav-item .caret{font-size:.62rem;transition:transform .18s;opacity:.7}
  .nav-item.open .caret{transform:rotate(180deg)}
  .nav-item>*::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.35rem;height:2px;background:var(--brass);transform:scaleX(0);transform-origin:left;transition:transform .18s}
  .nav-item:hover>a::after,.nav-item:hover>button::after,.nav-item.open>button::after{transform:scaleX(1)}

  /* dropdown panel */
  .panel{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--line);border-radius:6px;
    box-shadow:0 24px 50px -24px rgba(18,42,63,.45);padding:.5rem;min-width:236px;
    opacity:0;visibility:hidden;transform:translateY(-6px);transition:.17s;z-index:60}
  .nav-item:hover .panel,.nav-item:focus-within .panel,.nav-item.open .panel{opacity:1;visibility:visible;transform:none}
  .panel a{display:block;padding:.6rem .75rem;border-radius:4px;font-size:.9rem;color:var(--text)}
  .panel a:hover{background:var(--paper);color:var(--brass-deep)}
  .panel a small{display:block;font-size:.76rem;color:var(--muted);font-weight:400;margin-top:.1rem}
  .panel a:hover small{color:var(--muted)}
  .panel .head{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-deep);padding:.5rem .75rem .3rem}

  /* mega menu (Programs) */
  .mega{left:50%;transform:translateX(-50%) translateY(-6px);min-width:680px;padding:1.1rem;
    display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:.4rem 1.4rem}
  .nav-item:hover .mega,.nav-item.open .mega,.nav-item:focus-within .mega{transform:translateX(-50%) translateY(0)}
  .mega .col{display:flex;flex-direction:column}
  .mega .promo{background:var(--ink);border-radius:6px;padding:1.1rem;color:#fff;display:flex;flex-direction:column;justify-content:center}
  .mega .promo .tag{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass)}
  .mega .promo h4{font-family:"Spectral",serif;color:#fff;font-size:1.15rem;margin:.3rem 0 .2rem}
  .mega .promo p{font-size:.82rem;color:#C9D2DA;margin-bottom:.8rem}
  .mega .promo a{color:var(--brass);font-weight:700;font-size:.84rem}

  .actions{display:flex;align-items:center;gap:.6rem;margin-left:.6rem}
  .icon-btn{background:none;border:0;color:var(--ink);cursor:pointer;font-size:1.1rem;padding:.35rem;border-radius:3px;line-height:1}
  .icon-btn:hover{color:var(--brass-deep)}
  .search-box{position:absolute;top:100%;right:24px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:.6rem;box-shadow:0 20px 44px -24px rgba(18,42,63,.4);display:none;z-index:70}
  .search-box.open{display:block}
  .search-box input{width:280px;max-width:60vw;border:1px solid var(--line);border-radius:3px;padding:.6rem .8rem;font-size:.92rem}

  .burger{display:none;background:none;border:0;font-size:1.6rem;color:var(--ink);cursor:pointer;line-height:1}

  /* ===== MOBILE DRAWER ===== */
  .scrim{position:fixed;inset:0;background:rgba(12,32,50,.5);opacity:0;visibility:hidden;transition:.2s;z-index:200}
  .scrim.open{opacity:1;visibility:visible}
  .drawer{position:fixed;top:0;right:0;height:100%;width:min(360px,86vw);background:var(--paper);z-index:210;
    transform:translateX(100%);transition:transform .26s ease;overflow-y:auto;box-shadow:-20px 0 50px -20px rgba(0,0,0,.4)}
  .drawer.open{transform:none}
  .drawer .d-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.2rem;border-bottom:1px solid var(--line)}
  .drawer .d-head .mark{font-family:"Spectral",serif;font-size:1.3rem;color:var(--ink)}
  .drawer .close{background:none;border:0;font-size:1.6rem;color:var(--ink);cursor:pointer;line-height:1}
  .drawer nav{padding:.5rem 0}
  .acc>button{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;
    font:600 1rem/1.2 "Libre Franklin",sans-serif;color:var(--ink);padding:.95rem 1.2rem;cursor:pointer;text-align:left}
  .acc>button .caret{font-size:.7rem;transition:transform .18s;color:var(--muted)}
  .acc.open>button .caret{transform:rotate(180deg)}
  .acc .sub{max-height:0;overflow:hidden;transition:max-height .25s ease;background:var(--paper-card)}
  .acc.open .sub{max-height:420px}
  .acc .sub a{display:block;padding:.6rem 1.2rem .6rem 1.8rem;font-size:.92rem;color:var(--text);border-top:1px solid var(--line)}
  .acc .sub a:hover{color:var(--brass-deep)}
  .drawer .flat{display:block;padding:.95rem 1.2rem;font-weight:600;color:var(--ink);border-top:1px solid var(--line)}
  .drawer .d-cta{padding:1.1rem 1.2rem}
  .drawer .d-cta .btn{width:100%;justify-content:center}
  .drawer .d-util{padding:1rem 1.2rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.8rem 1.2rem}
  .drawer .d-util a{color:var(--muted)}.drawer .d-util a:hover{color:var(--brass-deep)}

  /* ===== demo content ===== */
  .demo-hero{background:linear-gradient(160deg,var(--ink),var(--ink-2));color:#fff;padding:70px 0}
  .demo-hero .eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
  .demo-hero h1{color:#fff;font-size:clamp(2rem,4vw,2.8rem);margin:.5rem 0 .6rem;max-width:24ch}
  .demo-hero p{color:#CBD5DE;max-width:40rem}
  .demo-body{padding:54px 0}
  .demo-body h2{font-size:1.5rem;margin-bottom:.5rem}
  .demo-body p{color:var(--muted);max-width:48rem;margin-bottom:1rem}
  .tip{background:var(--paper-card);border:1px dashed var(--line);border-left:3px solid var(--brass);border-radius:4px;padding:1rem 1.1rem;font-size:.9rem;color:var(--text);max-width:48rem}
  .filler{height:60vh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-style:italic;border-top:1px solid var(--line)}

  @media(max-width:980px){
    .nav,.actions .search-wrap,.main .btn{display:none}
    .burger{display:block}
    .util .left .net,.util .right .social{display:none}
  }


  /* ---------- hero featured video (click-to-play) ---------- */
  .feature-video .video-embed{position:relative;width:100%;aspect-ratio:16/9;cursor:pointer;
    background:#0b1f33;overflow:hidden;display:block}
  .feature-video .video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .feature-video .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:72px;height:72px;border-radius:50%;background:rgba(11,31,51,.72);
    box-shadow:0 8px 24px rgba(0,0,0,.4);transition:background .2s ease,transform .2s ease}
  .feature-video .video-play::after{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);
    border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
  .feature-video .video-embed:hover .video-play,
  .feature-video .video-embed:focus-visible .video-play{background:var(--brass-deep);transform:translate(-50%,-50%) scale(1.06)}
  .feature-video .video-embed:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
  .feature-video .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
  .feature-video .video-embed.playing{cursor:default}

  /* ===== 2026-08-26 QA fixes (home page) ===== */
  .sub-form button.btn{font-family:inherit;line-height:inherit}
  .search-box form{margin:0}
  @media(max-width:560px){
    .util .left>span{display:none}   /* hide the "A chapter of SAPA…" tagline on phones so the bar stays one line */
    .util .right{gap:.8rem}
    .util .right a{white-space:nowrap}
  }
  @media(max-width:980px){ .util .right .sep:last-of-type{display:none} }  /* no stray divider when the social icons are hidden */