/* ---------- TYPEFACES, self-hosted (was Google Fonts until 13 Sep 2026) ---------- */
  /* latin-ext */
  @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/fraunces-6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxCFTeO-U.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  /* latin */
  @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/fraunces-6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  /* latin-ext */
  @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/fraunces-6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxCFTeO-U.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  /* latin */
  @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/fraunces-6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  /* latin-ext */
  @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/fraunces-6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxCFTeO-U.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  /* latin */
  @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/fraunces-6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  /* latin-ext */
  @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/fraunces-6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxCFTeO-U.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  /* latin */
  @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/fraunces-6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  /* latin-ext */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  /* latin */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  /* latin-ext */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  /* latin */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  /* latin-ext */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  /* latin */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
  /* latin-ext */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
  /* latin */
  @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/inter-UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

  :root{
    --navy:#0A5A70;       /* primary base: the deep teal of the Social Impact Projects banner */
    --navy-deep:#072E42;  /* darker base */
    --teal-bright:#0E7C8E;
    --ink:#0B0F14;        /* near-black text */
    --paper:#FBF8F3;      /* warm off-white */
    --paper-2:#F3EEE6;
    --muted:#5A6675;
    --line:#E4DDD2;

    --gold:#D99A2B;       /* Unsung Achievers, "one lamp lights another" (on light backgrounds) */
    --gold-bright:#F2A93B; /* the banner's gold, large display text on dark backgrounds */
    --gold-on-dark:#F5BC66; /* small text on navy: clears WCAG AA 4.5:1, which the one above does not */
    --ni:#12356B;         /* Noor-e-Ilm, the navy of its crest */
    --ni-soft:#E3E9F5;
    --gold-soft:#F6E7C8;
    --green:#10A37F;      /* Courses */
    --green-soft:#D6F1E8;
    --blue:#3B82F6;

    --maxw:1180px;
    --radius:18px;
    --shadow:0 18px 50px -24px rgba(7,46,66,.45);
    --shadow-sm:0 8px 24px -16px rgba(7,46,66,.5);
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.serif{font-family:'Fraunces','Georgia',serif;font-weight:600;line-height:1.12;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  .eyebrow{
    font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;
    color:#8f5f07;
  }
  .hero .eyebrow,.cta-band .eyebrow{color:var(--gold-on-dark);}

  /* ---------- NAV ---------- */
  header.nav{
    position:sticky;top:0;z-index:50;
    background:rgba(251,248,243,.82);
    backdrop-filter:saturate(160%) blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;}
  .brand{display:flex;align-items:center;gap:12px;font-weight:700;flex:0 0 auto;white-space:nowrap;}
  .brand .mark{
    width:40px;height:40px;border-radius:50%;flex:0 0 auto;overflow:hidden;
    background:radial-gradient(circle at 30% 30%,var(--teal-bright),var(--navy));
    display:grid;place-items:center;color:#fff;font-family:'Fraunces',serif;font-size:1rem;
    box-shadow:0 0 0 2px rgba(217,154,43,.6);
  }
  .brand .mark img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
  .brand small{display:block;font-weight:500;color:var(--muted);font-size:.72rem;letter-spacing:.02em;}
  .nav-links{display:flex;gap:12px;align-items:center;font-size:.86rem;font-weight:500;}
  .nav-links a{color:var(--muted);transition:color .2s;white-space:nowrap;}
  /* links that also live in the footer drop out first as the bar narrows */
  .nav-links a:hover{color:var(--navy);}
  .nav-cta{
    background:var(--navy);color:#fff;padding:9px 18px;border-radius:999px;font-weight:600;
    box-shadow:var(--shadow-sm);transition:transform .18s;
  }
  .nav-links a.nav-cta,.nav-links a.nav-cta:hover{color:#fff;}
  .nav-cta:hover{transform:translateY(-1px);}
  @media(max-width:760px){
    .nav-links a:not(.nav-cta){display:none;}
    .brand small{display:none;}
    .brand{font-size:.82rem;white-space:normal;line-height:1.15;gap:10px;}
    .brand span{max-width:170px;}
    .nav-cta{padding:8px 14px;font-size:.82rem;white-space:nowrap;}
  }

  /* ---------- HERO ---------- */
  .hero{
    position:relative;overflow:hidden;
    background:
      radial-gradient(1200px 500px at 75% -10%,rgba(217,154,43,.16),transparent 60%),
      radial-gradient(900px 600px at 5% 110%,rgba(16,163,127,.14),transparent 55%),
      linear-gradient(180deg,var(--navy-deep),var(--navy));
    color:#EAF1F8;
  }
  .hero .wrap{display:grid;grid-template-columns:1.3fr .8fr;gap:54px;align-items:center;
    padding-top:74px;padding-bottom:84px;}
  .hero h1{font-size:clamp(2rem,4vw,3.15rem);color:#fff;letter-spacing:-.01em;margin:.4rem 0 0;}
  .hero .hero-line{font-family:'Fraunces',serif;font-size:1.22rem;color:var(--gold-bright);margin:16px 0 0;max-width:46ch;line-height:1.4;}
  .hero .role{font-size:1.06rem;color:#C9DCE4;margin:14px 0 0;max-width:54ch;}
  .creed{
    margin:30px 0 0;padding:18px 22px;border-left:3px solid var(--gold);
    background:rgba(255,255,255,.05);border-radius:0 12px 12px 0;
    font-family:'Fraunces',serif;font-size:1.06rem;color:#F4E9D4;font-style:italic;
  }
  .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
  .btn{
    display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;
    font-weight:600;font-size:.96rem;transition:transform .18s,box-shadow .18s;white-space:nowrap;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-gold{background:var(--gold);color:#3a2606;box-shadow:0 14px 30px -14px rgba(217,154,43,.8);}
  .btn-blue{background:var(--blue);color:#04122e;box-shadow:0 14px 30px -14px rgba(59,130,246,.8);}
  .btn-green{background:var(--green);color:#04261d;box-shadow:0 14px 30px -14px rgba(16,163,127,.8);}
  .btn-ghost{background:transparent;color:#EAF1F8;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);}
  .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);}

  /* portrait */
  .portrait-card{position:relative;}
  .portrait{
    aspect-ratio:4/5;border-radius:22px;overflow:hidden;position:relative;
    background:linear-gradient(160deg,var(--teal-bright),var(--navy-deep));
    box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08);
  }
  .portrait img{width:100%;height:100%;object-fit:cover;}
  .portrait .initials{
    position:absolute;inset:0;display:grid;place-items:center;
    font-family:'Fraunces',serif;font-size:4.4rem;color:rgba(217,154,43,.85);letter-spacing:.05em;
  }
  .portrait .lamp{
    position:absolute;left:0;right:0;bottom:0;padding:16px 18px;
    background:linear-gradient(180deg,transparent,rgba(7,46,66,.92));
    font-family:'Fraunces',serif;direction:rtl;font-size:1.15rem;color:#F4E9D4;text-align:center;
  }
  .floating-badge{
    position:absolute;top:-14px;right:12px;background:#fff;color:var(--navy);
    border-radius:14px;padding:10px 14px;box-shadow:var(--shadow);font-size:.8rem;font-weight:600;
    display:flex;align-items:center;gap:8px;
  }
  .floating-badge b{color:var(--green);}

  @media(max-width:880px){
    .hero .wrap{grid-template-columns:1fr;gap:40px;}
    .portrait-card{max-width:330px;margin:0 auto;}
  }

  /* ---------- STAT STRIP ---------- */
  .stats{background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.06);}
  .stats .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:26px 24px;}
  .stat{text-align:center;color:#cfe;}
  .stat b{display:block;font-family:'Fraunces',serif;font-size:1.7rem;color:#fff;line-height:1;}
  .stat span{font-size:.78rem;color:#A9C7D3;letter-spacing:.03em;}
  @media(max-width:760px){.stats .wrap{grid-template-columns:repeat(2,1fr);gap:22px;}
    .stat:last-child{grid-column:1/-1;}}

  /* ---------- SECTION SHELL ---------- */
  section{padding:84px 0;}
  .section-head{text-align:center;max-width:640px;margin:0 auto 50px;}
  .section-head h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:.4rem 0 0;color:var(--navy);}
  .section-head p{color:var(--muted);margin-top:14px;font-size:1.05rem;}

  /* ---------- THE THREE WINGS ---------- */
  #wings{background:#fff;padding-bottom:70px;}
  .wings{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}
  @media(max-width:900px){.wings{grid-template-columns:1fr;max-width:440px;margin:0 auto;}}
  .wing{
    background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
    padding:32px 26px 26px;text-align:center;box-shadow:var(--shadow-sm);
    display:flex;flex-direction:column;align-items:center;
  }
  .wing .plate{
    width:116px;height:116px;border-radius:50%;background:#fff;overflow:hidden;
    display:grid;place-items:center;
    box-shadow:0 0 0 3px rgba(242,169,59,.6),0 14px 30px -14px rgba(7,46,66,.5);
  }
  .wing .plate img{width:100%;height:100%;object-fit:cover;}
  .wing.ua .plate img{transform:scale(1.04);}
  .wing.cm .plate img{transform:scale(1.02);}
  .wing h3{font-size:1.42rem;margin:20px 0 6px;color:var(--navy);}
  .wing .wtag{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;}
  .wing.ua .wtag{color:#8f5f07;}
  .wing.cm .wtag{color:#0a6e56;}
  .wing.ni .wtag{color:var(--ni);}
  .wing p{color:var(--muted);font-size:.95rem;margin:14px 0 0;}
  .wing .wlink{margin-top:auto;padding-top:20px;font-weight:600;font-size:.88rem;color:var(--navy);}
  .wing .wlink:hover{color:#8f5f07;}
  .wing .wnote{margin-top:auto;padding-top:20px;font-size:.8rem;color:var(--muted);font-style:italic;font-family:'Fraunces',serif;}
  .founder-line{text-align:center;margin:36px auto 0;color:var(--muted);font-size:.95rem;max-width:620px;}
  .founder-line b{color:var(--navy);}
  .wfacts{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:6px;font-size:.84rem;color:var(--muted);width:100%;text-align:left;}
  .wfacts li{padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);}
  .wfacts b{color:var(--navy);}


  /* ---------- HERO: THE CENTRE NAME ---------- */
  .hero-tag{font-family:'Fraunces',serif;font-size:clamp(1.2rem,2.1vw,1.6rem);line-height:1.28;color:#fff;margin:16px 0 0;font-weight:500;max-width:34ch;}
  .hero-wings{margin:10px 0 0;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold-on-dark);}

  /* ---------- PURPOSE: PROBLEM, VISION, MISSION, VALUES, OBJECTIVES ---------- */
  #purpose{background:var(--paper);}
  .tagline-sub{max-width:60ch;}
  .problem{max-width:880px;margin:0 auto 34px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);
    border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow-sm);}
  .p-tag{display:inline-block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#8f5f07;margin-bottom:10px;}
  .problem p{margin:0;font-size:1.04rem;color:#2b3542;}
  .problem .context{margin-top:14px;font-size:.84rem;color:var(--muted);font-style:italic;}
  .vm{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px;margin:0 auto;}
  .vm-card{background:linear-gradient(160deg,var(--navy-deep),var(--navy));color:#EAF1F8;border-radius:var(--radius);padding:28px 28px 30px;box-shadow:var(--shadow);}
  .vm-card .p-tag{color:var(--gold-on-dark);}
  .vm-card p{font-family:'Fraunces',serif;font-size:1.2rem;line-height:1.42;margin:0;color:#fff;}
  .values{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin:30px auto 0;}
  .values .lead{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-right:6px;}
  .values span.v{padding:10px 20px;border-radius:999px;background:var(--gold-soft);color:#5b3d05;font-weight:700;font-family:'Fraunces',serif;font-size:1rem;}
  .objs-head{margin-top:64px;}
  .objs{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  .obj{background:#fff;border:1px solid var(--line);border-top:5px solid var(--navy);border-radius:var(--radius);
    padding:26px 26px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .obj.ua{border-top-color:var(--gold);}
  .obj.cm{border-top-color:var(--green);}
  .obj.ni{border-top-color:var(--ni);}
  .obj .onum{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted);}
  .obj h3{font-size:1.55rem;margin:6px 0 2px;color:var(--navy);}
  .obj .owing{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--navy);}
  .obj.ua .owing{color:#8f5f07;}
  .obj.cm .owing{color:#0a6e56;}
  .obj.ni .owing{color:var(--ni);}
  .obj p{color:#3a4452;font-size:.96rem;margin:12px 0 0;}
  .obj .osub{margin:10px 0 0;padding-left:18px;color:#3a4452;font-size:.92rem;display:grid;gap:6px;}
  .obj dl{margin:16px 0 0;display:grid;gap:10px;font-size:.86rem;}
  .obj dt{font-weight:700;color:var(--navy);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;}
  .obj dd{margin:2px 0 0;color:var(--muted);}
  .sdgs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px;}
  .sdg{font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--paper-2);color:var(--navy);border:1px solid var(--line);}
  .gov{max-width:820px;margin:34px auto 0;text-align:center;color:#3a4452;font-size:1rem;}
  .gov b{color:var(--navy);}
  .sdg-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:24px;}
  .sdg-strip div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 12px;text-align:center;}
  .sdg-strip b{display:block;font-family:'Fraunces',serif;font-size:1.6rem;color:var(--navy);line-height:1;}
  .sdg-strip span{display:block;font-size:.76rem;color:var(--muted);margin-top:6px;line-height:1.3;}
  @media(max-width:980px){.sdg-strip{grid-template-columns:repeat(3,1fr);}}
  @media(max-width:820px){.vm,.objs{grid-template-columns:1fr;}}
  @media(max-width:560px){.sdg-strip{grid-template-columns:repeat(2,1fr);}}

  /* ---------- WHAT MAKES THIS DIFFERENT ---------- */
  #different{background:#fff;}
  .diff-list{max-width:900px;margin:0 auto;display:grid;gap:0;}
  .diff-row{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:20px 4px;border-top:1px solid var(--line);align-items:start;}
  .diff-row:last-child{border-bottom:1px solid var(--line);}
  .diff-row .n{font-family:'Fraunces',serif;font-size:1.9rem;color:#8f5f07;line-height:1;}
  .diff-row b{font-family:'Fraunces',serif;font-size:1.14rem;color:var(--navy);display:block;margin-bottom:4px;}
  .diff-row p{margin:0;color:#3a4452;font-size:.97rem;}

  /* ---------- FALL 2026 CLASSES ---------- */
  #classes{background:linear-gradient(180deg,var(--paper-2),var(--paper));}
  .class-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:0 auto;}
  @media(max-width:820px){.class-grid{grid-template-columns:1fr;}}
  .class-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 22px;box-shadow:var(--shadow-sm);}
  .class-card .ccode{display:inline-block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#8f5f07;
    background:var(--gold-soft);padding:5px 11px;border-radius:999px;}
  .class-card h3{font-size:1.4rem;margin:12px 0 2px;color:var(--navy);}
  .class-card .cterm{font-size:.84rem;color:var(--muted);margin:0 0 14px;}
  .class-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
  .class-card li a{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;
    background:var(--paper);border:1px solid var(--line);font-size:.92rem;color:var(--navy);font-weight:600;}
  .class-card li a:hover{border-color:var(--gold);}
  .class-card li .kind{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:999px;
    background:var(--navy);color:#fff;}
  .class-card li .kind.notes{background:#0a6e56;}
  .class-card .cempty{margin:0;font-size:.9rem;color:var(--muted);font-style:italic;font-family:'Fraunces',serif;}
  .class-card .cextra{margin:14px 0 0;font-size:.86rem;}
  .class-card .cextra a{color:var(--navy);font-weight:600;border-bottom:1px solid var(--gold);}

  /* ---------- THE FOUR DUTIES OF A PROFESSOR ---------- */
  #duties{background:#fff;}
  .duties{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  @media(max-width:1080px){.duties{grid-template-columns:1fr 1fr;}}
  @media(max-width:620px){.duties{grid-template-columns:1fr;}}
  .duty{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:var(--radius);
    padding:24px 22px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .duty:nth-child(2){border-top-color:var(--navy);}
  .duty:nth-child(3){border-top-color:var(--ni);}
  .duty:nth-child(4){border-top-color:var(--green);}
  .duty .dn{font-family:'Fraunces',serif;font-size:2.3rem;color:#8f5f07;line-height:1;}
  .duty h3{font-size:1.32rem;margin:8px 0 0;color:var(--navy);}
  .duty ul{margin:12px 0 0;padding-left:18px;display:grid;gap:8px;color:#3a4452;font-size:.9rem;}
  .duty .dsrc{margin-top:auto;padding-top:14px;font-size:.78rem;color:var(--muted);}
  .duties-cta{text-align:center;margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .btn-navy{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm);}

  /* ---------- REACH ---------- */
  #reach{background:var(--paper);}
  .reach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  @media(max-width:1000px){.reach-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:520px){.reach-grid{grid-template-columns:1fr;}}
  .reach-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 18px;box-shadow:var(--shadow-sm);
    display:flex;flex-direction:column;color:inherit;}
  a.reach-card:hover{border-color:var(--gold);}
  .reach-card .rp{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#8f5f07;}
  .reach-card .rn{font-family:'Fraunces',serif;font-size:2.1rem;color:var(--navy);line-height:1.05;margin-top:8px;}
  .reach-card .rl{font-size:.84rem;color:var(--muted);}
  .reach-card .rx{font-size:.84rem;color:#3a4452;margin-top:8px;}
  .reach-foot{text-align:center;color:var(--muted);font-size:.84rem;max-width:780px;margin:22px auto 0;}

  /* ---------- SEND YOUR CV ---------- */
  .cvbox{display:grid;grid-template-columns:1.5fr .7fr;gap:28px;align-items:center;margin:34px 0 0;background:#fff;
    border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow-sm);}
  @media(max-width:820px){.cvbox{grid-template-columns:1fr;}}
  .cvbox h3{font-size:1.5rem;margin:6px 0 10px;color:var(--navy);}
  .cvbox p{margin:0 0 10px;color:#3a4452;font-size:.96rem;}
  .cvbox ol{margin:0 0 12px;padding-left:20px;color:#3a4452;font-size:.94rem;display:grid;gap:7px;}
  .cvbox .small{font-size:.82rem;color:var(--muted);}
  .cvbtns{display:grid;gap:12px;justify-items:start;}
  .cvbtns[hidden],.cvbtns a[hidden]{display:none;}
  .class-card li .kind.outline{background:#8f5f07;}
  #join-centre{background:linear-gradient(180deg,#fff,var(--paper-2));}
  .capacity{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:920px;margin:0 auto 8px;}
  .capacity span{padding:8px 16px;border-radius:999px;background:var(--gold-soft);color:#5b3d05;font-weight:600;font-size:.9rem;}
  #join-centre .cvbox{margin-top:30px;max-width:1000px;margin-left:auto;margin-right:auto;}
  .hero-noble{margin:14px 0 0;font-family:'Fraunces',serif;font-style:italic;font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--gold-bright);max-width:40ch;line-height:1.35;}
  .noble{max-width:880px;margin:0 auto 30px;text-align:center;background:var(--gold-soft);border:1px solid #ecd39b;border-radius:var(--radius);padding:16px 22px;
    font-family:'Fraunces',serif;font-size:1.12rem;color:#5b3d05;line-height:1.4;}
  .noble b{color:#3a2606;}
  .opts{border:1px solid var(--line);border-radius:12px;padding:12px 16px 14px;margin:6px 0 14px;background:var(--paper);}
  .opts legend{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#8f5f07;padding:0 6px;}
  .opts .og{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 14px;}
  @media(max-width:900px){.opts .og{grid-template-columns:1fr 1fr;}}
  @media(max-width:520px){.opts .og{grid-template-columns:1fr;}}
  .opts label{display:flex;gap:8px;align-items:center;font-size:.9rem;color:#3a4452;cursor:pointer;}
  .opts input{width:18px;height:18px;accent-color:var(--navy);}
  .how3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin:0 auto 34px;}
  @media(max-width:700px){.how3{grid-template-columns:1fr;}}
  .how3 div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:.92rem;color:#3a4452;}
  .how3 b{display:block;font-family:'Fraunces',serif;color:var(--navy);font-size:1.02rem;margin-bottom:2px;}
  .role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  @media(max-width:1180px){.role-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:620px){.role-grid{grid-template-columns:1fr;}}
  .role-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--radius);
    padding:22px 20px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .role-card:nth-child(4n+2){border-top-color:var(--green);}
  .role-card:nth-child(4n+3){border-top-color:var(--ni);}
  .role-card:nth-child(4n){border-top-color:var(--navy);}
  .role-card h3{font-size:1.2rem;margin:0 0 10px;color:var(--navy);}
  .role-card .rc-h{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#8f5f07;margin:10px 0 4px;}
  .role-card ul{margin:0;padding-left:18px;color:#3a4452;font-size:.9rem;display:grid;gap:5px;}
  .role-card p{margin:0;color:#3a4452;font-size:.9rem;}
  .role-card .btn{margin-top:auto;align-self:flex-start;padding:10px 16px;font-size:.88rem;}
  .role-card .rc-foot{margin-top:16px;padding-top:14px;}
  .survey-box{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:center;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);}
  .survey-box img{width:132px;height:132px;border-radius:8px;background:#fff;}
  .survey-box b{font-family:'Fraunces',serif;color:var(--navy);font-size:1.05rem;}
  .survey-box p{margin:4px 0 10px;font-size:.88rem;color:#3a4452;}
  .survey-box .btn{padding:9px 16px;font-size:.86rem;}
  .survey-box p.ethics{margin:10px 0 0;font-size:.8rem;color:var(--muted);}
  @media(max-width:520px){.survey-box{grid-template-columns:1fr;justify-items:start;}}

  /* ---------- WRITE FOR US ---------- */
  #write{background:linear-gradient(180deg,#fff,var(--paper-2));}
  .write-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}
  @media(max-width:900px){.write-grid{grid-template-columns:1fr;}}
  .write-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;
    box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .write-card h3{font-size:1.2rem;color:var(--navy);margin:0 0 12px;}
  .write-card ul,.write-card ol{margin:0;padding-left:20px;color:#3a4452;font-size:.94rem;display:grid;gap:8px;}
  .write-card .small{font-size:.82rem;color:var(--muted);margin:16px 0 0;}
  .write-card .btn{margin-top:20px;align-self:flex-start;}
  .write-quote{text-align:center;max-width:640px;margin:0 auto 40px;font-family:'Fraunces',serif;font-style:italic;
    font-size:1.08rem;color:#6a553a;}

  /* ---------- RESEARCH BULLETIN ---------- */
  #bulletin{background:var(--navy-deep);color:#EAF1F8;}
  #bulletin .eyebrow{color:var(--gold-on-dark);}  /* was inheriting the light-ground gold at 2.89:1 */
  #bulletin .section-head h2{color:#fff;}
  #bulletin .section-head p{color:#C9DCE4;}
  .bulletin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media(max-width:900px){.bulletin-grid{grid-template-columns:1fr;}}
  .bulletin-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:24px 22px;}
  .b-tag{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold-bright);}
  .bulletin-card h3{color:#fff;font-size:1.15rem;margin:10px 0 8px;}
  .bulletin-card p{color:#C9DCE4;font-size:.92rem;margin:0;}
  .bulletin-feature{margin-top:28px;padding:28px 30px;border-radius:var(--radius);
    background:linear-gradient(135deg,rgba(242,169,59,.14),rgba(255,255,255,.04));border:1px solid rgba(242,169,59,.35);}
  .bulletin-feature h3{color:#fff;font-size:1.35rem;margin:8px 0 10px;}
  .bulletin-feature p{color:#DCE8EE;margin:0 0 12px;max-width:78ch;}
  .bulletin-feature .ack{font-size:.76rem;color:#9FB8C4;margin:14px 0 0;}
  .bulletin-invite{margin-top:30px;text-align:center;}
  .bulletin-invite h3{color:#fff;font-size:1.25rem;margin:0 0 8px;}
  .bulletin-invite p{color:#C9DCE4;max-width:640px;margin:0 auto 18px;}

  /* ---------- CONTACT AND PROFILE LINKS ---------- */
  .contact-lines{margin-top:26px;color:#C9DCE4;font-size:.9rem;line-height:1.7;}
  .contact-lines a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
  .profile-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px;}
  .profile-links a{font-size:.82rem;font-weight:600;padding:8px 14px;border-radius:999px;
    border:1px solid rgba(255,255,255,.22);color:#EAF1F8;transition:background .16s;}
  .profile-links a:hover{background:rgba(255,255,255,.1);}

  /* ---------- THE MODEL ---------- */
  #centre{background:#fff;padding-top:70px;}
  .model-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;}
  .model-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:720px;}
  .model-table th{background:var(--navy);color:#fff;text-align:left;padding:14px 16px;font-weight:600;
    font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;}
  .model-table td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:top;color:#3a4452;}
  .model-table td b{color:var(--navy);font-family:'Fraunces',serif;font-size:1.02rem;}
  .model-table td small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;}
  .model-table tr:nth-child(even) td{background:var(--paper);}
  .model-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;}
  @media(max-width:900px){.model-facts{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.model-facts{grid-template-columns:1fr;}}
  .model-facts div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px;font-size:.88rem;color:var(--muted);}
  .model-facts b{display:block;color:var(--navy);font-family:'Fraunces',serif;font-size:1rem;margin-bottom:6px;}
  .model-note{text-align:center;max-width:740px;margin:26px auto 0;color:var(--muted);font-size:.92rem;}
  .print-link{font-size:.8rem;color:#6f8198;}


  /* ---------- SELECTED PUBLICATIONS ---------- */
  #publications{background:linear-gradient(180deg,var(--paper),var(--paper-2));}
  .pubs{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:900px;margin:0 auto;}
  .pubs li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;font-size:.92rem;color:#3a4452;
    display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;}
  .pubs .yr{font-family:'Fraunces',serif;font-weight:600;color:var(--navy);font-size:1.05rem;padding-top:2px;}
  .pubs .t{font-weight:600;color:var(--navy);display:block;margin-bottom:4px;}
  .pubs .j{color:var(--muted);font-size:.86rem;}
  .pubs .doi{display:inline-block;margin-top:6px;font-size:.8rem;font-weight:600;color:#0a6e56;word-break:break-all;}
  .pubs .doi:hover{color:var(--navy);}
  .pubs-foot{text-align:center;margin-top:26px;color:var(--muted);font-size:.92rem;}
  .pubs-foot a{font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px;}
  @media(max-width:560px){.pubs li{grid-template-columns:1fr;gap:6px;}}
  .foot-notes{margin-top:14px;color:#6f8198;font-size:.78rem;max-width:680px;line-height:1.6;}

  /* ---------- EVERY PLATFORM, ONE PLACE ---------- */
  .platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px auto 0;max-width:1040px;text-align:left;}
  @media(max-width:1000px){.platforms{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:520px){.platforms{grid-template-columns:1fr;}}
  .pf{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#EAF1F8;transition:background .16s,transform .16s;}
  a.pf:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);color:#fff;}
  .pf .pi{width:38px;height:38px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:var(--pc,#fff);color:#fff;}
  .pf .pi svg{width:19px;height:19px;fill:currentColor;display:block;}
  .pf b{display:block;font-size:.92rem;font-weight:600;color:#fff;}
  .pf small{display:block;color:#A9C7D3;font-size:.78rem;line-height:1.45;margin-top:2px;}
  .pf.note{grid-column:span 2;}
  @media(max-width:520px){.pf.note{grid-column:auto;}}
  .platform-lead{color:#C9DCE4;max-width:640px;margin:8px auto 0;font-size:.98rem;}

  /* ---------- ARTICLES ---------- */
  .articles-head{text-align:center;margin:48px auto 0;max-width:640px;}
  .articles-head h3{font-size:1.35rem;color:var(--navy);margin:0 0 8px;}
  .articles-head p{color:var(--muted);margin:0;}
  .articles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;}
  @media(max-width:900px){.articles{grid-template-columns:1fr;}}
  .art{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-sm);
    transition:transform .16s,box-shadow .16s;}
  .art:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
  .art .at{font-family:'Fraunces',serif;font-weight:600;color:var(--navy);font-size:1.05rem;line-height:1.3;display:block;}
  .art .ab{color:var(--muted);font-size:.84rem;margin-top:8px;display:block;}
  .art .ad{color:#8f5f07;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-top:10px;display:block;}
  .articles-empty{grid-column:1/-1;text-align:center;padding:24px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:.94rem;background:#fff;}

  /* ---------- PROJECTS AND EVENTS ---------- */
  #projects{background:#fff;}
  .projects{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  @media(max-width:880px){.projects{grid-template-columns:1fr;}}
  .proj{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 24px;box-shadow:var(--shadow-sm);}
  a.proj{display:block;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;}
  a.proj:hover{border-color:#8f5f07;box-shadow:0 14px 28px rgba(10,40,60,.14);transform:translateY(-3px);}
  .proj .ptag{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#8f5f07;}
  .proj .pstatus{float:right;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
    padding:4px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);}
  .proj .pstatus.live{color:#0a6e56;border-color:rgba(16,163,127,.45);}
  .proj .pstatus.done{color:var(--navy);border-color:rgba(10,90,112,.35);}
  .proj h3{font-size:1.3rem;margin:8px 0 8px;color:var(--navy);}
  .proj p{color:#3a4452;font-size:.95rem;margin:0 0 10px;}
  .proj .phook{font-family:'Fraunces',serif;font-style:italic;font-size:1rem;color:var(--navy);margin:2px 0 12px;}
  .proj .pmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
  .proj .pmeta span{font-size:.78rem;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 11px;}
  a.proj .wlink{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:700;font-size:.9rem;color:#8f5f07;}
  a.proj .wlink .arrow{transition:transform .18s ease;}
  a.proj:hover .wlink{color:#0a6e56;}
  a.proj:hover .wlink .arrow{transform:translateX(4px);}
  .gallery-head{text-align:center;margin:46px auto 0;max-width:640px;}
  .gallery-head h3{font-size:1.35rem;color:var(--navy);margin:0 0 8px;}
  .gallery-head p{color:var(--muted);margin:0;}
  .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;}
  @media(max-width:1000px){.gallery{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:520px){.gallery{grid-template-columns:1fr;}}
  .gitem{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);
    text-align:left;padding:0;font:inherit;color:inherit;cursor:pointer;width:100%;transition:transform .16s,box-shadow .16s;}
  .gitem:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
  .gitem .gthumb{aspect-ratio:4/3;background:var(--navy-deep);position:relative;overflow:hidden;}
  .gitem .gthumb img{width:100%;height:100%;object-fit:cover;}
  .gitem .gthumb .play{position:absolute;inset:0;display:grid;place-items:center;}
  .gitem .gthumb .play span{width:44px;height:44px;border-radius:50%;background:rgba(242,169,59,.96);display:grid;place-items:center;color:#3a2606;padding-left:3px;}
  .gitem .gcap{padding:10px 12px 12px;}
  .gitem .gcap b{display:block;font-size:.84rem;color:var(--navy);line-height:1.35;}
  .gitem .gcap small{display:block;color:var(--muted);font-size:.74rem;margin-top:3px;}
  .gallery-empty{grid-column:1/-1;text-align:center;padding:24px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:.94rem;background:var(--paper);}

  /* ---------- COLLABORATE WITH US ---------- */
  #partners{background:linear-gradient(180deg,var(--paper),var(--paper-2));}
  .partners{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media(max-width:1000px){.partners{grid-template-columns:1fr 1fr;}}
  @media(max-width:640px){.partners{grid-template-columns:1fr;}}
  .partner{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 24px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}
  .partner .ptag{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#8f5f07;}
  .partner h3{font-size:1.2rem;margin:8px 0 8px;color:var(--navy);}
  .partner p{color:#3a4452;font-size:.93rem;margin:0 0 10px;}
  .partner ul{margin:0;padding-left:18px;color:#3a4452;font-size:.9rem;display:grid;gap:5px;}
  .partner .give{margin-top:auto;padding-top:14px;font-size:.84rem;color:var(--muted);}
  .partner .give b{color:#0a6e56;}
  .start{margin-top:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch;}
  @media(max-width:880px){.start{grid-template-columns:1fr;}}
  .start-box{background:var(--navy);color:#EAF1F8;border-radius:var(--radius);padding:26px 28px;}
  .start-box h3{color:#fff;font-size:1.25rem;margin:0 0 10px;}
  .start-box p{color:#C9DCE4;margin:0 0 10px;font-size:.95rem;}
  .start-box ol{margin:0 0 16px;padding-left:20px;color:#EAF1F8;font-size:.95rem;display:grid;gap:6px;}
  .start-box .btn{margin-top:4px;}
  .start-side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;}
  .start-side h3{font-size:1.1rem;color:var(--navy);margin:0 0 10px;}
  .start-side p{color:var(--muted);font-size:.9rem;margin:0 0 12px;}
  .start-side a.doc{display:block;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px;margin:6px 0;font-size:.92rem;}

  /* ---------- ACCESSIBILITY ---------- */
  .skip{position:absolute;left:-999px;top:8px;background:var(--gold-bright);color:#3a2606;padding:10px 14px;
    border-radius:8px;z-index:200;font-weight:600;}
  .skip:focus{left:12px;}
  a:focus-visible,button:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px;}

  /* ---------- UNSUNG ACHIEVERS ON YOUTUBE, THREE STREAMS ---------- */
  #channels{background:linear-gradient(180deg,var(--paper),var(--paper-2));}
  .split{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;}
  @media(max-width:1080px){.split{grid-template-columns:1fr 1fr;}}
  @media(max-width:720px){.split{grid-template-columns:1fr;}}

  .channel{
    background:#fff;border-radius:var(--radius);overflow:hidden;
    box-shadow:var(--shadow);border:1px solid var(--line);
    display:flex;flex-direction:column;
  }
  .channel .top{padding:28px 24px 20px;position:relative;}
  .channel.usa .top{background:linear-gradient(135deg,#fff,var(--gold-soft));}
  .channel.pod .top{background:linear-gradient(135deg,#fff,#E3EDF9);}
  .channel.cm  .top{background:linear-gradient(135deg,#fff,var(--green-soft));}
  .ch-tag{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:#fff;}
  .channel.usa .ch-tag{color:#8f5f07;box-shadow:inset 0 0 0 1px rgba(217,154,43,.45);}
  .channel.pod .ch-tag{color:#1c4a80;box-shadow:inset 0 0 0 1px rgba(59,130,246,.40);}
  .channel.cm  .ch-tag{color:#0a6e56;box-shadow:inset 0 0 0 1px rgba(16,163,127,.45);}
  .channel h3{font-size:1.42rem;margin:16px 0 6px;color:var(--navy);}
  .channel .tagline{font-style:italic;font-family:'Fraunces',serif;color:#6a553a;font-size:.98rem;}
  .channel.pod .tagline{color:#1c4a80;}
  .channel.cm  .tagline{color:#0a6e56;}
  .channel .desc{color:var(--muted);font-size:.93rem;margin-top:14px;}

  .mini-stats{display:flex;gap:18px;margin-top:18px;flex-wrap:wrap;}
  .mini-stats div{font-size:.8rem;color:var(--muted);}
  .mini-stats b{display:block;font-family:'Fraunces',serif;font-size:1.15rem;color:var(--navy);}

  .videos{padding:14px 24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .video-tile{
    display:flex;flex-direction:column;text-align:left;cursor:pointer;
    border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;
    transition:transform .18s,box-shadow .18s,border-color .18s;
    font:inherit;color:inherit;padding:0;width:100%;
  }
  .video-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:transparent;}
  .video-tile .thumb{position:relative;aspect-ratio:16/9;background:var(--navy-deep);overflow:hidden;}
  .video-tile .thumb img{width:100%;height:100%;object-fit:cover;}
  .video-tile .thumb .play{position:absolute;inset:0;display:grid;place-items:center;
    background:rgba(7,46,66,.12);transition:background .18s;}
  .video-tile:hover .thumb .play{background:rgba(7,46,66,.28);}
  .video-tile .thumb .play span{
    width:46px;height:46px;border-radius:50%;background:rgba(217,154,43,.96);
    display:grid;place-items:center;color:#3a2606;font-size:1rem;padding-left:3px;
    box-shadow:0 6px 18px -6px rgba(0,0,0,.55);transition:transform .18s;
  }
  .channel.pod .video-tile .thumb .play span{background:rgba(59,130,246,.96);color:#06224a;}
  .channel.cm  .video-tile .thumb .play span{background:rgba(16,163,127,.96);color:#04261d;}
  .video-tile:hover .thumb .play span{transform:scale(1.08);}
  .video-tile .meta{padding:10px 11px 12px;}
  .video-tile .meta b{font-size:.79rem;color:var(--navy);font-weight:600;display:block;
    font-family:'Inter',sans-serif;line-height:1.35;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

  .videos-foot{padding:16px 24px 0;}
  .videos-foot a{font-size:.83rem;font-weight:600;color:var(--navy);}
  .videos-foot a:hover{color:var(--gold);}
  .channel.pod .videos-foot a:hover{color:var(--blue);}
  .channel.cm .videos-foot a:hover{color:var(--green);}

  .placeholder-tile{
    grid-column:1/-1;display:block;text-align:center;padding:26px;border:1px dashed var(--line);
    border-radius:14px;color:var(--muted);font-size:.92rem;cursor:pointer;background:#fff;
  }
  .placeholder-tile b{color:var(--navy);font-family:'Inter',sans-serif;}

  /* ---------- VIDEO MODAL ---------- */
  .modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;
    padding:24px;background:rgba(6,15,26,.88);backdrop-filter:blur(6px);}
  .modal.open{display:flex;}
  .modal-box{width:min(960px,100%);}
  .modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
  .modal-head b{color:#fff;font-family:'Fraunces',serif;font-size:1.05rem;font-weight:600;}
  .modal-close{background:rgba(255,255,255,.12);color:#fff;border:none;width:40px;height:40px;
    border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;flex:0 0 auto;transition:background .18s;}
  .modal-close:hover{background:rgba(255,255,255,.28);}
  .modal-frame{position:relative;aspect-ratio:16/9;width:100%;border-radius:14px;overflow:hidden;
    background:#000;box-shadow:0 30px 80px -20px rgba(0,0,0,.85);}
  .modal-frame iframe,.modal-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;}
  .modal-foot{margin-top:14px;text-align:center;}
  .modal-foot a{color:#cdd9e6;font-size:.84rem;}
  .modal-foot a:hover{color:#fff;}

  .channel .foot{padding:20px 24px 26px;margin-top:auto;}
  .channel .foot .row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
  /* branded social icons */
  .soc{display:flex;gap:10px;flex-wrap:wrap;}
  .soc.mt{margin-top:16px;}
  .soc a{
    --bc:var(--navy);
    width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
    background:#fff;color:var(--navy);border:1px solid var(--line);
    transition:transform .16s,background .16s,color .16s,border-color .16s,box-shadow .16s;
  }
  .soc a svg{width:20px;height:20px;fill:currentColor;display:block;}
  .soc a:hover{transform:translateY(-3px);background:var(--bc);color:#fff;
    border-color:transparent;box-shadow:var(--shadow-sm);}
  .soc.on-dark a{background:rgba(255,255,255,.07);color:#EAF1F8;border-color:rgba(255,255,255,.14);}
  .soc.on-dark a:hover{background:var(--bc);color:#fff;border-color:transparent;}
  .soc-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
    color:var(--muted);margin-bottom:12px;}

  .bridge{
    text-align:center;max-width:620px;margin:46px auto 0;color:var(--muted);font-size:1.02rem;
  }
  .bridge b{color:var(--navy);}

  /* ---------- ABOUT ---------- */
  #about{background:#fff;}
  .about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:center;}
  @media(max-width:880px){.about-grid{grid-template-columns:1fr;gap:34px;}}
  .about-grid p{color:#3a4452;font-size:1.04rem;margin:0 0 16px;}
  .about-grid .lead{font-family:'Fraunces',serif;font-size:1.35rem;color:var(--navy);line-height:1.4;}
  .creds{display:grid;gap:12px;}
  .cred{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;
    background:var(--paper);border:1px solid var(--line);}
  .cred .ic{width:44px;height:40px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;
    background:var(--navy);color:var(--gold-on-dark);font-family:'Fraunces',serif;font-size:.86rem;font-weight:600;letter-spacing:.04em;}
  .cred b{color:var(--navy);font-family:'Fraunces',serif;font-size:1rem;}
  .cred small{color:var(--muted);display:block;font-size:.86rem;}

  /* ---------- CTA BAND ---------- */
  .cta-band{
    background:linear-gradient(120deg,var(--navy-deep),var(--navy));color:#fff;text-align:center;
  }
  .cta-band h2{color:#fff;font-size:clamp(1.7rem,3.2vw,2.3rem);}
  .cta-band p{color:#C9DCE4;max-width:560px;margin:14px auto 28px;}
  .cta-band .hero-ctas{justify-content:center;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--ink);color:#9fb0c2;padding:54px 0 40px;font-size:.9rem;}
  .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start;}
  footer a{color:#cdd9e6;}
  footer a:hover{color:#fff;}
  .foot-brand{max-width:340px;}
  .foot-brand .serif{color:#fff;font-size:1.2rem;}
  .foot-links{display:flex;gap:40px;flex-wrap:wrap;}
  .foot-col b{color:#fff;display:block;margin-bottom:10px;font-size:.82rem;letter-spacing:.08em;
    text-transform:uppercase;}
  .foot-col a{display:block;margin-bottom:7px;}
  .disclaimer{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);
    color:#6f8198;font-size:.8rem;max-width:680px;}
  .disclaimer + .disclaimer{margin-top:10px;padding-top:0;border-top:none;}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:22px;padding-top:22px;
    display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#6f8198;}
  .journey{font-family:'Fraunces',serif;font-style:italic;color:var(--gold-bright);}

  /* reveal animation */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in{opacity:1;transform:none;}
  /* ---------- PRINT, A4 ---------- */
  /* ---------- CERTIFICATION ---------- */
  #certify{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .apply-band{
    background:linear-gradient(105deg,var(--navy-deep),var(--navy) 55%,var(--teal-bright));
    color:#fff;border-radius:var(--radius);padding:46px 40px;margin-bottom:34px;
    box-shadow:var(--shadow);position:relative;overflow:hidden;
  }
  .apply-band::after{
    content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;border-radius:50%;
    background:radial-gradient(circle,rgba(242,169,59,.30),transparent 68%);
  }
  .apply-band h2{font-size:clamp(1.9rem,4.4vw,3rem);margin:.18em 0 .3em;color:#fff;}
  .apply-band p{margin:0;max-width:60ch;color:rgba(255,255,255,.90);font-size:1.03rem;}
  .apply-band .eyebrow{color:var(--gold-on-dark);}

  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 36px;}
  .step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;box-shadow:var(--shadow-sm);}
  .step .n{
    width:30px;height:30px;border-radius:50%;background:var(--gold);color:#fff;font-weight:700;
    display:grid;place-items:center;font-size:.86rem;margin-bottom:11px;
  }
  .step b{display:block;font-size:1rem;margin-bottom:5px;}
  .step p{margin:0;font-size:.88rem;color:var(--muted);}

  .courses{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px;}
  .course{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px 24px;
    box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  }
  .course .ctag{
    display:inline-block;align-self:flex-start;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
    color:#0b6b52;background:var(--green-soft);padding:5px 11px;border-radius:999px;margin-bottom:13px;
  }
  .course h3{font-size:1.32rem;margin:0 0 6px;}
  .course .by{font-size:.84rem;color:var(--muted);margin:0 0 16px;}
  .cstats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px;}
  .cstats div{background:#fff;padding:11px 13px;}
  .cstats b{display:block;font-size:1.02rem;line-height:1.2;}
  .cstats small{font-size:.71rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;}
  .course h4{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 9px;font-family:'Inter',sans-serif;font-weight:700;}
  .course ul{margin:0 0 18px;padding-left:19px;font-size:.92rem;}
  .course ul li{margin-bottom:6px;}
  .chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px;}
  .chip{font-size:.76rem;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--muted);}
  .course .cfoot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);}
  .course .cfoot a{font-weight:600;color:var(--navy);font-size:.9rem;}
  .course .cfoot a:hover{color:var(--gold);}

  /* ---------- SMART-DESIGN ---------- */
  .smart{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:34px 34px 28px;box-shadow:var(--shadow-sm);margin-bottom:24px;overflow-x:auto;
  }
  .smart h3{margin:0 0 6px;font-size:1.34rem;}
  .smart .sub{color:var(--muted);margin:0 0 22px;font-size:.95rem;max-width:74ch;}
  table.sd{border-collapse:collapse;width:100%;font-size:.93rem;min-width:560px;}
  table.sd th{
    font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
    font-weight:700;text-align:left;padding:0 12px 9px;border-bottom:1px solid var(--line);
  }
  table.sd td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle;}
  table.sd td.l{width:56px;}
  table.sd td.l span{
    display:grid;place-items:center;width:34px;height:34px;border-radius:9px;
    background:var(--navy);color:#fff;font-family:'Fraunces',serif;font-size:1.12rem;font-weight:600;
  }
  table.sd tr.insight td.l span{background:var(--gold);}
  table.sd tr.insight td{background:var(--gold-soft);}
  table.sd td b{font-size:.97rem;}
  table.sd td.q{color:var(--muted);}
  table.sd tr:last-child td{border-bottom:none;}
  .smart .note{margin:18px 0 0;font-size:.86rem;color:var(--muted);max-width:76ch;}
  @media(max-width:620px){.smart{padding:24px 20px 20px;}}
  .hours-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-sm);margin-bottom:24px;overflow-x:auto;}
  .hours-wrap h3{margin:0 0 6px;font-size:1.2rem;}
  .hours-wrap>p{margin:0 0 18px;color:var(--muted);font-size:.92rem;max-width:74ch;}
  table.hours{border-collapse:collapse;width:100%;font-size:.9rem;min-width:520px;}
  table.hours th,table.hours td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;}
  table.hours th{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700;}
  table.hours td:not(:first-child){text-align:center;}
  table.hours tr.total td{font-weight:700;background:var(--paper-2);}

  .apply-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;}
  .apply-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow-sm);}
  .apply-box.gold{background:linear-gradient(160deg,#fff,var(--gold-soft));border-color:#E8D3A6;}
  .apply-box h3{margin:0 0 12px;font-size:1.22rem;}
  .apply-box ol,.apply-box ul{padding-left:19px;margin:0 0 18px;font-size:.93rem;}
  .apply-box li{margin-bottom:7px;}

  /* ---------- PEOPLE ---------- */
  #people{background:var(--paper);}
  .copi{
    display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:center;
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:28px;box-shadow:var(--shadow-sm);margin-bottom:44px;
  }
  .copi img{border-radius:14px;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;box-shadow:var(--shadow-sm);}
  .copi .mono{
    width:100%;aspect-ratio:4/5;border-radius:14px;display:grid;place-items:center;
    background:linear-gradient(150deg,var(--navy-deep),var(--teal-bright));
    color:var(--gold-bright);font-family:'Fraunces',serif;font-size:2.6rem;letter-spacing:.06em;
    box-shadow:var(--shadow-sm);
  }
  .copi .role{
    display:inline-block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
    color:#8f5f07;background:var(--gold-soft);padding:5px 11px;border-radius:999px;margin-bottom:11px;
  }
  .copi h3{margin:0 0 3px;font-size:1.5rem;}
  .copi .where{color:var(--muted);font-size:.93rem;margin:0 0 15px;}
  .copi p{font-size:.96rem;}

  .collabs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px;}
  .collab{
    display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center;
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:22px;box-shadow:var(--shadow-sm);
  }
  .collab img{border-radius:12px;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;box-shadow:var(--shadow-sm);}
  .collab h3{margin:0 0 3px;font-size:1.16rem;}
  .collab .where{color:var(--muted);font-size:.84rem;margin:0 0 10px;}
  .collab p{font-size:.9rem;margin:0 0 10px;}
  @media(max-width:1080px){.collabs{grid-template-columns:1fr 1fr;}}
  @media(max-width:720px){.collabs{grid-template-columns:1fr;}}
  .achievers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:44px;}
  .ach{
    background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 17px;
    box-shadow:var(--shadow-sm);transition:transform .18s,border-color .18s;display:block;
  }
  .ach:hover{transform:translateY(-2px);border-color:var(--gold);}
  .ach b{display:block;font-size:.95rem;line-height:1.25;}
  .ach small{display:block;color:var(--muted);font-size:.8rem;line-height:1.4;margin-top:3px;}
  .ach span{display:inline-block;margin-top:9px;font-size:.78rem;font-weight:600;color:var(--navy);}
  .ach:hover span{color:var(--gold);}
  @media(max-width:900px){.achievers{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.achievers{grid-template-columns:1fr;}}
  .team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:18px;}
  .person{text-align:center;}
  .person img{border-radius:13px;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;box-shadow:var(--shadow-sm);margin-bottom:9px;}
  .person b{display:block;font-size:.9rem;line-height:1.25;}
  .person small{display:block;color:var(--muted);font-size:.76rem;line-height:1.35;margin-top:2px;}

  .slogan{
    text-align:center;font-family:'Fraunces',serif;font-size:1.12rem;color:var(--navy);
    max-width:62ch;margin:0 auto 46px;padding:18px 24px;border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .join-amb{
    background:linear-gradient(150deg,var(--navy-deep),var(--navy) 60%,var(--teal-bright));
    color:#fff;border-radius:var(--radius);padding:34px 32px;margin-top:26px;box-shadow:var(--shadow);
    display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;
  }
  .join-amb h3{margin:.2em 0 10px;font-size:1.5rem;color:#fff;}
  .join-amb p{color:rgba(255,255,255,.90);font-size:.95rem;}
  .join-amb .quote{font-family:'Fraunces',serif;font-size:1.06rem;border-left:3px solid var(--gold-bright);padding-left:15px;margin:0 0 16px;}
  .join-amb .eyebrow{color:var(--gold-on-dark);}
  .roles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
  .roles span{font-size:.78rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 12px;}
  .join-amb ul{margin:0 0 18px;padding-left:19px;font-size:.93rem;color:rgba(255,255,255,.92);}
  .join-amb li{margin-bottom:6px;}
  @media(max-width:860px){.join-amb{grid-template-columns:1fr;padding:26px 22px;}}
  .amb-wall{display:grid;grid-template-columns:repeat(9,1fr);gap:9px;margin-top:20px;}
  .amb-wall img{border-radius:9px;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;box-shadow:var(--shadow-sm);}

  @media(max-width:980px){
    .steps{grid-template-columns:repeat(2,1fr);}
    .courses{grid-template-columns:1fr;}
    .apply-grid{grid-template-columns:1fr;}
    .copi{grid-template-columns:1fr;}
    .copi img{max-width:230px;}
    .team-grid{grid-template-columns:repeat(3,1fr);}
    .amb-wall{grid-template-columns:repeat(6,1fr);}
  }
  @media(max-width:560px){
    .steps{grid-template-columns:1fr;}
    .apply-band{padding:32px 24px;}
    .team-grid{grid-template-columns:repeat(2,1fr);}
    .amb-wall{grid-template-columns:repeat(4,1fr);}
  }

  .outreach{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;}
  .ocard{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s;}
  .ocard:hover{transform:translateY(-3px);}
  .ocard img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--paper-2);}
  .ocard span{display:block;padding:11px 13px 13px;font-size:.83rem;line-height:1.35;color:var(--ink);font-weight:500;}
  @media(max-width:860px){.outreach{grid-template-columns:repeat(2,1fr);}}
  /* ---------- A PERSONAL REFLECTION ---------- */
  #reflection{background:var(--paper);}
  .reflection{
    max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);
    border-radius:var(--radius);padding:52px 56px 44px;box-shadow:var(--shadow-sm);position:relative;
  }
  .reflection::before{
    content:"";position:absolute;left:0;top:38px;bottom:38px;width:4px;border-radius:0 4px 4px 0;
    background:linear-gradient(var(--gold),var(--teal-bright));
  }
  .reflection p{
    font-size:1.06rem;line-height:1.72;margin:0 0 20px;color:#22303C;
  }
  .reflection p.opening{font-size:1.12rem;}
  .reflection .lamp-line{
    text-align:center;margin:32px 0;padding:24px 20px;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  }
  .reflection .lamp-line .ur{
    font-size:1.9rem;line-height:1.6;color:var(--navy);direction:rtl;display:block;margin-bottom:8px;
  }
  .reflection .lamp-line small{color:var(--muted);font-size:.92rem;}
  .reflection .sign{
    margin-top:30px;padding-top:22px;border-top:1px solid var(--line);
    display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  }
  .reflection .sign img{width:54px;height:54px;border-radius:50%;object-fit:cover;object-position:center top;box-shadow:var(--shadow-sm);}
  .reflection .sign b{display:block;font-size:.98rem;}
  .reflection .sign small{display:block;color:var(--muted);font-size:.84rem;}
  .reflection .where{
    margin-top:18px;font-size:.85rem;color:var(--muted);
  }
  @media(max-width:680px){.reflection{padding:34px 26px 30px;}.reflection p{font-size:1rem;}}
  .says-head{text-align:center;max-width:680px;margin:44px auto 0;}
  .says-head h3{font-size:1.35rem;color:var(--navy);margin:0 0 8px;}
  .says-head p{color:var(--muted);margin:0;font-size:.94rem;}
  .says{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:26px auto 0;}
  .say{
    background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 24px 20px;
    box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  }
  .say .mark{font-family:'Fraunces',serif;font-size:2.4rem;line-height:.7;color:var(--gold);margin-bottom:10px;}
  .say p{font-size:.95rem;line-height:1.6;margin:0 0 16px;}
  .say .ur{direction:rtl;font-size:1.1rem;}
  .say .by{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);}
  .say .by b{display:block;font-size:.92rem;}
  .say .by small{display:block;color:var(--muted);font-size:.79rem;line-height:1.4;margin-top:2px;}
  @media(max-width:780px){.says{grid-template-columns:1fr;}}
  .recent{
    max-width:760px;margin:34px auto 0;background:var(--navy-deep);color:#fff;
    border-radius:var(--radius);padding:38px 42px;box-shadow:var(--shadow);position:relative;overflow:hidden;
  }
  .recent::after{
    content:"";position:absolute;left:-120px;top:-140px;width:380px;height:380px;border-radius:50%;
    background:radial-gradient(circle,rgba(242,169,59,.20),transparent 68%);
  }
  .recent .eyebrow{color:var(--gold-on-dark);position:relative;}
  .recent h3{color:#fff;font-size:1.34rem;margin:.25em 0 18px;position:relative;font-family:'Fraunces',serif;}
  .recent p{position:relative;font-size:1rem;line-height:1.65;color:rgba(255,255,255,.92);margin:0 0 14px;}
  .recent p.punch{
    font-family:'Fraunces',serif;font-size:1.2rem;color:var(--gold-bright);line-height:1.4;
  }
  .recent .tag{position:relative;display:block;margin-top:18px;font-size:.82rem;color:rgba(255,255,255,.62);}
  @media(max-width:680px){.recent{padding:28px 24px;}}
  .series{max-width:900px;margin:30px auto 0;}
  .series-row{
    display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:baseline;
    padding:15px 0;border-bottom:1px solid var(--line);
  }
  .series-row:first-child{border-top:1px solid var(--line);}
  .series-row b{font-family:'Fraunces',serif;font-size:1.06rem;color:var(--navy);line-height:1.25;}
  .series-row p{margin:0;font-size:.93rem;color:var(--muted);line-height:1.55;}
  .series-foot{
    text-align:center;margin-top:22px;font-size:.9rem;color:var(--muted);
  }
  @media(max-width:720px){
    .series-row{grid-template-columns:1fr;gap:5px;padding:14px 0;}
  }
  /* ---------- THE TWO-YEAR RECORD ---------- */
  #journey{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .spine{position:relative;max-width:860px;margin:0 auto;padding-left:22px;}
  .spine::before{
    content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;
    background:linear-gradient(var(--gold),var(--teal-bright));border-radius:2px;
  }
  .yr{
    position:relative;margin:0 0 30px;padding-left:26px;
  }
  .yr::before{
    content:"";position:absolute;left:-22px;top:7px;width:12px;height:12px;border-radius:50%;
    background:var(--gold);box-shadow:0 0 0 4px var(--paper-2),0 0 0 5px var(--line);
  }
  .yr .when{
    font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#8f5f07;
    display:block;margin-bottom:3px;
  }
  .yr b{display:block;font-family:'Fraunces',serif;font-size:1.12rem;line-height:1.25;margin-bottom:4px;}
  .yr p{margin:0;color:var(--muted);font-size:.92rem;}
  .yr.now::before{background:var(--teal-bright);}

  .alumni{
    background:linear-gradient(155deg,#fff,var(--gold-soft));
    border:1px solid #E8D3A6;border-radius:var(--radius);padding:34px 32px;margin:26px 0 44px;
    box-shadow:var(--shadow-sm);
  }
  .alumni .quote{
    font-family:'Fraunces',serif;font-size:1.22rem;line-height:1.45;color:var(--navy);
    border-left:3px solid var(--gold);padding-left:17px;margin:0 0 20px;max-width:62ch;
  }
  .alumni h3{margin:.2em 0 6px;font-size:1.5rem;}
  .steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0;}
  .st{background:rgba(255,255,255,.72);border:1px solid #EADFC6;border-radius:13px;padding:18px 18px 16px;}
  .st .k{
    font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#8f5f07;
    display:block;margin-bottom:6px;
  }
  .st b{display:block;font-size:1.02rem;margin-bottom:5px;}
  .st p{margin:0;font-size:.9rem;color:var(--muted);}
  @media(max-width:820px){.steps3{grid-template-columns:1fr;}}
  /* ---------- THE ADVICE THE FEE CAME FROM ---------- */
  .advice{
    display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center;
    background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);
    border-radius:var(--radius);padding:30px 32px;margin-bottom:24px;box-shadow:var(--shadow-sm);
  }
  .advice img{border-radius:12px;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;box-shadow:var(--shadow-sm);}
  .advice blockquote{
    margin:0 0 14px;font-family:'Fraunces',serif;font-size:clamp(1.2rem,2.4vw,1.6rem);
    line-height:1.32;color:var(--navy);
  }
  .advice cite{
    display:block;font-style:normal;font-size:.85rem;color:var(--muted);margin-bottom:16px;
  }
  .advice cite b{color:var(--ink);font-style:normal;}
  .advice p{margin:0 0 10px;font-size:.96rem;}
  .advice p:last-child{margin-bottom:0;}
  .advice .rule{
    display:inline-block;font-size:.8rem;font-weight:600;background:var(--gold-soft);
    border:1px solid #E8D3A6;border-radius:999px;padding:5px 13px;margin:4px 6px 0 0;color:#7a5210;
  }
  @media(max-width:760px){
    .advice{grid-template-columns:1fr;gap:18px;padding:24px 22px;}
    .advice img{max-width:120px;}
  }
  .fee{
    background:rgba(255,255,255,.72);border:1px solid #EADFC6;border-radius:12px;
    padding:16px 17px 14px;margin-top:16px;
  }
  .fee b{font-size:.95rem;}
  .fee>b{display:block;margin-bottom:8px;}
  .fee p{font-size:.9rem;margin:0 0 7px;}

  /* ---------- WHAT COUNTS AS A CONTRIBUTION ---------- */
  .principle{
    background:linear-gradient(150deg,var(--navy-deep),var(--navy) 58%,var(--teal-bright));
    color:#fff;border-radius:var(--radius);padding:40px 38px;margin:0 0 30px;
    box-shadow:var(--shadow);position:relative;overflow:hidden;
  }
  .principle::after{
    content:"";position:absolute;right:-110px;bottom:-150px;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle,rgba(242,169,59,.24),transparent 68%);
  }
  .principle .eyebrow{color:var(--gold-on-dark);}
  .principle h3{
    font-size:clamp(1.5rem,3vw,2rem);margin:.2em 0 18px;color:#fff;max-width:24ch;
  }
  .principle .his-words{
    margin:0 0 22px;padding:0 0 0 18px;border-left:3px solid var(--gold-bright);
    font-family:'Fraunces',serif;font-size:1.16rem;line-height:1.5;color:#fff;max-width:62ch;
  }
  .principle .his-words cite{
    display:block;font-style:normal;font-family:'Inter',sans-serif;font-size:.84rem;
    color:rgba(255,255,255,.72);margin-top:10px;
  }
  .principle .lead{font-size:1.06rem;color:rgba(255,255,255,.92);max-width:66ch;margin-bottom:26px;}
  .gifts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;}
  .gift{
    background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:13px;
    padding:18px 18px 16px;
  }
  .gift b{display:block;font-family:'Fraunces',serif;font-size:1.08rem;margin-bottom:6px;}
  .gift p{margin:0;font-size:.88rem;color:rgba(255,255,255,.86);}
  @media(max-width:900px){.gifts{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.gifts{grid-template-columns:1fr;}}
  /* ---------- THE THREE ROUTES ---------- */
  .routes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .route{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;
    box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  }
  .route .num{
    width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;
    background:var(--navy);color:#fff;font-size:.9rem;margin-bottom:13px;
  }
  .route h3{margin:0 0 8px;font-size:1.2rem;}
  .route p{font-size:.92rem;margin:0 0 14px;}
  .route ul{margin:0 0 18px;padding-left:19px;font-size:.9rem;color:var(--muted);}
  .route li{margin-bottom:5px;}
  .route .btn{margin-top:auto;}
  @media(max-width:900px){.routes{grid-template-columns:1fr;}}
  /* Someone who has asked their system to reduce motion should not be given
     a scroll reveal on sixteen sections. */
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{
      animation-duration:.01ms !important;animation-iteration-count:1 !important;
      transition-duration:.01ms !important;scroll-behavior:auto !important;
    }
    .reveal{opacity:1 !important;transform:none !important;}
  }

  /* ---------- PRIVACY ---------- */
  #privacy{background:var(--paper-2);border-top:1px solid var(--line);}
  .priv{max-width:900px;margin:0 auto;}
  .priv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;}
  .priv-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 22px 18px;box-shadow:var(--shadow-sm);}
  .priv-card h3{margin:0 0 10px;font-size:1.05rem;}
  .priv-card p{margin:0 0 10px;font-size:.9rem;line-height:1.6;}
  .priv-card p:last-child{margin-bottom:0;}
  .priv-card ul{margin:0;padding-left:18px;font-size:.9rem;line-height:1.6;color:var(--muted);}
  .priv-card li{margin-bottom:5px;}
  .priv-card.pull{background:linear-gradient(160deg,#fff,var(--gold-soft));border-color:#E8D3A6;}
  @media(max-width:820px){.priv-grid{grid-template-columns:1fr;}}
  @media print{
    @page{size:A4;margin:14mm;}
    html{scroll-behavior:auto;}
    body{background:#fff;}
    *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
    header.nav,.skip,.hero-ctas,.btn,.soc,.soc-label,.videos,.videos-foot,.modal,.floating-badge,.print-link,
    .channel .foot,.bulletin-invite .btn{display:none !important;}
    .reveal{opacity:1 !important;transform:none !important;transition:none !important;}
    section{padding:9mm 0;}
    .wrap{max-width:none;padding:0;}
    .hero .wrap{grid-template-columns:1fr 52mm;gap:10mm;padding-top:6mm;padding-bottom:8mm;}
    .hero h1{font-size:1.9rem;}
    .portrait-card{max-width:52mm;margin:0;}
    .stats .wrap{grid-template-columns:repeat(5,1fr);padding:5mm 0;}
    .wings,.write-grid,.bulletin-grid,.split{grid-template-columns:repeat(3,minmax(0,1fr));gap:5mm;max-width:none;}
    .model-facts{grid-template-columns:repeat(4,minmax(0,1fr));}
    #wings{break-before:page;}
    #wings .section-head{margin-bottom:5mm;break-after:avoid;}
    .wing .plate{width:18mm;height:18mm;}
    .wfacts li{padding:1.5mm 2.5mm;}
    .wing h3{margin:3mm 0 1mm;}
    .wing,.write-card,.bulletin-card,.channel .top{padding:5mm;}
    .wing p,.write-card ul,.write-card ol,.bulletin-card p,.channel .desc{font-size:.78rem;}
    .wing .plate{width:22mm;height:22mm;}
    .wing,.write-card,.bulletin-card,.channel,.cred,.model-facts div,.bulletin-feature,.model-table tr{break-inside:avoid;}
    #channels,#write,#about{break-before:page;}
    .pubs li{break-inside:avoid;}
    .platforms{grid-template-columns:repeat(3,minmax(0,1fr));}
    .projects{grid-template-columns:repeat(2,minmax(0,1fr));}
    .partners{grid-template-columns:repeat(3,minmax(0,1fr));}
    .partner{break-inside:avoid;}
    .start{grid-template-columns:1fr;}
    .gallery{grid-template-columns:repeat(4,minmax(0,1fr));}
    .proj,.gitem{break-inside:avoid;}
    .pf{color:#fff;}
    .articles{grid-template-columns:repeat(3,minmax(0,1fr));}
    .model-table{min-width:0;font-size:.78rem;}
    .model-table th,.model-table td{padding:3mm 3.5mm;}
    .about-grid{grid-template-columns:1fr 1fr;gap:8mm;}
    .cta-band{padding:8mm 0;}
    .profile-links{display:block;margin-top:4mm;}
    .profile-links a{display:block;border:0;padding:1mm 0;color:#fff;font-weight:500;}
    .profile-links a::after,.wing .wlink::after{content:attr(href);display:block;font-weight:400;font-size:.68rem;opacity:.85;word-break:break-all;}
    footer{padding:6mm 0;}
  }

button.btn{border:0;cursor:pointer;font-family:inherit}
/* site-v2.css: multi-page layout, visuals and progressive disclosure (19 Sep 2026).
   Loaded after site.css. No external requests. Tokens come from site.css :root. */

@view-transition{navigation:auto;}
@keyframes pagein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* the fade-in runs on <main>, never on <body>: a transform on body turns every position:fixed element (the video player, the Next pill) into a page-sized box */
main{animation:pagein .55s ease both;}
html{scroll-padding-top:120px;}
@media(prefers-reduced-motion:reduce){main{animation:none}html{scroll-behavior:auto}}

/* ---------- progress bar and header ---------- */
.progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-bright));z-index:80;transition:width .1s linear;}
header.nav .nav-links{gap:4px;}
header.nav .nav-links a:not(.nav-cta){padding:8px 11px;border-radius:999px;color:var(--muted);font-weight:500;transition:background .2s,color .2s;}
header.nav .nav-links a:not(.nav-cta):hover{background:rgba(10,90,112,.08);color:var(--navy);}
header.nav .nav-links a.on{background:var(--navy);color:#fff;}
.menu-btn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;align-items:center;justify-content:center;}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px;position:relative;content:"";transition:transform .25s,background .25s;}
.menu-btn span::before{position:absolute;top:-6px}.menu-btn span::after{position:absolute;top:6px}
.menu-btn[aria-expanded=true] span{background:transparent}
.menu-btn[aria-expanded=true] span::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded=true] span::after{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1120px){
  .menu-btn{display:inline-flex}
  .share-btn{order:1;margin-left:auto}
  .menu-btn{order:2}
  header.nav .nav-links{position:absolute;left:0;right:0;top:66px;background:rgba(251,248,243,.98);flex-direction:column;align-items:stretch;padding:12px 24px 22px;border-bottom:1px solid var(--line);box-shadow:0 30px 40px -30px rgba(7,46,66,.5);display:none;gap:2px}
  header.nav .nav-links.open{display:flex}
  header.nav .nav-links a:not(.nav-cta){padding:13px 14px;font-size:1rem;display:block!important}
  header.nav .nav-links a.nav-cta{text-align:center;margin-top:8px}
  .nav-inner{gap:10px}
}
@media(max-width:760px){.nav-links a:not(.nav-cta){display:block!important}}

/* ---------- page hero (photo led) ---------- */
.phero{position:relative;padding:0;overflow:hidden;color:#fff;background:var(--navy-deep);}
.phero-bg{position:absolute;inset:-4% 0;background:var(--bg) center/cover no-repeat;transform:scale(1.06);animation:drift 22s ease-in-out infinite alternate;}
@keyframes drift{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-1.5%,-1%,0)}}
@media(prefers-reduced-motion:reduce){.phero-bg{animation:none}}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,46,66,.94) 8%,rgba(10,90,112,.78) 52%,rgba(10,90,112,.42) 100%),linear-gradient(0deg,rgba(7,46,66,.7),transparent 45%);}
.phero .wrap{position:relative;z-index:2;padding-top:84px;padding-bottom:84px;}
.crumb{margin:0 0 18px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold-on-dark);}
.crumb a{color:#cfe4ea;border-bottom:1px solid rgba(255,255,255,.3)}
.phero h1{font-size:clamp(2.2rem,5.4vw,4rem);margin:0;color:#fff;letter-spacing:-.015em;max-width:16ch;}
.phero-hook{margin:18px 0 0;font-family:'Fraunces',serif;font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.35;color:#F4E9D4;max-width:38ch;}
.phero-lead{margin:18px 0 0;max-width:60ch;color:#cfe4ea;font-size:1.05rem}
.phero .num{position:absolute;right:24px;bottom:-.18em;font-family:'Fraunces',serif;font-size:clamp(9rem,26vw,20rem);line-height:1;color:rgba(255,255,255,.07);font-weight:700;z-index:1;pointer-events:none}

/* jump chips: the categories of a page */
.chips{position:sticky;top:66px;z-index:40;background:rgba(251,248,243,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.chips .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:11px;padding-bottom:11px;scrollbar-width:none;}
.chips .wrap::-webkit-scrollbar{display:none}
.chips a{flex:0 0 auto;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.86rem;font-weight:600;color:var(--navy);white-space:nowrap;transition:all .2s;}
.chips a:hover{border-color:var(--gold)}
.chips a.on{background:var(--navy);border-color:var(--navy);color:#fff}

/* ---------- next chapter band ---------- */
.nextband{position:relative;display:block;overflow:hidden;color:#fff;padding:96px 0;background:var(--navy-deep);isolation:isolate;}
.nextband::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;z-index:-2;transition:transform 1.2s ease;}
.nextband::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,46,66,.95),rgba(10,90,112,.7));z-index:-1;}
.nextband:hover::before{transform:scale(1.07)}
.nextband .wrap{display:grid;gap:10px;}
.nb-k{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold-on-dark)}
.nb-t{font-family:'Fraunces',serif;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;max-width:18ch}
.nb-d{max-width:52ch;color:#d5e6ec;font-size:1.08rem}
.nb-go{display:inline-flex;align-items:center;gap:12px;margin-top:14px;font-weight:700;color:#3a2606;background:var(--gold);padding:14px 26px;border-radius:999px;width:max-content;box-shadow:0 14px 30px -14px rgba(217,154,43,.8);transition:gap .25s}
.nextband:hover .nb-go{gap:20px}
.nb-go svg{width:20px;height:20px}
.prevline{background:var(--paper-2);border-top:1px solid var(--line);text-align:center;padding:14px;font-size:.9rem}
.prevline a{color:var(--navy);font-weight:600;border-bottom:1px solid var(--gold)}
.nextpill{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:12px 20px;border-radius:999px;font-weight:600;font-size:.9rem;box-shadow:0 18px 40px -14px rgba(7,46,66,.7);border:1px solid rgba(255,255,255,.18);opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .35s,transform .35s;}
.nextpill.show{opacity:1;transform:none;pointer-events:auto}
.nextpill svg{width:16px;height:16px;color:var(--gold-bright)}
@media(max-width:560px){.nextpill{left:16px;right:16px;justify-content:center}}

/* ---------- section icons ---------- */
.ic{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.sec-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,var(--teal-bright),var(--navy));color:var(--gold-on-dark);font-size:26px;margin:0 auto 14px;box-shadow:0 14px 30px -16px rgba(7,46,66,.7)}
.section-head .sec-ic{display:grid}
.stats .stat b{font-variant-numeric:tabular-nums}

/* ---------- home ---------- */
.home-hero .wrap{padding-top:64px;padding-bottom:72px}
.home-hero .portrait{box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08);background:#fff}
.home-hero .portrait img{object-position:center 8%}
.home-hero .portrait::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(7,46,66,.85));pointer-events:none}
.home-hero .portrait .lamp{z-index:2;background:none}
.sec-alt{background:#fff}
.begin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.begin-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.btile{position:relative;display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--navy-deep);color:#fff;box-shadow:var(--shadow);text-align:left;border:0;padding:0;cursor:pointer;font:inherit;transition:transform .3s}
.btile:hover{transform:translateY(-6px)}
.btile .bt-img{position:relative;aspect-ratio:16/9;overflow:hidden}
.btile .bt-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.btile:hover .bt-img img{transform:scale(1.07)}
.btile .bt-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,46,66,.55),transparent 55%)}
.btile .play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;z-index:2;color:var(--navy);font-size:1.3rem;box-shadow:0 0 0 10px rgba(255,255,255,.22);transition:box-shadow .3s}
.btile:hover .play{box-shadow:0 0 0 16px rgba(255,255,255,.28)}
.btile .bt-body{padding:20px 22px 24px;display:grid;gap:6px}
.btile .bt-k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold-on-dark)}
.btile .bt-t{font-family:'Fraunces',serif;font-size:1.3rem;line-height:1.18}
.btile .bt-d{font-size:.9rem;color:#c9dde4}
.btile.gold{background:linear-gradient(160deg,#3a2606,#6b4a10 55%,#8f5f07)}
.btile.gold .bt-k{color:#ffd48a}
.ribbon{position:absolute;top:14px;left:14px;z-index:3;background:var(--gold);color:#3a2606;font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.hwings{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.hwings{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.hwing{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 26px 28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s;overflow:hidden}
.hwing::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--gold)}
.hwing.cm::before{background:var(--green)}.hwing.ni::before{background:var(--ni)}
.hwing:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.hwing .plate{width:132px;height:132px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 3px rgba(242,169,59,.6),0 16px 34px -16px rgba(7,46,66,.6)}
.hwing .plate img{width:100%;height:100%;object-fit:cover}
.hwing h3{margin:20px 0 4px;font-size:1.45rem;color:var(--navy)}
.hwing .wtag{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#8f5f07}
.hwing.cm .wtag{color:#0a6e56}.hwing.ni .wtag{color:var(--ni)}
.hwing p{color:var(--muted);font-size:.95rem;margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hwing .go{margin-top:auto;padding-top:18px;font-weight:700;font-size:.9rem;color:var(--navy)}
.center-cta{text-align:center;margin-top:34px}
.btn-navy{background:var(--navy);color:#fff}
.strip{overflow:hidden;padding:6px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.strip-track{display:flex;gap:16px;width:max-content;animation:marquee 60s linear infinite}
.strip:hover .strip-track{animation-play-state:paused}
.strip-track a{display:block;flex:0 0 auto;height:230px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}
.strip-track img{height:100%;width:auto;transition:transform .6s}
.strip-track a:hover img{transform:scale(1.06)}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.strip{overflow-x:auto}.strip-track{animation:none}}
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1000px){.paths{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.paths{grid-template-columns:1fr}}
.path{position:relative;min-height:290px;border-radius:var(--radius);overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;isolation:isolate;box-shadow:var(--shadow-sm)}
.path::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover;z-index:-2;transition:transform .8s}
.path::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,46,66,.94) 8%,rgba(7,46,66,.15) 70%);z-index:-1}
.path:hover::before{transform:scale(1.09)}
.path .pk{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold-on-dark)}
.path .pt{font-family:'Fraunces',serif;font-size:1.5rem;line-height:1.15;margin:4px 0 6px}
.path .pd{font-size:.9rem;color:#d5e6ec}
.path .pa{margin-top:10px;font-weight:700;font-size:.9rem;color:var(--gold-bright)}

/* ---------- honour band (Avacast) ---------- */
.honour{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:0;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#2b1b04,#5c410c 60%,#8f5f07);color:#fff;box-shadow:var(--shadow);}
@media(max-width:860px){.honour{grid-template-columns:1fr}}
.honour .h-media{position:relative;min-height:300px;cursor:pointer;border:0;padding:0;background:#000;text-align:left}
.honour .h-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.honour .play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:#5c410c;font-size:1.6rem;box-shadow:0 0 0 12px rgba(255,255,255,.22)}
.honour .h-body{padding:40px 38px;display:grid;gap:12px;align-content:center}
.honour .eyebrow{color:#ffd48a}
.honour h2,.honour h3{color:#fff;font-size:clamp(1.7rem,3.2vw,2.4rem);margin:0}
.honour p{margin:0;color:#f3e6cb}
.honour .h-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.hl-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;border-radius:999px;border:1px solid var(--gold);background:var(--gold-soft);color:#5c410c;font-weight:700;font-size:.86rem;cursor:pointer;font-family:inherit}

/* ---------- disclosure: folds, tabs, collapse ---------- */
details.fold{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
details.fold>summary{list-style:none;cursor:pointer;padding:13px 18px;font-weight:700;font-size:.9rem;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:12px}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::after{content:"+";flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--gold-soft);color:#5c410c;display:grid;place-items:center;font-size:1.1rem;line-height:1;transition:transform .25s}
details.fold[open]>summary::after{content:"\2212"}
details.fold>summary:hover{background:var(--paper)}
details.fold>.fold-body{padding:2px 18px 18px}
details.fold>.fold-body>*:first-child{margin-top:8px}
details.fold.big{margin:22px auto 0;max-width:var(--maxw)}
details.fold.big>summary{font-size:1rem;padding:16px 22px}
.tabset{margin-top:0}
.tablist{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 0 34px}
.tablist button{font:inherit;font-weight:700;font-size:.92rem;padding:11px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;transition:all .2s}
.tablist button:hover{border-color:var(--gold)}
.tablist button[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:var(--shadow-sm)}
.js .tabpanel[hidden]{display:none}
.tabpanel{animation:pagein .4s ease both}
.more-wrap{text-align:center;margin-top:26px}
.more-btn{font:inherit;font-weight:700;padding:12px 26px;border-radius:999px;border:1px solid var(--navy);background:transparent;color:var(--navy);cursor:pointer;transition:all .2s}
.more-btn:hover{background:var(--navy);color:#fff}
.is-hidden{display:none!important}

/* tables turned into cards */
.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.tcard{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:16px;padding:22px 22px 20px;box-shadow:var(--shadow-sm);display:grid;gap:10px;align-content:start}
.tcard h3{margin:0;font-size:1.22rem;color:var(--navy)}
.tcard .k{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#8f5f07;margin-bottom:2px}
.tcard p{margin:0;font-size:.92rem;color:var(--muted)}
.tcard ul{margin:0;padding-left:18px;font-size:.92rem;color:var(--muted)}

/* people cards a little more visual */
.copi img,.copi .mono{box-shadow:var(--shadow)}
.copi.hl{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,154,43,.25),var(--shadow-sm)}
.gitem .gthumb,.ocard img{transition:transform .5s}
.gitem:hover .gthumb{transform:scale(1.02)}
.hero .creed{font-size:1.02rem}

/* lead statement moved from the old hero */
.leadbox{max-width:900px;margin:0 auto;text-align:center}
.leadbox .hero-line{font-family:'Fraunces',serif;font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.35;color:var(--navy);margin:0}
.leadbox .role{margin:16px auto 0;color:var(--muted);max-width:62ch}

@media print{.progress,.nextpill,.chips,.menu-btn,.nextband,.prevline,.strip{display:none!important}.phero{color:#000;background:#fff}.phero::after,.phero-bg{display:none}.phero h1,.phero-hook{color:#000}details.fold>.fold-body{display:block}}

/* phone-width fixes: let long button labels wrap, never clip */
.honour{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
@media(max-width:860px){.honour{grid-template-columns:minmax(0,1fr)}.honour .h-body{padding:28px 22px}}
.honour .h-body,.begin-grid>*,.hwings>*,.paths>*{min-width:0}
.honour .h-cta .btn,.hl-btn,.nb-go{white-space:normal;text-align:left}
.nb-go{max-width:100%}
.tcard,.cardgrid>*{min-width:0;overflow-wrap:anywhere}
.tcard h3 b{font-weight:inherit}
.tcard h3 small{display:block;margin-top:3px;font-family:'Inter',system-ui,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8f5f07}
.values-fig{margin:26px auto 0;max-width:640px}
.values-fig img{width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow)}

/* seven chapter tiles: 4 + 3 on desktop, swipeable row on phones */
.paths{grid-template-columns:repeat(12,1fr)}
.paths .path{grid-column:span 3}
.paths .path:nth-child(n+5){grid-column:span 4}
.paths-hint{display:none;text-align:center;margin:0 0 12px;font-size:.82rem;color:var(--muted);letter-spacing:.06em}
@media(max-width:1000px){.paths .path,.paths .path:nth-child(n+5){grid-column:span 6}.paths .path:last-child{grid-column:1/-1}}
@media(max-width:600px){
  .paths-hint{display:block}
  .paths{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -24px;padding:4px 24px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .paths::-webkit-scrollbar{display:none}
  .paths .path,.paths .path:nth-child(n+5),.paths .path:last-child{flex:0 0 80%;min-height:330px;scroll-snap-align:center;grid-column:auto}
}
.founder-lines{margin-top:18px}
.founder-lines b{color:var(--gold-on-dark)}
.founder-lines a{border-bottom:1px solid rgba(245,188,102,.45)}
.cvlink{margin-top:8px}

/* Avacast thumbnail: a 16:9 frame crops YouTube's letterbox bars exactly */
.honour .h-media{aspect-ratio:16/9;min-height:0;align-self:center;width:100%}

html{scroll-padding-top:132px}
.chips a{-webkit-tap-highlight-color:rgba(217,154,43,.25);touch-action:manipulation}

/* credentials bar */
.cred-strip{background:#fff;border-bottom:1px solid var(--line)}
.cred-strip .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.cred-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cred-chips li{padding:7px 14px;border-radius:999px;background:var(--gold-soft);color:#5c410c;font-size:.82rem;font-weight:600}
.cred-links{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.88rem;font-weight:600}
.cred-links a{color:var(--navy);border-bottom:1px solid var(--gold)}
/* keep coming back */
.fresh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.fresh-grid{grid-template-columns:1fr}}
.fresh{display:grid;gap:8px;align-content:start;padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}
.fresh:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.sec-ic.sm{width:44px;height:44px;font-size:22px;border-radius:13px;margin:0}
.fresh .fk{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#8f5f07}
.fresh .ft{font-family:'Fraunces',serif;font-size:1.3rem;line-height:1.2;color:var(--navy)}
.fresh .fd{color:var(--muted);font-size:.93rem}
.fresh .fa{font-weight:700;font-size:.9rem;color:var(--navy);display:inline-flex;align-items:center;gap:8px}
.follow{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:22px;border-radius:var(--radius);background:linear-gradient(120deg,var(--navy-deep),var(--navy));color:#fff}
.follow b{font-family:'Fraunces',serif;font-size:1.3rem}
.follow span{color:#cfe4ea;flex:1 1 100%;text-align:center;margin-top:-6px}
.btn-ghost-dark{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.says.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.says.two{grid-template-columns:1fr}}
/* share row */
.share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:26px 0 8px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.share b{color:#fff;margin-right:6px}
.share a,.share button{font:inherit;font-size:.86rem;font-weight:600;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#e6f0f4;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--gold-bright);color:#fff}

.cred-note{flex:1 1 100%;margin:0;font-size:.82rem;color:var(--muted)}
.cred-note b{color:var(--navy)}

/* six figures in the stat strip */
.stats .wrap{grid-template-columns:repeat(6,1fr)}
@media(max-width:900px){.stats .wrap{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.stats .wrap{grid-template-columns:repeat(2,1fr)}.stat:last-child{grid-column:auto}}

/* channel figures: the two channels side by side, and one line on each home wing card */
.hfacts{margin-top:14px;display:inline-block;font-size:.8rem;font-weight:700;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.hwing.cm .hfacts{color:#0a6e56}.hwing.ni .hfacts{color:var(--ni)}
.chfig{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto 30px;max-width:900px}
@media(max-width:700px){.chfig{grid-template-columns:1fr}}
.chf{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px;align-content:start}
.chf.cm{border-top-color:var(--green)}
.chf .chk{grid-column:1/-1;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#8f5f07}
.chf.cm .chk{color:#0a6e56}
.chn b{display:block;font-family:'Fraunces',serif;font-size:1.55rem;line-height:1.1;color:var(--navy)}
.chn small{display:block;font-size:.74rem;color:var(--muted);margin-top:2px}
.chf p{grid-column:1/-1;margin:2px 0 0;font-size:.8rem;color:var(--muted)}

.chtot{grid-column:1/-1;text-align:center;margin:0;font-size:.88rem;font-weight:600;color:var(--navy)}

/* subscribe QR codes */
.chqr{display:flex;align-items:center;gap:14px;text-align:left;color:var(--navy)}
.chf .chqr{grid-column:1/-1;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}
.chqr img{flex:0 0 auto;width:92px;height:92px;background:#fff;padding:6px;border-radius:12px;border:1px solid var(--line)}
.chqr b{display:block;font-size:.95rem}
.chqr small{display:block;font-size:.8rem;color:var(--muted);margin-top:2px}
.follow .qrpair{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:16px 34px;justify-content:center;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.follow .chqr{color:#fff}.follow .chqr small{color:#cfe4ea}.follow .chqr img{border-color:transparent}

.chnote{grid-column:1/-1;text-align:center;margin:-8px 0 0;font-size:.84rem;font-style:italic;color:var(--muted)}

/* ---------- share: a button in the header on every page, and its small sheet ---------- */
.share-btn{order:3;margin-left:12px;width:44px;height:44px;border-radius:12px;border:0;background:var(--gold);color:#3a2606;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 8px 18px -10px rgba(217,154,43,.9);flex:0 0 auto}
.share-btn:hover,.share-btn[aria-expanded=true]{background:var(--gold-bright)}
.share-pop{position:absolute;right:24px;top:70px;width:min(300px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 30px 60px -20px rgba(7,46,66,.55);display:flex;flex-direction:column;gap:8px;z-index:60}
.share-pop[hidden]{display:none}
.share-pop .sp-h{margin:2px 4px 4px;font-weight:700;color:var(--navy)}
.share-pop a,.share-pop button{font:inherit;font-weight:600;font-size:1rem;text-align:left;text-decoration:none;color:var(--navy);background:var(--gold-soft);border:0;border-radius:12px;padding:14px 16px;min-height:48px;cursor:pointer;display:block;width:100%}
.share-pop a:hover,.share-pop button:hover{background:#f0d9a8}
.share-manual{display:flex;flex-direction:column;gap:6px;margin-top:10px;width:100%;font-size:.86rem;color:inherit}
.share-manual input{font:inherit;font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);width:100%;box-sizing:border-box;background:#fff;color:#111}
.share [data-net][hidden],.share-pop [data-net][hidden]{display:none}
@media(max-width:1120px){.share-pop{right:16px;top:70px}}
@media print{.share-btn,.share-pop{display:none!important}}

/* FAQ on the home page: one list drives the visible text and the FAQPage data */
.faq-list{max-width:820px;margin:0 auto}
.faq-list details.fold>summary{font-size:1rem;padding:16px 20px}
.faq-list details.fold>.fold-body{padding:2px 20px 20px}
.faq-list details.fold>.fold-body p{margin:8px 0 0;line-height:1.65}