/* ============================================================
     DISPLAY ACCENT FONT
     The grunge accent below uses "Rubik Distressed" (open licence)
     as a live stand-in for the real "28 Days Later" face.
     To use the genuine font, drop "28 Days Later.ttf" into
     public/assets/fonts and UNCOMMENT the @font-face block below; it will then
     take precedence automatically.
     NOTE: 28 Days Later is licensed free for PERSONAL use; confirm a
     web/commercial licence before publishing it.
  ============================================================ */
  /*
  @font-face{
    font-family:"Days Later";
    src:url("../fonts/28 Days Later.ttf") format("truetype");
    font-display:swap;
  }
  */
  :root{
    --bg:#F4F2EC;          /* warm paper */
    --bg-2:#FBFAF6;        /* card / lift */
    --ink:#15191B;         /* near-black text */
    --ink-soft:#2A3033;
    --muted:#646B6C;       /* grey */
    --line:rgba(21,25,27,0.12);
    --line-soft:rgba(21,25,27,0.07);
    --accent:#0C5E55;      /* deep teal */
    --accent-deep:#093E38;
    --accent-tint:#E3ECE8;
    --sans:"Roboto",system-ui,-apple-system,sans-serif;
    --cond:"Roboto Condensed","Roboto",sans-serif;
    --mono:"Roboto Mono",ui-monospace,monospace;
    --grunge:"Days Later","Rubik Distressed",Impact,var(--cond);
    --ease:cubic-bezier(0.22,1,0.36,1);
    --pad:clamp(1.25rem,5vw,5.5rem);
    --shadow:rgba(9,62,56,0.4);
  }
  :root,[data-theme="light"]{color-scheme:light}

  /* ============================================================
     DARK THEME — robust override of every token.
     Only colour variables are redefined; layout is untouched.
     Brighter teal accent keeps contrast on dark; targeted fixes
     below handle the always-dark panels and white-on-accent UI.
  ============================================================ */
  [data-theme="dark"]{
    color-scheme:dark;
    --bg:#0C100F;          /* near-black, faint teal cast */
    --bg-2:#141B19;        /* lifted card */
    --ink:#EEF1EE;         /* near-white text */
    --ink-soft:#C7CFCC;
    --muted:#8C9996;       /* grey */
    --line:rgba(255,255,255,0.13);
    --line-soft:rgba(255,255,255,0.07);
    --accent:#33B9A2;      /* bright teal — reads on dark */
    --accent-deep:#0A2925; /* deep teal panel */
    --accent-tint:#14302B; /* dark teal wash */
    --shadow:rgba(0,0,0,0.55);
  }
  /* keep white-on-accent surfaces legible (accent is now bright) */
  [data-theme="dark"] ::selection{color:#06211D}
  [data-theme="dark"] .cta{color:#06211D}
  [data-theme="dark"] .cta:hover{background:#5FD3BE;color:#06211D}
  /* loader paints light text via var(--bg); restore it on dark */
  [data-theme="dark"] #loader{color:#EAF1EE}
  [data-theme="dark"] #lbar{background:#EAF1EE}
  [data-theme="dark"] .rec p::before{color:#EAF1EE}

  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;
    line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  body.loading{overflow:hidden;height:100vh}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  ::selection{background:var(--accent);color:#fff}

  .mono{font-family:var(--mono);font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted)}
  .mono .ac{color:var(--accent)}
  .grunge{font-family:var(--grunge);font-weight:400;line-height:0.9;letter-spacing:0.01em}

  /* ---------- loader ---------- */
  #loader{position:fixed;inset:0;z-index:1000;background:var(--accent-deep);color:var(--bg);
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0.6rem;
    transition:transform 0.9s var(--ease)}
  #loader.done{transform:translateY(-101%)}
  #loader .nm{font-family:var(--cond);font-weight:700;font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:0.02em;text-transform:uppercase;opacity:0.95}
  #loader .ct{font-family:var(--grunge);font-size:clamp(3rem,12vw,8rem);color:#fff;line-height:0.9}
  #lbar{position:absolute;left:0;bottom:0;height:3px;background:var(--bg);width:0%}

  /* ---------- top bar ---------- */
  /* ---------- nav ---------- */
  nav{position:fixed;top:0;left:0;right:0;z-index:88;display:flex;justify-content:space-between;
    align-items:center;padding:1rem var(--pad);transition:padding .4s var(--ease),background .4s var(--ease),border-color .4s}
  nav.shrink{padding-top:0.6rem;padding-bottom:0.6rem;background:color-mix(in srgb,var(--bg) 88%,transparent);
    backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
  nav .brand{font-family:var(--cond);font-weight:700;font-size:1.3rem;letter-spacing:0.02em;text-transform:uppercase}
  nav .brand b{color:var(--accent);font-weight:700}
  nav .nav-actions{display:flex;align-items:center;gap:2rem}
  nav .links{display:flex;align-items:center;gap:2rem;font-size:0.83rem;font-weight:500;letter-spacing:0.01em}
  nav .links a:not(.cta){color:var(--ink-soft);position:relative}
  nav .links a:not(.cta)::after{content:"";position:absolute;left:0;bottom:-5px;height:1.5px;width:0;background:var(--accent);transition:width .35s var(--ease)}
  nav .links a:not(.cta):hover{color:var(--ink)}
  nav .links a:not(.cta):hover::after{width:100%}
  nav .links a.is-current{color:var(--accent)}
  nav .links a.is-current::after{width:100%}
  .cta{background:var(--accent);color:#fff;padding:0.6em 1.1em;border-radius:100px;font-weight:500;
    transition:background .3s,transform .3s;display:inline-flex;align-items:center;gap:0.5em}
  button.cta{border:0;font:inherit;cursor:pointer}
  .cta:hover{background:var(--accent-deep);transform:translateY(-1px)}
  /* ---------- theme toggle ---------- */
  .theme-toggle{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line);
    background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;
    cursor:pointer;transition:background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),transform .45s var(--ease)}
  .theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);transform:rotate(-18deg)}
  .theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .theme-toggle svg{width:17px;height:17px;display:block}
  .theme-toggle .i-moon{display:none}
  [data-theme="dark"] .theme-toggle .i-sun{display:none}
  [data-theme="dark"] .theme-toggle .i-moon{display:block}
  .menu-toggle{display:none;width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line);
    background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--ink);align-items:center;justify-content:center;
    flex-direction:column;gap:4px;cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
  .menu-toggle span{display:block;width:16px;height:1.5px;border-radius:999px;background:currentColor;
    transition:transform .3s var(--ease),opacity .2s var(--ease)}
  .menu-toggle:hover,.menu-toggle[aria-expanded="true"]{border-color:var(--accent);color:var(--accent);
    background:color-mix(in srgb,var(--accent) 10%,transparent)}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  .mobile-menu{position:absolute;top:calc(100% + 0.55rem);left:var(--pad);right:var(--pad);z-index:90}
  .mobile-menu[hidden]{display:none}
  .mobile-menu-panel{overflow:hidden;border:1px solid var(--line);border-radius:8px;
    background:color-mix(in srgb,var(--bg-2) 94%,transparent);box-shadow:0 26px 70px -38px var(--shadow);
    backdrop-filter:blur(16px);animation:menuDrop .28s var(--ease)}
  .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.85rem 1rem;
    border-bottom:1px solid var(--line-soft)}
  .mobile-menu-head>span:last-child{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:0.95rem;
    line-height:1;color:var(--ink)}
  .mobile-menu-links{display:grid;padding:0.45rem}
  .mobile-menu-link{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:1rem;
    padding:0.75rem 0.85rem;border:0;border-radius:6px;background:transparent;color:var(--ink);
    font:inherit;font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:1.05rem;line-height:1.05;
    letter-spacing:0.01em;text-align:left;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),padding-left .25s var(--ease)}
  .mobile-menu-link::after{content:"\2192";font-family:var(--sans);font-weight:400;color:var(--accent);font-size:0.95rem}
  .mobile-menu-link:hover,.mobile-menu-link.is-current{background:color-mix(in srgb,var(--accent) 10%,transparent);
    color:var(--accent);padding-left:1rem}
  .mobile-menu-link.cta{margin-top:0.3rem;background:var(--accent);color:#fff;justify-content:center}
  .mobile-menu-link.cta::after{color:currentColor}
  .mobile-menu-link.cta:hover{background:var(--accent-deep);color:#fff;padding-left:0.85rem}
  @keyframes menuDrop{from{opacity:0;transform:translateY(-8px) scale(0.985)}to{opacity:1;transform:none}}

  /* ---------- reveal ---------- */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
  .reveal.in{opacity:1;transform:none}
  .d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}
  .clip{overflow:hidden}.clip>*{display:block;transform:translateY(110%);transition:transform 1s var(--ease)}
  .clip.in>*{transform:none}

  /* ---------- layout ---------- */
  section{padding:clamp(4.5rem,9vw,8rem) var(--pad);position:relative}
  .head{margin-bottom:clamp(2.5rem,5vw,4rem)}
  .head h2{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:0.01em;
    font-size:clamp(1.8rem,4vw,3rem);line-height:1}
  .head .rule{display:block;height:1px;background:var(--line);margin-top:0.8rem}

  /* ---------- hero ---------- */
  .hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;
    padding:clamp(7rem,15vh,10rem) var(--pad) clamp(2rem,5vh,3rem)}
  .hero-grid{display:grid;grid-template-columns:1.25fr 0.75fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
  .hero .kick{margin-bottom:1.4rem}
  .hero h1{font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(3rem,9.5vw,8.5rem);line-height:0.9;letter-spacing:-0.005em}
  .hero h1 .a{color:var(--accent)}
  .hero .role{margin-top:1.5rem;font-size:clamp(0.92rem,1.3vw,1.05rem);font-weight:500;color:var(--ink-soft);max-width:46ch;line-height:1.5}
  .hero .lede{margin-top:1.4rem;max-width:50ch;font-size:clamp(1.02rem,1.5vw,1.25rem);font-weight:300;color:var(--muted);line-height:1.6}
  .hero-img{position:relative;aspect-ratio:3/4;border-radius:3px;overflow:hidden;background:var(--bg-2);box-shadow:0 30px 60px -30px var(--shadow)}
  .hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 16%;transform:scale(1.06);transition:transform 1.4s var(--ease)}
  .hero-img.in img{transform:scale(1)}
  .hero-meta{display:flex;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2rem,5vw,3.2rem);padding-top:1.4rem;border-top:1px solid var(--line);flex-wrap:wrap}
  .hero-meta .m .v{font-family:var(--cond);font-weight:700;font-size:1.5rem}
  .hero-meta .m .k{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem}

  /* ---------- recommendations (floating ticker) ---------- */
  .recs{padding:0;background:var(--accent-deep);color:#EAF1EE;overflow:hidden;position:relative;border-top:1px solid var(--accent-deep)}
  .recs .lbl{position:absolute;top:0.9rem;left:var(--pad);z-index:3;font-family:var(--mono);font-size:0.6rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(234,241,238,0.6)}
  .recs .marquee{display:flex;gap:1.2rem;width:max-content;padding:3.4rem 0 2.2rem;animation:scroll 46s linear infinite}
  .recs:hover .marquee{animation-play-state:paused}
  @keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .rec{flex:0 0 auto;width:min(82vw,440px);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);
    border-radius:4px;padding:1.5rem 1.6rem;backdrop-filter:blur(2px)}
  .rec p{font-size:1rem;line-height:1.5;font-weight:300;color:#F2F6F4}
  .rec p::before{content:"\201C";color:var(--bg);opacity:0.5;font-family:var(--cond);font-size:1.4em;line-height:0;vertical-align:-0.3em;margin-right:0.1em}
  .rec .who{margin-top:1rem;font-family:var(--mono);font-size:0.64rem;letter-spacing:0.08em;text-transform:uppercase;color:#9DC3BB}
  .recs .foot{position:absolute;bottom:0.7rem;right:var(--pad);font-family:var(--mono);font-size:0.56rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(234,241,238,0.4)}
  .recs-cta{position:relative;z-index:2;display:flex;justify-content:flex-end;padding:0 var(--pad) 2.2rem}
  .recs-cta .about-text-link{background:none;border-width:0;border-bottom:2px solid rgba(255,255,255,0.38);padding:0 0 0.12rem;cursor:pointer;font:inherit}

  /* ---------- topic ticker ---------- */
  .topics{padding:0;overflow:hidden;position:relative;background:var(--bg-2);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 28%,transparent)}
  /* soft glow rising from the baseline — bright in dark, subtle in light */
  .topics::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background:radial-gradient(72% 140% at 50% 118%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 68%)}
  /* edge fades so items dissolve instead of clipping hard */
  .topics::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
    background:linear-gradient(90deg,var(--bg-2),transparent 9%,transparent 91%,var(--bg-2))}
  .topics-track{position:relative;z-index:1;display:flex;align-items:center;width:max-content;
    padding:1.05rem 0;animation:topics-scroll 40s linear infinite}
  .topics:hover .topics-track{animation-play-state:paused}
  @keyframes topics-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .topic{display:inline-flex;align-items:center;gap:clamp(1.1rem,2.8vw,2rem);
    padding:0 clamp(0.55rem,1.4vw,1rem);white-space:nowrap}
  .topic .t{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:0.02em;
    font-size:clamp(1rem,2.1vw,1.5rem);color:var(--ink);transition:color .35s var(--ease)}
  .topic .sp{font-size:clamp(0.7rem,1.4vw,1rem);line-height:1;color:var(--accent);
    text-shadow:0 0 14px color-mix(in srgb,var(--accent) 65%,transparent)}
  @media(hover:hover){.topic:hover .t{color:var(--accent)}}

  /* ---------- profile ---------- */
  .profile-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:start}
  .profile-img{aspect-ratio:4/5;border-radius:3px;overflow:hidden;background:var(--bg-2);position:sticky;top:120px}
  .profile-img img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
  .profile-body .lead{font-family:var(--cond);font-weight:400;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.22;color:var(--ink);letter-spacing:-0.005em}
  .profile-body .lead b{color:var(--accent);font-weight:700}
  .profile-body p.body{margin-top:1.6rem;font-size:1.05rem;line-height:1.72;color:var(--muted);font-weight:300;max-width:58ch}
  .profile-body p.body strong{color:var(--ink-soft);font-weight:500}

  /* ---------- expertise ---------- */
  .exp-list{border-top:1px solid var(--line)}
  .exp-row{display:grid;grid-template-columns:0.06fr 0.44fr 0.5fr;gap:clamp(1rem,3vw,3rem);align-items:start;
    padding:clamp(1.8rem,3.5vw,2.6rem) 0;border-bottom:1px solid var(--line);transition:padding-left .5s var(--ease)}
  .exp-row .ix{font-family:var(--mono);font-size:0.72rem;color:var(--accent);padding-top:0.45rem}
  .exp-row h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.25rem,2.4vw,1.9rem);line-height:1.05;letter-spacing:0.005em}
  .exp-row p{color:var(--muted);font-size:1rem;line-height:1.65;font-weight:300}
  @media(hover:hover){.exp-row:hover{padding-left:1rem}.exp-row:hover h3{color:var(--accent)}}
  .exp-row h3{transition:color .35s}

  /* ---------- focus areas ---------- */
  .focus{background:var(--bg-2)}
  .focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
  .focus-card{background:var(--bg-2);padding:clamp(1.8rem,3vw,2.6rem);transition:background .4s}
  .focus-card .fbar{display:block;width:34px;height:3px;background:var(--accent);margin-bottom:1.3rem}
  .focus-card h3{font-family:var(--cond);font-weight:700;font-size:1.2rem;text-transform:uppercase;letter-spacing:0.01em;margin:0 0 0.6rem}
  .focus-card p{color:var(--muted);font-size:0.97rem;line-height:1.6;font-weight:300}
  @media(hover:hover){.focus-card:hover{background:var(--accent-tint)}}

  /* ---------- research ---------- */
  .res-list{border-top:1px solid var(--line)}
  .res-row{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(1rem,3vw,2.5rem);align-items:baseline;
    padding:clamp(1.5rem,3vw,2.2rem) 0;border-bottom:1px solid var(--line);transition:padding-left .5s var(--ease)}
  .res-row .yr{font-family:var(--mono);font-size:0.72rem;color:var(--accent);white-space:nowrap}
  .res-row .ti{font-family:var(--cond);font-weight:700;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.12;text-transform:uppercase;letter-spacing:0.005em}
  .res-row .ds{margin-top:0.4rem;color:var(--muted);font-size:0.95rem;font-weight:300;line-height:1.5;max-width:60ch}
  .res-row .kind{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);text-align:right;white-space:nowrap}
  @media(hover:hover){.res-row:hover{padding-left:0.8rem}}
  .res-note{margin-top:1.6rem;font-family:var(--mono);font-size:0.66rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted)}

  /* research media */
  .res-media{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem;margin-bottom:clamp(2rem,4vw,3rem)}
  .res-media figure{position:relative;overflow:hidden;border-radius:3px;background:var(--bg-2);aspect-ratio:3/2}
  .res-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
  @media(hover:hover){.res-media figure:hover img{transform:scale(1.045)}}
  .res-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:0.9rem 1rem;font-family:var(--mono);
    font-size:0.58rem;letter-spacing:0.08em;text-transform:uppercase;color:#fff;line-height:1.4;
    background:linear-gradient(to top,rgba(9,62,56,0.92),transparent)}

  /* ---------- about page ---------- */
  .about-main{overflow:hidden}
  .about-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;
    padding:clamp(7rem,15vh,10rem) var(--pad) clamp(3rem,6vh,4.5rem);
    background:linear-gradient(135deg,color-mix(in srgb,var(--accent-tint) 76%,transparent),transparent 52%)}
  .about-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.32;
    background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
    background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
  .about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,0.62fr);
    gap:clamp(2rem,5vw,5rem);align-items:center}
  .about-hero .kick{display:block;margin-bottom:clamp(1.35rem,3vw,2.2rem)}
  .about-hero h1{font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(3.2rem,9.2vw,8rem);line-height:0.9;letter-spacing:-0.005em}
  .about-hero h1 .a{color:var(--accent)}
  .about-role{margin-top:1.5rem;font-size:clamp(0.92rem,1.3vw,1.05rem);font-weight:500;color:var(--ink-soft);
    max-width:50ch;line-height:1.5}
  .about-lede{margin-top:1.3rem;max-width:56ch;font-size:clamp(1.04rem,1.5vw,1.25rem);font-weight:300;
    color:var(--muted);line-height:1.65}
  .about-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}
  .about-text-link{display:inline-flex;align-items:center;gap:0.45rem;width:max-content;
    font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:0.01em;
    border-bottom:2px solid color-mix(in srgb,var(--accent) 42%,transparent);padding-bottom:0.12rem;
    color:var(--ink);transition:color .3s var(--ease),border-color .3s var(--ease),gap .3s var(--ease)}
  .about-text-link::after{content:"\2192";font-size:1.05em}
  .about-text-link:hover{color:var(--accent);border-color:var(--accent);gap:0.72rem}
  .about-text-link.light{color:#fff;border-color:rgba(255,255,255,0.38)}
  .about-text-link.light:hover{border-color:#fff;color:#fff}
  .about-identity-panel{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--bg-2);
    box-shadow:0 30px 70px -36px var(--shadow)}
  .about-portrait{aspect-ratio:4/5;background:var(--accent-tint);overflow:hidden}
  .about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%;
    transition:transform 1.1s var(--ease)}
  @media(hover:hover){.about-identity-panel:hover .about-portrait img{transform:scale(1.035)}}
  .about-panel-body{padding:clamp(1.2rem,2.4vw,1.7rem)}
  .about-panel-body .mono{color:var(--accent)}
  .about-panel-body p{margin-top:0.55rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(1.22rem,2vw,1.65rem);line-height:1.05}
  .about-stat-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;margin-top:clamp(2.5rem,5vw,4rem);background:var(--line);border:1px solid var(--line)}
  .about-stat{background:color-mix(in srgb,var(--bg-2) 88%,transparent);padding:clamp(1.1rem,2.2vw,1.6rem)}
  .about-stat-value{display:block;font-family:var(--cond);font-weight:700;font-size:clamp(1.3rem,2.4vw,1.85rem);
    line-height:1;color:var(--accent)}
  .about-stat-label{display:block;margin-top:0.45rem;font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;
    text-transform:uppercase;color:var(--muted);line-height:1.45}

  .about-story{background:var(--bg-2)}
  .about-story-grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(2rem,5vw,5.5rem);align-items:start}
  .about-story-heading{position:sticky;top:120px}
  .about-story-heading h2,.about-principles-copy h2{margin-top:0.9rem;font-family:var(--cond);font-weight:700;
    text-transform:uppercase;letter-spacing:0.005em;font-size:clamp(2rem,4.6vw,3.7rem);line-height:0.95}
  .about-lead{margin-top:1.4rem;font-family:var(--cond);font-size:clamp(1.45rem,2.7vw,2.15rem);
    line-height:1.2;color:var(--ink)}
  .about-lead b,.about-lead strong{color:var(--accent)}
  .about-story-body p{font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.78;color:var(--muted);font-weight:300}
  .about-story-body p+p{margin-top:1.35rem}
  .about-story-body strong{color:var(--ink-soft);font-weight:500}
  .about-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(2.5rem,5vw,4rem);
    border:1px solid var(--line);background:var(--line)}
  .about-fact{background:var(--bg);padding:clamp(1.2rem,2.3vw,1.65rem);min-height:132px}
  .about-fact span{display:block;font-family:var(--mono);font-size:0.62rem;letter-spacing:0.11em;text-transform:uppercase;
    color:var(--muted)}
  .about-fact strong{display:block;margin-top:0.9rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(1.05rem,1.7vw,1.32rem);line-height:1.15;color:var(--ink)}

  .about-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
  .about-path-card{display:flex;flex-direction:column;gap:0.85rem;min-height:310px;padding:clamp(1.35rem,2.4vw,1.8rem);
    border:1px solid var(--line);border-radius:6px;background:var(--bg-2);
    transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
  .about-path-card:nth-child(2){border-top-color:#B88A44}
  .about-path-card:nth-child(3){border-top-color:#A65F4A}
  .about-path-card:nth-child(4){border-top-color:#415D7A}
  .about-path-card h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.12rem,2vw,1.45rem);
    line-height:1.08}
  .about-path-card p{margin-top:auto;color:var(--muted);font-size:0.96rem;line-height:1.62;font-weight:300}
  @media(hover:hover){.about-path-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
    transform:translateY(-3px);box-shadow:0 24px 48px -34px var(--shadow)}}

  .about-principles{display:grid;grid-template-columns:0.72fr 1.28fr;gap:clamp(2rem,5vw,5rem);
    align-items:start;background:color-mix(in srgb,var(--accent-deep) 92%,#1F2530);color:#EAF1EE}
  .about-principles .mono{color:#9DC3BB}
  .about-principles-copy h2{color:#fff}
  .about-principles-copy blockquote{margin-top:clamp(1.5rem,3vw,2.2rem);font-family:var(--cond);
    font-size:clamp(1.5rem,2.8vw,2.35rem);line-height:1.22;color:#DCEAE6}
  .about-principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,0.14);
    border:1px solid rgba(255,255,255,0.14)}
  .about-principle-card{background:rgba(255,255,255,0.055);padding:clamp(1.45rem,2.7vw,2.15rem);
    min-height:230px}
  .about-card-mark{display:block;width:34px;height:3px;background:#69C7B6;margin-bottom:1.3rem}
  .about-principle-card:nth-child(2) .about-card-mark{background:#D4A24F}
  .about-principle-card:nth-child(3) .about-card-mark{background:#CC7D68}
  .about-principle-card:nth-child(4) .about-card-mark{background:#7895B4}
  .about-principle-card h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.1rem,1.8vw,1.35rem);
    line-height:1.08;color:#fff}
  .about-principle-card p{margin-top:0.75rem;color:#C8DAD5;font-size:0.96rem;line-height:1.62;font-weight:300}

  .about-expertise-list{border-top:1px solid var(--line)}
  .about-expertise-row{display:grid;grid-template-columns:0.12fr 0.38fr 0.5fr;gap:clamp(1rem,3vw,3rem);
    align-items:start;padding:clamp(1.6rem,3.3vw,2.4rem) 0;border-bottom:1px solid var(--line);
    transition:padding-left .45s var(--ease)}
  .about-expertise-row span{font-family:var(--mono);font-size:0.72rem;color:var(--accent);padding-top:0.38rem}
  .about-expertise-row h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.2rem,2.3vw,1.8rem);
    line-height:1.05}
  .about-expertise-row p{color:var(--muted);font-size:1rem;line-height:1.65;font-weight:300}
  @media(hover:hover){.about-expertise-row:hover{padding-left:0.8rem}.about-expertise-row:hover h3{color:var(--accent)}}

  .about-engagement{background:var(--bg-2)}
  .about-media-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:1rem;margin-bottom:clamp(2rem,4vw,3rem)}
  .about-media-grid figure{position:relative;overflow:hidden;border-radius:6px;background:var(--accent-tint);aspect-ratio:3/2}
  .about-media-grid img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
  @media(hover:hover){.about-media-grid figure:hover img{transform:scale(1.045)}}
  .about-media-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:0.9rem 1rem;font-family:var(--mono);
    font-size:0.58rem;letter-spacing:0.08em;text-transform:uppercase;color:#fff;line-height:1.4;
    background:linear-gradient(to top,rgba(9,62,56,0.92),transparent)}

  .about-closing{display:flex;justify-content:space-between;gap:clamp(2rem,5vw,5rem);align-items:flex-end;
    background:var(--accent-deep);color:#EAF1EE}
  .about-closing .mono{color:#9DC3BB}
  .about-closing h2{margin-top:0.8rem;font-family:var(--cond);font-weight:700;font-size:clamp(3.5rem,11vw,8.5rem);line-height:0.9;color:#fff}
  .about-closing p{margin-top:1.4rem;max-width:48ch;font-size:clamp(1rem,1.5vw,1.22rem);font-weight:300;line-height:1.62;
    color:#C9DAD5}
  .about-closing-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}

  /* ---------- awards page ---------- */
  .awards-main{overflow:hidden}
  .awards-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-tint) 74%,transparent),transparent 50%),
    linear-gradient(28deg,transparent 62%,color-mix(in srgb,#B88A44 14%,transparent))}
  .awards-hero-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--bg-2);
    box-shadow:0 30px 70px -36px var(--shadow)}
  .awards-hero-image{aspect-ratio:4/3;background:var(--accent-tint);overflow:hidden}
  .awards-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform 1.1s var(--ease)}
  @media(hover:hover){.awards-hero-card:hover .awards-hero-image img{transform:scale(1.035)}}
  .awards-hero-meta{padding:clamp(1.25rem,2.5vw,1.8rem)}
  .awards-hero-meta .mono{color:var(--accent)}
  .awards-hero-meta strong{display:block;margin-top:0.65rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(1.22rem,2.1vw,1.7rem);line-height:1.05}
  .awards-hero-meta p{margin-top:0.8rem;color:var(--muted);font-size:0.96rem;line-height:1.6;font-weight:300}
  .awards-stat-row .about-stat:nth-child(2) .about-stat-value{color:#B88A44}
  .awards-stat-row .about-stat:nth-child(3) .about-stat-value{color:#A65F4A}
  .awards-stat-row .about-stat:nth-child(4) .about-stat-value{color:#415D7A}

  .awards-ledger{background:var(--bg-2)}
  .awards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .award-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;
    background:var(--bg);min-height:310px;transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
  .award-card:nth-child(2){border-top-color:#B88A44}
  .award-card:nth-child(3){border-top-color:#A65F4A}
  .award-card:nth-child(4){border-top-color:#415D7A}
  @media(hover:hover){.award-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
    transform:translateY(-3px);box-shadow:0 24px 48px -34px var(--shadow)}}
  .award-card-media{aspect-ratio:16/9;background:var(--accent-tint);overflow:hidden}
  .award-card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
  @media(hover:hover){.award-card:hover .award-card-media img{transform:scale(1.045)}}
  .award-card-body{display:flex;flex-direction:column;gap:0.85rem;padding:clamp(1.25rem,2.5vw,1.8rem)}
  .award-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .award-card-top span,.award-card-top em{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase}
  .award-card-top span{color:var(--accent)}
  .award-card-top em{font-style:normal;color:var(--muted);text-align:right}
  .award-card h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.2rem,2.3vw,1.75rem);
    line-height:1.06}
  .award-card p{margin-top:auto;color:var(--muted);font-size:0.98rem;line-height:1.64;font-weight:300}

  .awards-standards{display:grid;grid-template-columns:0.78fr 1.22fr;gap:clamp(2rem,5vw,5rem);
    background:color-mix(in srgb,var(--accent-deep) 92%,#1F2530);color:#EAF1EE;align-items:start}
  .awards-standards .mono{color:#9DC3BB}
  .awards-standards-copy h2{margin-top:0.9rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    letter-spacing:0.005em;font-size:clamp(2rem,4.6vw,3.7rem);line-height:0.95;color:#fff}
  .awards-standards-copy p{margin-top:1.4rem;color:#C9DAD5;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.68;font-weight:300}
  .awards-standards-grid{display:grid;gap:1px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.14)}
  .awards-standard-card{display:grid;grid-template-columns:auto 0.8fr 1.2fr;gap:clamp(1rem,2.6vw,2rem);
    align-items:start;background:rgba(255,255,255,0.055);padding:clamp(1.35rem,2.5vw,1.9rem)}
  .awards-standard-card span{font-family:var(--mono);font-size:0.72rem;color:#69C7B6;padding-top:0.25rem}
  .awards-standard-card h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.08rem,1.8vw,1.35rem);
    line-height:1.08;color:#fff}
  .awards-standard-card p{color:#C8DAD5;font-size:0.96rem;line-height:1.62;font-weight:300}

  /* ---------- cohorts pages ---------- */
  .cohorts-main{overflow:hidden}
  .cohorts-archive-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-tint) 74%,transparent),transparent 52%),
    linear-gradient(24deg,transparent 64%,color-mix(in srgb,#415D7A 16%,transparent))}
  .cohorts-featured-panel{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--bg-2);
    box-shadow:0 30px 70px -36px var(--shadow)}
  .cohorts-featured-media,.cohorts-post-media,.cohort-watch-media{position:relative;aspect-ratio:16/9;background:var(--accent-deep);overflow:hidden}
  .cohorts-featured-media .cohort-frame,.cohorts-featured-media .cohort-video,
  .cohorts-post-media .cohort-frame,.cohorts-post-media .cohort-video,
  .cohort-watch-media .cohort-frame,.cohort-watch-media .cohort-video{
    position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover;background:var(--accent-deep)}
  .cohorts-featured-body{padding:clamp(1.25rem,2.5vw,1.85rem)}
  .cohorts-featured-body .mono{color:var(--accent)}
  .cohorts-featured-body h2{margin-top:0.75rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.06}
  .cohorts-featured-body p{margin:0.75rem 0 1.2rem;color:var(--muted);font-size:0.98rem;line-height:1.62;font-weight:300}
  .cohorts-stat-row .about-stat:nth-child(2) .about-stat-value{color:#415D7A}
  .cohorts-stat-row .about-stat:nth-child(3) .about-stat-value{color:#A65F4A}
  .cohorts-stat-row .about-stat:nth-child(4) .about-stat-value{color:#B88A44}

  .cohorts-archive{background:var(--bg-2)}
  .cohorts-empty{color:var(--muted);font-size:1.05rem;line-height:1.6}
  .cohort-tabs{display:flex;flex-wrap:wrap;gap:0.6rem;margin:0 0 1.6rem}
  .cohort-tab{display:inline-flex;align-items:center;gap:0.4rem;padding:0.45em 1em;border-radius:100px;
    border:1px solid var(--line);background:var(--bg);color:var(--muted);font-family:var(--cond);
    font-weight:600;font-size:0.82rem;letter-spacing:0.01em;cursor:pointer;
    transition:border-color .25s var(--ease),color .25s var(--ease),background .25s var(--ease)}
  .cohort-tab span{font-family:var(--mono);font-size:0.72em;opacity:0.7}
  .cohort-tab:hover{border-color:var(--accent);color:var(--ink)}
  .cohort-tab.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
  .cohort-tab.is-active span{opacity:0.85}
  .cohorts-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .cohorts-post-card.is-hidden{display:none}
  .cohorts-post-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;
    background:var(--bg);transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
  .cohorts-post-card:nth-child(2n){border-top-color:#415D7A}
  .cohorts-post-card:nth-child(3n){border-top-color:#B88A44}
  @media(hover:hover){.cohorts-post-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
    transform:translateY(-3px);box-shadow:0 24px 48px -34px var(--shadow)}}
  .cohorts-post-body{display:flex;flex:1;flex-direction:column;gap:0.75rem;padding:clamp(1.15rem,2.2vw,1.55rem)}
  .cohorts-post-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .cohorts-post-meta span,.cohorts-post-meta em{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase}
  .cohorts-post-meta span{color:var(--accent)}
  .cohorts-post-meta em{font-style:normal;color:var(--muted)}
  .cohorts-post-card h3,.cohort-related-card h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.08}
  .cohorts-post-card h3 a:hover,.cohort-related-card h3 a:hover{color:var(--accent)}
  .cohorts-post-card p,.cohort-related-card p{color:var(--muted);font-size:0.96rem;line-height:1.62;font-weight:300}
  .cohorts-post-link{margin-top:auto;display:inline-flex;width:max-content;align-items:center;gap:0.4rem;
    font-family:var(--cond);font-weight:700;text-transform:uppercase;color:var(--ink);
    border-bottom:2px solid color-mix(in srgb,var(--accent) 42%,transparent);padding-bottom:0.1rem;
    transition:gap .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
  .cohorts-post-link::after{content:"\2192";font-weight:400}
  .cohorts-post-link:hover{gap:0.7rem;color:var(--accent);border-color:var(--accent)}

  .cohort-detail-hero{padding:clamp(7rem,15vh,10rem) var(--pad) clamp(3rem,6vh,4.5rem);
    background:linear-gradient(135deg,color-mix(in srgb,var(--accent-tint) 68%,transparent),transparent 54%)}
  .cohort-detail-kicker{margin-bottom:clamp(1.5rem,3vw,2.2rem)}
  .cohort-detail-kicker a:hover{color:var(--accent)}
  .cohort-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,0.5fr);gap:clamp(2rem,5vw,5rem);align-items:end}
  .cohort-detail-copy h1{font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(2.8rem,7.6vw,7rem);line-height:0.92;letter-spacing:-0.005em;max-width:11ch}
  .cohort-detail-meta{border:1px solid var(--line);border-radius:6px;background:var(--bg-2);padding:clamp(1.25rem,2.5vw,1.8rem)}
  .cohort-detail-meta .mono{color:var(--accent)}
  .cohort-detail-meta dl{display:grid;gap:1rem;margin-top:1.2rem}
  .cohort-detail-meta div{padding-top:1rem;border-top:1px solid var(--line-soft)}
  .cohort-detail-meta dt{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}
  .cohort-detail-meta dd{margin-top:0.35rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:1.1rem;line-height:1.12}

  .cohort-watch{background:var(--bg-2);padding-top:clamp(2.5rem,5vw,4rem)}
  .cohort-watch-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,0.55fr);gap:clamp(1.2rem,3vw,2rem);align-items:stretch}
  .cohort-watch-media{border-radius:6px;box-shadow:0 30px 70px -36px var(--shadow)}
  .cohort-watch-note{display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:6px;
    background:var(--bg);padding:clamp(1.35rem,2.8vw,2rem)}
  .cohort-watch-note .mono{color:var(--accent)}
  .cohort-watch-note h2{margin-top:0.75rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.35rem,2.4vw,1.9rem);
    line-height:1.06}
  .cohort-watch-note p{margin-top:0.85rem;color:var(--muted);font-size:0.98rem;line-height:1.64;font-weight:300}

  .cohort-article{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(280px,0.42fr);gap:clamp(2rem,5vw,5rem);align-items:start}
  .cohort-article-body h2{margin-top:0.9rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(2rem,4.6vw,3.7rem);line-height:0.95}
  .cohort-article-body p{margin-top:1.35rem;max-width:68ch;color:var(--muted);font-size:clamp(1rem,1.25vw,1.08rem);
    line-height:1.78;font-weight:300}
  .cohort-rich-body h2,.cohort-rich-body h3,.cohort-rich-body h4{max-width:68ch;margin-top:1.8rem;font-family:var(--cond);
    text-transform:uppercase;line-height:1.08;color:var(--text)}
  .cohort-rich-body h2{font-size:clamp(1.45rem,2.5vw,2rem)}
  .cohort-rich-body h3{font-size:clamp(1.2rem,2vw,1.55rem)}
  .cohort-rich-body h4{font-size:1.08rem}
  .cohort-rich-body ul,.cohort-rich-body ol{max-width:68ch;margin:1.35rem 0 0;padding-left:1.35rem;color:var(--muted);
    font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.78;font-weight:300}
  .cohort-rich-body li+li{margin-top:.45rem}
  .cohort-rich-body blockquote{max-width:68ch;margin:1.45rem 0 0;padding:1rem 1.15rem;border-left:3px solid var(--accent);
    background:var(--bg-2);color:var(--text);font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.72}
  .cohort-rich-body a{color:var(--accent);font-weight:700;text-decoration:none}
  .cohort-rich-body a:hover{text-decoration:underline}
  .cohort-takeaways{position:sticky;top:110px;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
  .cohort-takeaways>.mono{display:block;background:var(--bg-2);padding:1rem 1.1rem;color:var(--accent)}
  .cohort-takeaway{display:grid;grid-template-columns:auto 1fr;gap:1rem;background:var(--bg-2);padding:1.15rem}
  .cohort-takeaway span{font-family:var(--mono);font-size:0.72rem;color:var(--accent);padding-top:0.2rem}
  .cohort-takeaway p{color:var(--muted);font-size:0.96rem;line-height:1.58;font-weight:300}

  .cohort-related{background:var(--bg-2)}
  .cohort-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .cohort-related-card{display:flex;flex-direction:column;gap:0.75rem;border:1px solid var(--line);border-radius:6px;
    background:var(--bg);padding:clamp(1.25rem,2.4vw,1.7rem);min-height:240px;
    transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
  .cohort-related-card .mono{color:var(--accent)}
  @media(hover:hover){.cohort-related-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
    transform:translateY(-3px);box-shadow:0 24px 48px -34px var(--shadow)}}
  .cohort-not-found{min-height:82vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
  .cohort-not-found h1{margin-top:0.9rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(2.6rem,7vw,6rem);line-height:0.95}
  .cohort-not-found p{margin:1rem 0 1.8rem;color:var(--muted);font-size:1.08rem}

  /* ---------- events page ---------- */
  .events-main{overflow:hidden}
  .events-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-tint) 74%,transparent),transparent 52%),
    linear-gradient(24deg,transparent 62%,color-mix(in srgb,#A65F4A 15%,transparent))}
  .events-summary-panel{border:1px solid var(--line);border-radius:6px;background:var(--bg-2);
    padding:clamp(1.35rem,2.8vw,2rem);box-shadow:0 30px 70px -36px var(--shadow)}
  .events-summary-panel .mono{color:var(--accent)}
  .events-summary-panel strong{display:block;margin-top:0.75rem;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(1.35rem,2.4vw,1.95rem);line-height:1.04}
  .events-summary-panel p{margin-top:0.9rem;color:var(--muted);font-size:0.98rem;line-height:1.62;font-weight:300}
  .events-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(1.4rem,3vw,2rem);
    background:var(--line);border:1px solid var(--line)}
  .events-summary-stats div{background:var(--bg);padding:1rem}
  .events-summary-stats b{display:block;font-family:var(--cond);font-size:2rem;line-height:1;color:var(--accent)}
  .events-summary-stats span{display:block;margin-top:0.35rem;font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;
    text-transform:uppercase;color:var(--muted)}

  .events-section{background:var(--bg-2)}
  .events-past{background:var(--bg)}
  .events-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .events-empty{color:var(--muted);font-size:1.05rem;line-height:1.6}
  .event-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--bg);
    transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
  .events-past .event-card{background:var(--bg-2)}
  .event-card.is-upcoming{border-top-color:#B88A44}
  .event-card.is-past{border-top-color:#415D7A}
  @media(hover:hover){.event-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));
    transform:translateY(-3px);box-shadow:0 24px 48px -34px var(--shadow)}}
  .event-card-media{position:relative;aspect-ratio:16/9;background:var(--accent-deep);overflow:hidden}
  .event-card-media .cohort-frame,.event-card-media .cohort-video{
    position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover;background:var(--accent-deep)}
  .event-card-body{display:flex;flex:1;flex-direction:column;gap:0.75rem;padding:clamp(1.2rem,2.4vw,1.7rem)}
  .event-card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}
  .event-card-meta span,.event-card-meta em{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase}
  .event-card-meta span{display:inline-flex;align-items:center;border-radius:999px;padding:0.36rem 0.62rem;background:color-mix(in srgb,var(--accent) 12%,transparent);
    color:var(--accent)}
  .event-card.is-upcoming .event-card-meta span{background:rgba(184,138,68,0.14);color:#9B6C25}
  .event-card.is-past .event-card-meta span{background:rgba(65,93,122,0.14);color:#415D7A}
  [data-theme="dark"] .event-card.is-upcoming .event-card-meta span{color:#D4A24F}
  [data-theme="dark"] .event-card.is-past .event-card-meta span{color:#91ABC6}
  .event-card-meta em{font-style:normal;color:var(--muted);text-align:right}
  .event-card h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.2rem,2.3vw,1.75rem);
    line-height:1.06}
  .event-card p{margin-top:auto;color:var(--muted);font-size:0.98rem;line-height:1.64;font-weight:300}
  .event-card-detail{margin-top:-0.4rem;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.06em;
    text-transform:uppercase;color:var(--muted)}
  .event-card-cta{margin-top:0.3rem}
  .events-note{margin-top:clamp(1.6rem,3vw,2.2rem);font-family:var(--mono);font-size:0.66rem;letter-spacing:0.06em;
    text-transform:uppercase;color:var(--muted);line-height:1.6}

  /* in her words — floating quote */
  .voice{background:var(--accent-tint);position:relative;overflow:hidden}
  .voice .qmark{position:absolute;top:-0.2em;left:calc(var(--pad) - 0.04em);font-family:var(--grunge);
    font-size:clamp(9rem,24vw,20rem);line-height:1;color:var(--accent);opacity:0.13;pointer-events:none}
  .voice .kick{display:block;position:relative;z-index:2}
  .voice .qfloat{position:relative;z-index:2;margin-top:clamp(1.4rem,4vw,2.4rem);max-width:30ch;
    transition:opacity .5s var(--ease);animation:floaty 7s ease-in-out infinite}
  .voice blockquote{font-family:var(--cond);font-weight:400;font-size:clamp(1.45rem,3.1vw,2.6rem);
    line-height:1.22;letter-spacing:-0.005em;color:var(--ink)}
  .voice cite{display:block;margin-top:1.5rem;font-family:var(--mono);font-size:0.7rem;letter-spacing:0.14em;
    text-transform:uppercase;color:var(--accent);font-style:normal}
  .voice .dots{position:relative;z-index:2;display:flex;gap:0.55rem;margin-top:clamp(1.8rem,4vw,2.6rem)}
  .voice .dots button{width:9px;height:9px;border-radius:50%;background:var(--accent);opacity:0.22;
    transition:opacity .4s;cursor:pointer;border:0;padding:0}
  .voice .dots button.on{opacity:1}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

  /* ---------- recent cohorts (slider) ---------- */
  .cohorts{background:var(--bg-2)}
  .cohorts-head{margin-bottom:clamp(1.6rem,3vw,2.4rem)}
  .cohorts-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
  .cohorts-arrows{display:flex;gap:0.55rem;flex:0 0 auto}
  .cohorts-arrows.is-hidden{display:none}
  .cohorts-arrow{width:44px;height:44px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line);
    background:transparent;color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
    transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),opacity .3s}
  .cohorts-arrow:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
  .cohorts-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .cohorts-arrow:disabled{opacity:0.3;cursor:default;background:transparent;border-color:var(--line);color:var(--ink)}
  .cohorts-intro{max-width:62ch;margin:-0.4rem 0 clamp(1.8rem,3.5vw,2.6rem);
    color:var(--muted);font-size:clamp(1rem,1.4vw,1.15rem);font-weight:300;line-height:1.65}
  .cohorts-slider{position:relative;margin:0 calc(var(--pad) * -1)}
  .cohorts-track{display:flex;gap:clamp(1.1rem,2.2vw,1.6rem);overflow-x:auto;padding:0.5rem var(--pad) 1.1rem;
    scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:var(--pad);
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cohorts-track::-webkit-scrollbar{display:none}
  .cohort-card{flex:0 0 min(340px,82%);scroll-snap-align:start;display:flex;flex-direction:column;
    background:var(--bg);border:1px solid var(--line);border-radius:6px;overflow:hidden;
    transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease)}
  @media(hover:hover){.cohort-card:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
    transform:translateY(-3px);box-shadow:0 24px 46px -30px var(--shadow)}}
  .cohorts-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:0.55rem;margin-top:clamp(1.1rem,2.4vw,1.7rem)}
  .cohorts-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--accent);
    opacity:0.22;cursor:pointer;transition:opacity .35s var(--ease),transform .35s var(--ease)}
  .cohorts-dot:hover{opacity:0.5}
  .cohorts-dot.on{opacity:1;transform:scale(1.3)}
  .cohorts-dot:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
  .cohort-media{position:relative;aspect-ratio:16/9;background:var(--accent-deep);overflow:hidden}
  .cohort-media .cohort-frame,.cohort-media .cohort-video{position:absolute;inset:0;width:100%;height:100%;
    border:0;display:block;object-fit:cover;background:var(--accent-deep)}
  .cohort-body{padding:clamp(1.2rem,2.4vw,1.7rem);display:flex;flex-direction:column;gap:0.5rem}
  .cohort-meta{color:var(--accent)}
  .cohort-card h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;letter-spacing:0.01em;
    font-size:clamp(1.18rem,2vw,1.5rem);line-height:1.08}
  .cohort-body p{color:var(--muted);font-size:0.97rem;line-height:1.6;font-weight:300}
  .cohorts-note{margin-top:clamp(1.6rem,3vw,2.2rem);font-family:var(--mono);font-size:0.66rem;
    letter-spacing:0.06em;text-transform:uppercase;color:var(--muted)}

  /* ---------- schedule (closing) ---------- */
  .schedule{background:var(--accent-deep);color:#EDF3F0;text-align:left}
  .schedule .mono{color:rgba(237,243,240,0.6)}
  .schedule h2{font-family:var(--cond);font-weight:700;font-size:clamp(3.5rem,15vw,11rem);line-height:0.9;color:#fff;margin:1rem 0 0}
  .schedule .sub{margin-top:1.8rem;max-width:46ch;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:300;color:#C9DAD5;line-height:1.55}
  .schedule .connect{display:inline-flex;align-items:center;gap:0.7rem;margin-top:2.4rem;
    font-family:var(--cond);font-weight:700;text-transform:uppercase;font-size:clamp(1.3rem,3vw,2.2rem);
    color:#fff;border-bottom:2px solid rgba(255,255,255,0.35);padding-bottom:0.15em;transition:border-color .3s,gap .3s}
  .schedule .connect:hover{border-color:#fff;gap:1.1rem}
  .schedule .row{margin-top:clamp(2.5rem,5vw,4rem);display:flex;gap:clamp(2rem,5vw,4rem);flex-wrap:wrap;
    padding-top:1.6rem;border-top:1px solid rgba(255,255,255,0.16)}
  .schedule .row .it .k{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:#8FB1AA}
  .schedule .row .it .v{margin-top:0.35rem;font-size:1.02rem;color:#EDF3F0}
  .schedule .row .it a:hover{color:#fff;text-decoration:underline}

  /* ---------- meeting modal (split panel) ---------- */
  body.modal-open{overflow:hidden}
  .meeting-modal{position:fixed;inset:0;z-index:980;display:grid;place-items:center;padding:clamp(0.85rem,3vw,2rem)}
  .meeting-modal[hidden]{display:none}
  .meeting-backdrop{position:absolute;inset:0;background:rgba(5,18,16,0.62);backdrop-filter:blur(9px)}
  .meeting-dialog{position:relative;z-index:1;width:min(100%,880px);max-height:min(92vh,820px);overflow:hidden;
    display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);
    background:var(--bg-2);color:var(--ink);border:1px solid var(--line);border-radius:18px;
    box-shadow:0 44px 120px -40px rgba(0,0,0,0.66)}
  .meeting-close{position:absolute;top:0.9rem;right:0.9rem;z-index:3;width:38px;height:38px;border:1px solid var(--line);
    border-radius:50%;background:color-mix(in srgb,var(--bg-2) 70%,transparent);color:var(--ink);
    display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);
    transition:background .25s var(--ease),border-color .25s,color .25s,transform .35s var(--ease)}
  .meeting-close svg{width:17px;height:17px}
  .meeting-close:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(90deg)}

  /* left info rail */
  .meeting-aside{position:relative;overflow:hidden;padding:clamp(1.7rem,3vw,2.5rem);color:#EAF1EE;
    background:linear-gradient(157deg,var(--accent-deep),color-mix(in srgb,var(--accent) 58%,var(--accent-deep)));
    display:flex;flex-direction:column}
  .meeting-aside::after{content:"";position:absolute;right:-30%;top:-20%;width:75%;aspect-ratio:1;border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,0.10),transparent 68%);pointer-events:none}
  .meeting-eyebrow{position:relative;z-index:1;color:rgba(234,241,238,0.62)}
  .meeting-aside h2{position:relative;z-index:1;font-family:var(--cond);font-weight:700;text-transform:uppercase;
    font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:0.98;letter-spacing:0.005em;color:#fff;margin:0.7rem 0 0}
  .meeting-aside-lead{position:relative;z-index:1;margin:1rem 0 0;font-size:0.96rem;line-height:1.6;font-weight:300;color:#CFE0DB}
  .meeting-steps{position:relative;z-index:1;list-style:none;margin:auto 0 0;padding:1.6rem 0 0;display:grid;gap:0.85rem}
  .meeting-steps li{display:flex;align-items:center;gap:0.75rem;font-size:0.9rem;color:#DCEAE6;line-height:1.35}
  .meeting-step-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--cond);font-weight:700;font-size:0.85rem;color:#fff;
    border:1px solid rgba(255,255,255,0.35);background:rgba(255,255,255,0.07)}

  /* right form panel */
  .meeting-main{padding:clamp(1.5rem,3vw,2.3rem);overflow-y:auto}
  .meeting-alert,.meeting-empty{border-radius:10px;padding:0.9rem 1rem;border:1px solid var(--line);
    background:color-mix(in srgb,var(--accent) 9%,var(--bg-2));color:var(--accent-deep)}
  .meeting-alert{margin-bottom:1.2rem}
  .meeting-alert.error{background:#F8E6E2;border-color:rgba(168,59,50,.25);color:#A83B32}
  [data-theme="dark"] .meeting-alert:not(.error),[data-theme="dark"] .meeting-empty{color:#DDF0EB}
  .meeting-alert p,.meeting-empty p{margin:0;font-size:0.94rem;line-height:1.5}
  .meeting-alert p+p{margin-top:0.4rem}
  .meeting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.95rem 1rem}
  .meeting-grid label{display:grid;gap:0.4rem;font-family:var(--mono);font-size:0.66rem;font-weight:500;
    text-transform:uppercase;letter-spacing:0.12em;color:var(--muted)}
  .meeting-grid label em{font-style:normal;opacity:0.7;letter-spacing:0.06em}
  .meeting-grid label.full{grid-column:1/-1}
  .meeting-grid input,.meeting-grid select,.meeting-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;
    background:var(--bg);color:var(--ink);font:inherit;font-size:0.97rem;letter-spacing:0;text-transform:none;
    transition:border-color .2s,box-shadow .2s}
  .meeting-grid input,.meeting-grid select{height:48px;padding:0 0.9rem}
  .meeting-grid textarea{min-height:92px;padding:0.75rem 0.9rem;resize:vertical;line-height:1.5}
  .meeting-grid input::placeholder,.meeting-grid textarea::placeholder{color:var(--muted);opacity:0.7}
  .meeting-grid input:focus,.meeting-grid select:focus,.meeting-grid textarea:focus{outline:0;border-color:var(--accent);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
  .meeting-submit{position:relative;width:100%;height:52px;margin-top:1.4rem;padding:0 1.3rem;border:0;border-radius:11px;
    background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:1rem;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;
    transition:background .25s,transform .25s var(--ease),box-shadow .25s}
  .meeting-submit::after{content:"\2192";font-size:1.15em;transition:transform .3s var(--ease)}
  .meeting-submit:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:0 14px 30px -14px var(--shadow)}
  .meeting-submit:hover::after{transform:translateX(4px)}
  .meeting-submit:disabled{opacity:0.7;cursor:progress;transform:none}
  .meeting-submit:disabled::after{display:none}
  .meeting-fineprint{margin:0.9rem 0 0;text-align:center;font-size:0.76rem;color:var(--muted);line-height:1.5}
  .hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}

  /* entrance animation (respects reduced-motion via the global rule) */
  @keyframes meetingFade{from{opacity:0}to{opacity:1}}
  @keyframes meetingPop{from{opacity:0;transform:translateY(16px) scale(0.985)}to{opacity:1;transform:none}}
  .meeting-modal:not([hidden]) .meeting-backdrop{animation:meetingFade .3s ease}
  .meeting-modal:not([hidden]) .meeting-dialog{animation:meetingPop .42s var(--ease)}
  /* stack the panels before the split gets cramped */
  @media(max-width:760px){
    .meeting-dialog{grid-template-columns:1fr;max-height:94vh}
    .meeting-aside{padding:clamp(1.4rem,5vw,1.8rem)}
    .meeting-aside-lead,.meeting-steps{display:none}
    .meeting-aside h2{margin-top:0.5rem}
  }

  footer{background:var(--accent-deep);color:#8FB1AA;padding:1.6rem var(--pad) 2.2rem;display:flex;
    justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:0.62rem;
    letter-spacing:0.1em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,0.1)}
  footer a:hover{color:#fff}
  footer .footer-sitemap{margin-left:auto;opacity:0.7}
  footer .footer-sitemap a{text-transform:none;letter-spacing:0.04em}

  /* ---------- responsive ---------- */
  @media(max-width:820px){
    nav .desktop-links{display:none}
    nav .nav-actions{gap:0.55rem}
    .menu-toggle{display:inline-flex}
  }
  @media(max-width:900px){
    .hero-grid{grid-template-columns:1fr}
    .hero-img{width:100%;max-width:360px;aspect-ratio:4/5;margin:0.6rem auto 0}
    .profile-grid{grid-template-columns:1fr}
    .profile-img{position:relative;top:0;max-width:360px}
    /* expertise: slim index gutter, title + description stacked in the wide column */
    .exp-row{grid-template-columns:auto 1fr;gap:0.5rem 1.1rem;align-items:start}
    .exp-row .ix{grid-column:1;grid-row:1;padding-top:0.3rem}
    .exp-row h3{grid-column:2;grid-row:1}
    .exp-row p{grid-column:2;grid-row:2;margin-top:0.15rem}
    .focus-grid{grid-template-columns:1fr}
    .res-media{grid-template-columns:1fr}
    .about-hero{min-height:auto}
    .about-hero-grid,.about-story-grid,.about-principles{grid-template-columns:1fr}
    .about-identity-panel{max-width:420px}
    .about-stat-row,.about-facts,.about-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .about-story-heading{position:relative;top:0}
    .about-expertise-row{grid-template-columns:auto 1fr;gap:0.5rem 1.1rem}
    .about-expertise-row span{grid-column:1;grid-row:1}
    .about-expertise-row h3{grid-column:2;grid-row:1}
    .about-expertise-row p{grid-column:2;grid-row:2}
    .about-media-grid{grid-template-columns:1fr}
    .about-closing{display:grid;align-items:start}
    .about-closing-actions{justify-content:flex-start}
    .awards-hero-card{max-width:460px}
    .awards-grid{grid-template-columns:1fr}
    .awards-standards{grid-template-columns:1fr}
    .cohorts-featured-panel{max-width:520px}
    .cohorts-archive-grid,.cohort-related-grid{grid-template-columns:1fr 1fr}
    .cohort-detail-grid,.cohort-watch-grid,.cohort-article{grid-template-columns:1fr}
    .cohort-detail-meta{max-width:520px}
    .cohort-takeaways{position:relative;top:0}
    .events-summary-panel{max-width:520px}
  }
  @media(max-width:600px){
    nav{padding:0.85rem var(--pad)}
    nav .desktop-links{display:none}
    nav .nav-actions{gap:0.55rem}
    nav .brand{font-size:1.1rem}
    .menu-toggle{display:inline-flex}
    .cta{padding:0.55em 0.95em;font-size:0.76rem}
    .mobile-menu-link,.mobile-menu-link.cta{font-size:1.05rem;padding:0.75rem 0.85rem}

    /* hero: taller headline, natural flow, full-width framed portrait */
    .hero{min-height:auto;padding:clamp(5.2rem,15vh,6.4rem) var(--pad) clamp(2.6rem,8vh,3.6rem)}
    .hero-grid{gap:0}
    .hero .kick{margin-bottom:1.1rem}
    .hero h1{font-size:clamp(3.1rem,15.5vw,4.8rem)}
    .hero .role{margin-top:1.2rem;max-width:none}
    .hero .lede{margin-top:1.05rem;max-width:none;font-size:1.04rem}
    .hero-img{width:100%;max-width:100%;aspect-ratio:4/5;margin:1.9rem 0 0;
      border:1px solid var(--line);box-shadow:0 24px 50px -28px var(--shadow)}
    .hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 1.4rem;margin-top:2.2rem}
    .hero-meta .m .v{font-size:1.3rem}

    .head{grid-template-columns:1fr;gap:0.6rem}
    .res-row{grid-template-columns:1fr;gap:0.3rem}
    .res-row .kind{text-align:left}
    .about-hero{padding:clamp(5.1rem,15vh,6.2rem) var(--pad) clamp(2.8rem,8vh,3.8rem)}
    .about-hero-grid{gap:2rem}
    .about-hero .kick{margin-bottom:1.15rem}
    .about-hero h1{font-size:clamp(3.1rem,15vw,4.8rem)}
    .about-actions{align-items:flex-start}
    .about-identity-panel{max-width:none}
    .about-stat-row{grid-template-columns:1fr 1fr}
    .about-facts,.about-path-grid,.about-principle-grid{grid-template-columns:1fr}
    .about-story-heading h2,.about-principles-copy h2{font-size:clamp(2rem,10vw,3.25rem)}
    .about-path-card,.about-principle-card{min-height:auto}
    .about-expertise-row{grid-template-columns:1fr;gap:0.35rem}
    .about-expertise-row span,.about-expertise-row h3,.about-expertise-row p{grid-column:auto;grid-row:auto}
    .about-expertise-row p{margin-top:0.2rem}
    .about-closing h2{font-size:clamp(3.4rem,18vw,5.8rem)}
    .about-closing-actions{display:grid;justify-items:start}
    .awards-hero-card{max-width:none}
    .award-card{min-height:auto}
    .award-card-top{align-items:flex-start;flex-direction:column;gap:0.35rem}
    .award-card-top em{text-align:left}
    .awards-standard-card{grid-template-columns:1fr;gap:0.45rem}
    .awards-standards-copy h2{font-size:clamp(2rem,10vw,3.25rem)}
    .cohorts-archive-grid,.cohort-related-grid{grid-template-columns:1fr}
    .cohorts-featured-panel{max-width:none}
    .cohorts-post-meta{align-items:flex-start;flex-direction:column;gap:0.35rem}
    .cohort-detail-hero{padding:clamp(5.1rem,15vh,6.2rem) var(--pad) clamp(2.8rem,8vh,3.8rem)}
    .cohort-detail-copy h1{font-size:clamp(2.7rem,13vw,4.5rem);max-width:none}
    .cohort-watch{padding-top:clamp(2rem,7vw,3rem)}
    .cohort-article-body h2{font-size:clamp(2rem,10vw,3.25rem)}
    .cohort-takeaway{grid-template-columns:1fr;gap:0.35rem}
    .cohort-related-card{min-height:auto}
    .events-summary-panel{max-width:none}
    .events-grid{grid-template-columns:1fr}
    .event-card-meta{align-items:flex-start;flex-direction:column;gap:0.45rem}
    .event-card-meta em{text-align:left}
    .meeting-modal{padding:0.75rem}
    .meeting-dialog{max-height:92vh}
    .meeting-main{padding:1rem}
    .meeting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.8rem 0.65rem}
    .meeting-grid label{grid-column:1/-1;min-width:0}
    .meeting-grid label.meeting-date-field{grid-column:1}
    .meeting-grid label.meeting-slot-field{grid-column:2}
    .meeting-grid input,.meeting-grid select{min-width:0;font-size:0.88rem}
    .meeting-grid input,.meeting-grid select{height:44px;padding:0 0.65rem}
    .meeting-submit{height:48px;margin-top:1rem}
    .meeting-fineprint{margin-top:0.7rem}
  }
  @media(max-width:360px){
    .hero .kick{font-size:0.66rem}
    nav .brand{font-size:1rem}
    .cta{padding:0.5em 0.8em;font-size:0.72rem}
    .mobile-menu-link,.mobile-menu-link.cta{font-size:0.98rem;padding:0.72rem 0.8rem}
    .hero-meta{grid-template-columns:1fr}
    .about-stat-row{grid-template-columns:1fr}
    .meeting-main{padding:0.85rem}
    .meeting-grid{gap:0.7rem 0.55rem}
    .meeting-grid input,.meeting-grid select{font-size:0.82rem;padding:0 0.5rem}
  }
  @media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    .reveal{opacity:1;transform:none}.clip>*{transform:none}
    .recs .marquee{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
    .topics-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;row-gap:0.4rem}
    .cohorts-track{scroll-behavior:auto}
    html{scroll-behavior:auto}
  }