/* =============================================================================
 * GRIT GUIDE — ABOUT PAGE STYLES  (about-page.css)
 * Goes in: grit-guide-child/about/about.css
 * Enqueued only on the About template (see functions.php ABOUT PAGE block).
 *
 * COMPOSITION (in cascade order):
 *   1. Shared base stylesheet (the designer's about.css / site styles)
 *   2. About-page-specific styles (the inline <style> block from about.html)
 *   3. WordPress block-editor quirk-fixes (scoped to this page's body class)
 *
 * The designer CSS is left intact (it is scoped by unique .d-* class names and
 * conditionally enqueued, so it does not leak to other pages), with ONE
 * correction: a set of orphaned declarations in the inline block — a label
 * style whose selector+opening brace had been deleted, leaving the declarations
 * dead and an unmatched closing brace — has been commented out to balance the
 * stylesheet. It was already non-functional in the original. See section 2.
 * ============================================================================= */


/* =============================================================================
 * 1. SHARED BASE STYLES  (from about.css)
 * ============================================================================= */
/* ============================================
   GRIT GUIDE — Homepage
   Mobile-first editorial design
   ============================================ */

:root{
  --navy:#18355E;
  --navy-deep:#0E1E36;
  --navy-ink:#081428;
  --pink:#FF1894;
  --pink-soft:#FF66BD;
  --paper:#FFFFFF;
  --paper-warm:#F4F5F5;
  --bone:#F4F5F5;
  --soft:#F4F5F5;
  --line:rgba(24,53,94,.14);
  --line-strong:rgba(24,53,94,.32);
  --line-light:rgba(244,245,245,.18);
  --ink:rgba(24,53,94,.7);
  /* Brand fonts */
  --display:"Bebas Neue","Arial Narrow",sans-serif;
  --serif:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --body:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --script:"Caveat",cursive;
  --pad-x:1.1rem;
}
@media(min-width:720px){ :root{ --pad-x:2rem; } }
@media(min-width:1080px){ :root{ --pad-x:3.2rem; } }

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:#FFFFFF;
  color:var(--navy);
  font-family:var(--body);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}
::selection{background:var(--pink);color:var(--bone)}

.wrap{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  padding-left:var(--pad-x);
  padding-right:var(--pad-x);
}

/* ============================================
   UTILITY: type — Bebas Neue (display) + Helvetica (body)
   ============================================ */
.about-grit-guide-main .kicker{
  font-family:var(--body);
  font-weight:700;
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--pink);
  display:inline-flex;
  align-items:center;
  gap:.55rem;
}
.about-grit-guide-main .kicker::before{content:"";width:24px;height:2px;background:var(--pink)}
.eyebrow{
  font-family:var(--body);
  font-weight:700;
  font-size:.68rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--pink);
}
.eyebrow.dark{color:var(--navy)}
.section-label{
  font-family:var(--body);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:.7rem;
  color:var(--navy);
}
.section-label .num{color:var(--pink);font-weight:700}
.section-label .bar{flex:0 0 28px;height:2px;background:var(--navy);opacity:.35}

h1,h2,h3,h4{
  font-family:var(--display);
  font-weight:400;
  letter-spacing:0;
  line-height:.96;
  text-transform:uppercase;
}
.display{
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(3rem,11vw,6.2rem);
  line-height:.9;
  letter-spacing:0;
  text-transform:uppercase;
}
.headline-xl{ font-family:var(--display);font-weight:400; font-size:clamp(2.2rem,6vw,3.8rem); line-height:.94; text-transform:uppercase }
.headline-lg{ font-family:var(--display);font-weight:400; font-size:clamp(1.7rem,4.2vw,2.6rem); line-height:.98; text-transform:uppercase }
.headline-md{ font-family:var(--display);font-weight:400; font-size:clamp(1.3rem,2.8vw,1.7rem); line-height:1.04; text-transform:uppercase }
.headline-sm{ font-family:var(--display);font-weight:400; font-size:1.15rem; line-height:1.08; text-transform:uppercase }
.lede{
  font-family:var(--body);
  font-size:clamp(1rem,1.4vw,1.18rem);
  font-weight:400;
  line-height:1.55;
  color:var(--ink);
}

.tag{
  font-family:var(--body);
  font-weight:700;
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--pink);
}
.meta{
  font-family:var(--body);
  font-weight:500;
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ink);
}

/* ============================================
   TOP UTILITY BAR (matches GG homepage)
   ============================================ */
.topbar{
  background:var(--navy);
  color:#fff;
  font-family:var(--body);
  font-weight:700;
  font-size:.58rem;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.topbar__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  padding:.6rem var(--pad-x);
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
}
.topbar__inner > span{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap}
.topbar a{
  color:#fff;
  text-decoration:underline;
  text-decoration-color:var(--pink);
  text-underline-offset:3px;
  text-decoration-thickness:1.5px;
  transition:color .2s;
  white-space:nowrap;
}
.topbar a:hover{color:var(--pink)}
.topbar__sep{opacity:.5}
@media(min-width:560px){.topbar{font-size:.62rem}}

/* ============================================
   NAV — matches Grit Guide homepage exactly
   ============================================ */
.nav{
  position:sticky;
  top:0;
  z-index:90;
  background:#FFFFFF;
  border-bottom:1px solid var(--line);
  transition:box-shadow .25s, padding .25s;
}
.nav.shrink{box-shadow:0 6px 18px -16px rgba(12,26,48,.5)}
.nav__inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:.8rem;
  padding:.7rem var(--pad-x);
}
.nav__brand{
  display:flex;
  align-items:center;
  justify-content:center;
}
.nav__brand img{
  height:42px;
  width:auto;
  display:block;
}
.nav.shrink .nav__brand img{height:34px;transition:height .25s}
@media(min-width:1080px){
  .nav__brand img{height:48px}
  .nav.shrink .nav__brand img{height:38px}
}

.nav__links{
  display:none;
}
.nav__links a{
  font-family:var(--body);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--navy);
  padding:.4rem 0;
  position:relative;
  transition:color .2s;
  display:inline-flex;
  align-items:center;
  gap:.3rem;
}
.nav__links a .caret{
  width:0;height:0;
  border-left:3.5px solid transparent;
  border-right:3.5px solid transparent;
  border-top:4px solid currentColor;
  opacity:.6;
}
.nav__links a:hover{color:var(--pink)}
.nav__links a.active{color:var(--navy)}
.nav__links a.active::after{
  content:"";
  position:absolute;
  left:0;right:0;
  bottom:-.55rem;
  height:3px;
  background:var(--pink);
}

.nav__right{
  display:flex;
  align-items:center;
  gap:.55rem;
}
.nav__search{
  width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  color:var(--navy);
  border-radius:50%;
  transition:background .2s;
  margin-right:.2rem;
}
.nav__search:hover{background:var(--soft)}
.nav__search svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}

.nav__cta{
  display:none;
  font-family:var(--body);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--navy);
  border:1.5px solid var(--navy);
  background:#fff;
  padding:.7rem 1.1rem;
  border-radius:2px;
  transition:background .2s, color .2s;
}
.nav__cta:hover{background:var(--pink);border-color:var(--pink);color:#fff}
.nav__signin{
  display:none;
  font-family:var(--body);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  background:var(--navy);
  color:#fff;
  padding:.78rem 1.1rem;
  border:1.5px solid var(--navy);
  border-radius:2px;
  transition:background .2s, transform .2s;
}
.nav__signin:hover{background:var(--pink);border-color:var(--pink)}

.nav__menu{
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  color:var(--navy);
}
.nav__menu .bars{
  display:flex;flex-direction:column;gap:5px;width:22px;
}
.nav__menu .bars span{
  display:block;height:2px;width:100%;background:currentColor;
  transition:transform .25s, opacity .25s;
}
.nav__menu.open .bars span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__menu.open .bars span:nth-child(2){opacity:0}
.nav__menu.open .bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(min-width:1080px){
  .nav__inner{grid-template-columns:1fr auto 1fr;gap:1.4rem;padding:1rem var(--pad-x)}
  .nav__links{
    display:flex;
    gap:1.9rem;
    order:-1;
    justify-content:flex-start;
  }
  .nav__cta, .nav__signin{display:inline-flex;align-items:center}
  .nav__right{justify-content:flex-end}
  .nav__menu{display:none}
}

/* MOBILE DRAWER */
.drawer{
  position:fixed;
  inset:0;
  z-index:120;
  background:var(--navy);
  color:var(--bone);
  transform:translateY(-100%);
  transition:transform .35s cubic-bezier(.65,0,.35,1);
  display:flex;flex-direction:column;
  overflow-y:auto;
}
.drawer.open{transform:translateY(0)}
.drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.85rem var(--pad-x);
  border-bottom:1px solid var(--line-light);
}
.drawer__head .nav__brand .word{color:var(--bone)}
.drawer__close{
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  color:var(--bone);
  font-size:1.3rem;
  font-family:var(--display);font-weight:900;
}
.drawer__nav{
  padding:1.6rem var(--pad-x) 2rem;
}
.drawer__nav a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-family:var(--display);
  font-weight:900;
  font-size:1.85rem;
  letter-spacing:-.01em;
  padding:1rem 0;
  border-bottom:1px solid var(--line-light);
  color:var(--bone);
}
.drawer__nav a .arrow{
  color:var(--pink);
  font-size:1rem;
  font-weight:700;
}
.drawer__cta{
  margin:1.8rem var(--pad-x) 0;
  display:flex;flex-direction:column;gap:.7rem;
}
.drawer__cta a{
  text-align:center;
  font-family:var(--display);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:1.05rem 1rem;
  border-radius:2px;
}
.drawer__cta .primary{background:var(--pink);color:var(--bone)}
.drawer__cta .ghost{border:1.5px solid var(--bone);color:var(--bone)}
.drawer__foot{
  margin-top:auto;
  padding:1.4rem var(--pad-x);
  border-top:1px solid var(--line-light);
  font-family:var(--display);
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(251,249,243,.6);
}

/* ============================================
   HERO — Featured story + Most Recent + Popular
   ============================================ */
.hero{
  position:relative;
  padding:1.8rem 0 .5rem;
  border-bottom:1px solid var(--line);
}
.hero__title-strip{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.4rem;
  padding-bottom:1.1rem;
  border-bottom:1px solid var(--line);
}
.hero__home-of{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1rem,2vw,1.32rem);
  color:var(--navy);
  font-weight:500;
  line-height:1.2;
}
.hero__home-of .hl{
  font-family:var(--display);
  font-style:normal;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.78em;
  background:var(--navy);
  color:var(--bone);
  padding:.18em .5em .14em;
  margin:0 .15em;
  vertical-align:.06em;
}
.hero__date{
  font-family:var(--display);
  font-weight:700;
  font-size:.68rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--ink);
  white-space:nowrap;
}

.hero__layout{
  display:grid;
  grid-template-columns:1fr;
  gap:1.6rem;
}
@media(min-width:1080px){
  .hero__layout{
    grid-template-columns:220px 1fr 240px;
    gap:2rem;
    align-items:start;
  }
}

/* Featured story */
.featured{
  display:flex;
  flex-direction:column;
  order:1;
}
.featured__media{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
  background:var(--navy-deep);
  margin-bottom:1.1rem;
}
.featured__media img{width:100%;height:100%;object-fit:cover}
.featured__media .corner{
  position:absolute;
  width:22px;height:22px;
  z-index:2;
}
.featured__media .c1{top:12px;left:12px;border-top:2px solid var(--pink);border-left:2px solid var(--pink)}
.featured__media .c2{top:12px;right:12px;border-top:2px solid var(--pink);border-right:2px solid var(--pink)}
.featured__media .c3{bottom:12px;left:12px;border-bottom:2px solid var(--pink);border-left:2px solid var(--pink)}
.featured__media .c4{bottom:12px;right:12px;border-bottom:2px solid var(--pink);border-right:2px solid var(--pink)}
.featured__media .badge{
  position:absolute;
  top:12px;right:12px;
  font-family:var(--display);
  font-weight:800;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  background:var(--pink);
  color:var(--bone);
  padding:.4rem .65rem;
  z-index:3;
  white-space:nowrap;
}
.featured__meta{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-bottom:.7rem;
  flex-wrap:wrap;
}
.featured__meta .dot{
  width:3px;height:3px;border-radius:50%;
  background:var(--pink);opacity:.6;
}
.featured__title{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(1.55rem,4.6vw,2.6rem);
  line-height:1.04;
  letter-spacing:-.018em;
  margin-bottom:.7rem;
  text-wrap:balance;
}
.featured__title:hover{color:var(--pink);transition:color .2s}
.featured__dek{
  font-family:var(--serif);
  font-size:clamp(1rem,1.6vw,1.15rem);
  line-height:1.55;
  color:var(--ink);
  margin-bottom:1.1rem;
  max-width:62ch;
}
.featured__by{
  display:flex;
  align-items:center;
  gap:.7rem;
}
.featured__by img{
  width:44px;height:44px;border-radius:50%;
  object-fit:cover;border:2px solid var(--pink);
}
.featured__by .who{font-family:var(--display);font-weight:800;font-size:.85rem;letter-spacing:.02em}
.featured__by .role{font-family:var(--display);font-weight:600;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}

/* Most Recent rail */
.rail{
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--line);
  padding-top:1.1rem;
}
.rail__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:.9rem;
}
.rail__head .label{
  font-family:var(--display);
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--navy);
}
.rail__head .right{
  font-family:var(--display);
  font-weight:700;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--pink);
}
.rail--recent{order:2}
.rail--popular{order:3}

.recent-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.9rem;
}
@media(min-width:1080px){
  .recent-list{grid-template-columns:1fr;gap:1.05rem}
}
.recent-card{
  display:flex;
  flex-direction:column;
  gap:.5rem;
  min-width:0;
}
.recent-card__media{
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--paper-warm);
}
.recent-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.recent-card:hover .recent-card__media img{transform:scale(1.04)}
.recent-card .tag{font-size:.56rem;letter-spacing:.18em}
.recent-card .title{
  font-family:var(--display);
  font-weight:800;
  font-size:.86rem;
  line-height:1.22;
  letter-spacing:-.005em;
}
.recent-card .meta{font-size:.62rem;letter-spacing:.12em}

/* Popular list */
.popular-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.4rem .8rem;
}
@media(min-width:1080px){
  .popular-list{grid-template-columns:1fr;gap:0}
}
.popular-row{
  display:grid;
  grid-template-columns:1fr;
  gap:.7rem;
  align-items:start;
  padding:.75rem 0;
  border-bottom:1px solid var(--line);
}
.popular-row:last-child{border-bottom:none}
.popular-row .num{
  font-family:var(--display);
  font-weight:900;
  font-size:1.8rem;
  color:var(--navy);
  opacity:.18;
  line-height:1;
  letter-spacing:-.03em;
}
.popular-row .body{display:flex;flex-direction:column;gap:.25rem}
.popular-row .body .tag{font-size:.56rem}
.popular-row .body .title{
  font-family:var(--display);
  font-weight:800;
  font-size:.82rem;
  line-height:1.22;
  color:var(--navy);
}
.popular-row:hover .body .title{color:var(--pink)}

/* ============================================
   CAROUSEL — Featured tier (after hero)
   ============================================ */
.carousel{
  background:var(--navy);
  color:var(--bone);
  position:relative;
  overflow:hidden;
}
.carousel::before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(244,240,231,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,231,.045) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 70% 90% at 30% 50%,#000,transparent 75%);
  pointer-events:none;
}
.carousel__inner{
  position:relative;
  z-index:2;
  padding:2.4rem 0 2.2rem;
}
.carousel__tabs{
  display:flex;
  gap:.4rem;
  overflow-x:auto;
  scrollbar-width:none;
  padding-bottom:1.4rem;
  border-bottom:1px solid var(--line-light);
  margin-bottom:1.6rem;
  -webkit-overflow-scrolling:touch;
}
.carousel__tabs::-webkit-scrollbar{display:none}
.carousel__tab{
  font-family:var(--display);
  font-weight:800;
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(251,249,243,.6);
  padding:.6rem 1rem;
  border:1px solid transparent;
  white-space:nowrap;
  transition:color .2s, border-color .2s, background .2s;
}
.carousel__tab.active{
  color:var(--bone);
  border-color:rgba(251,249,243,.4);
  background:rgba(251,249,243,.04);
}
.carousel__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.4rem;
  align-items:center;
}
@media(min-width:880px){
  .carousel__grid{grid-template-columns:1fr 1.2fr;gap:2.4rem}
}
.carousel__left{display:flex;flex-direction:column;gap:1rem}
.carousel__left .tag{color:var(--pink-soft);border-bottom:2px solid var(--pink);padding-bottom:.4rem;align-self:flex-start}
.carousel__left .title{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(1.6rem,4.2vw,2.6rem);
  line-height:1.04;
  letter-spacing:-.015em;
  color:var(--bone);
  text-wrap:balance;
}
.carousel__listen{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-family:var(--display);
  font-weight:700;
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bone);
  border-bottom:1px solid var(--pink);
  padding-bottom:.4rem;
  width:max-content;
  margin-top:.4rem;
}
.carousel__listen:hover{color:var(--pink)}
.carousel__right{
  position:relative;
  aspect-ratio:16/10;
  background:var(--navy-deep);
  overflow:hidden;
}
.carousel__right img{width:100%;height:100%;object-fit:cover}
.carousel__right .play{
  position:absolute;
  inset:0;display:flex;align-items:center;justify-content:center;
  z-index:2;
}
.carousel__right .play .btn{
  width:72px;height:72px;border-radius:50%;
  background:var(--pink);
  display:flex;align-items:center;justify-content:center;
  transition:transform .25s, box-shadow .25s;
}
.carousel__right .play .btn:hover{transform:scale(1.07);box-shadow:0 12px 34px rgba(255,24,148,.4)}
.carousel__right .play svg{width:24px;height:24px;color:var(--bone);margin-left:4px}
.carousel__right .corner{
  position:absolute;width:18px;height:18px;z-index:3;
}
.carousel__right .c1{top:14px;left:14px;border-top:2px solid var(--pink);border-left:2px solid var(--pink)}
.carousel__right .c2{top:14px;right:14px;border-top:2px solid var(--pink);border-right:2px solid var(--pink)}
.carousel__right .c3{bottom:14px;left:14px;border-bottom:2px solid var(--pink);border-left:2px solid var(--pink)}
.carousel__right .c4{bottom:14px;right:14px;border-bottom:2px solid var(--pink);border-right:2px solid var(--pink)}

.carousel__ctrl{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:1.4rem;
  padding-top:1.2rem;
  border-top:1px solid var(--line-light);
}
.carousel__nav{display:flex;gap:.5rem}
.carousel__nav button{
  width:42px;height:42px;
  border:1px solid var(--line-light);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--bone);
  transition:background .2s, border-color .2s;
}
.carousel__nav button:hover{background:var(--pink);border-color:var(--pink)}
.carousel__nav svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.carousel__count{
  font-family:var(--display);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.2em;
  color:rgba(251,249,243,.7);
}
.carousel__count b{color:var(--bone)}

/* ============================================
   SECTION BLOCKS
   ============================================ */
section.block{
  padding:3rem 0;
  position:relative;
}
@media(min-width:1080px){
  section.block{padding:4.5rem 0}
}
.block__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.8rem;
  padding-bottom:1.1rem;
  border-bottom:2px solid var(--navy);
}
.block__head .left{display:flex;flex-direction:column;gap:.7rem;min-width:0}
.block__head .title{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(1.4rem,3vw,2rem);
  letter-spacing:-.015em;
  color:var(--navy);
}
.block__head .see{
  font-family:var(--display);
  font-weight:700;
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--navy);
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  white-space:nowrap;
  padding-bottom:.3rem;
  border-bottom:2px solid var(--pink);
}
.block__head .see:hover{color:var(--pink)}

/* ============================================
   ARTICLE CARD (generic)
   ============================================ */
.cards{
  display:grid;
  grid-template-columns:1fr;
  gap:1.4rem;
}
@media(min-width:540px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:880px){.cards.cards-3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:880px){.cards.cards-4{grid-template-columns:repeat(4,1fr)}}

.card{
  display:flex;flex-direction:column;gap:.7rem;
  min-width:0;
}
.card__media{
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--paper-warm);
  position:relative;
}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .card__media img{transform:scale(1.04)}
.card .tag{margin-top:.2rem}
.card .title{
  font-family:var(--display);
  font-weight:800;
  font-size:1.04rem;
  line-height:1.2;
  letter-spacing:-.005em;
  color:var(--navy);
}
.card:hover .title{color:var(--pink);transition:color .2s}
.card .meta{font-size:.65rem}

/* Watch card variant */
.card--video .card__media::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(12,26,48,.5));
  pointer-events:none;
}
.card--video .play-pill{
  position:absolute;
  bottom:12px;left:12px;
  z-index:2;
  width:42px;height:42px;
  border-radius:50%;
  background:var(--pink);
  display:flex;align-items:center;justify-content:center;
  transition:transform .25s;
}
.card--video:hover .play-pill{transform:scale(1.1)}
.card--video .play-pill svg{width:14px;height:14px;color:var(--bone);margin-left:2px}

/* ============================================
   WATCH SECTION (dark)
   ============================================ */
.sec-watch{background:var(--paper-warm)}

/* ============================================
   FEATURED BY CATEGORY
   ============================================ */
.cats{
  display:grid;
  grid-template-columns:1fr;
  gap:1.6rem;
}
@media(min-width:720px){.cats{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.cats{grid-template-columns:repeat(4,1fr)}}

.cat{
  display:flex;flex-direction:column;gap:.7rem;
  padding-top:1.1rem;
  border-top:3px solid var(--navy);
  min-width:0;
  position:relative;
}
.cat::before{
  content:"";
  position:absolute;
  top:-3px;left:0;
  width:36px;height:3px;
  background:var(--pink);
}
.cat__label{
  font-family:var(--display);
  font-weight:900;
  font-size:.82rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--navy);
}
.cat__media{
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--paper-warm);
}
.cat__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cat:hover .cat__media img{transform:scale(1.04)}
.cat .tag{font-size:.6rem}
.cat .title{
  font-family:var(--display);
  font-weight:800;
  font-size:1rem;
  line-height:1.2;
}
.cat:hover .title{color:var(--pink);transition:color .2s}

/* ============================================
   FEATURED EXPERTS
   ============================================ */
.sec-experts{background:var(--bone)}
.experts{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.2rem;
}
@media(min-width:720px){.experts{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.experts{grid-template-columns:repeat(5,1fr);gap:1.4rem}}

.expert{
  display:flex;flex-direction:column;
  min-width:0;
  background:var(--paper);
  border:1px solid var(--line);
  transition:border-color .2s, transform .2s;
  position:relative;
}
.expert:hover{border-color:var(--pink);transform:translateY(-3px)}
.expert__media{
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--paper-warm);
  position:relative;
}
.expert__media img{width:100%;height:100%;object-fit:cover}
.expert__hat{
  position:absolute;
  top:0;right:0;
  width:34px;height:42px;
  background:var(--pink);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:6px;
  font-family:var(--display);
  font-weight:900;
  font-size:.6rem;
  letter-spacing:.05em;
  color:var(--bone);
}
.expert__body{
  padding:.95rem .85rem 1rem;
  display:flex;flex-direction:column;gap:.35rem;
}
.expert__name{
  font-family:var(--display);
  font-weight:900;
  font-size:.9rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--navy);
}
.expert__role{
  font-family:var(--display);
  font-weight:600;
  font-size:.66rem;
  color:var(--ink);
}
.expert__cat{
  margin-top:.5rem;
  align-self:flex-start;
  border:1px solid var(--line-strong);
  padding:.32rem .55rem;
  font-family:var(--display);
  font-weight:800;
  font-size:.55rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--navy);
}

/* ============================================
   EXPLORE THE GUIDE
   ============================================ */
.explore{
  display:grid;
  grid-template-columns:1fr;
  gap:1.2rem;
}
@media(min-width:880px){.explore{grid-template-columns:repeat(3,1fr);gap:0}}

.explore__card{
  background:var(--paper);
  border:1px solid var(--line);
  padding:1.6rem 1.4rem 1.4rem;
  display:flex;flex-direction:column;
  gap:.9rem;
  min-height:280px;
  transition:background .2s, border-color .2s;
  position:relative;
  overflow:hidden;
}
@media(min-width:880px){
  .explore__card{border-right:none}
  .explore__card:last-child{border-right:1px solid var(--line)}
}
.explore__card:hover{background:var(--paper-warm)}
.explore__card::before{
  content:"";
  position:absolute;top:0;left:0;
  width:42px;height:3px;background:var(--pink);
}
.explore__card .micro{
  font-family:var(--display);
  font-weight:700;
  font-size:.62rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--ink);
}
.explore__card h3{
  font-family:var(--display);
  font-weight:900;
  font-size:2rem;
  letter-spacing:-.01em;
  color:var(--navy);
}
.explore__card .tags-list{
  font-family:var(--display);
  font-weight:700;
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--navy);
  opacity:.7;
  line-height:1.5;
}
.explore__card p{
  font-family:var(--serif);
  font-size:.96rem;
  line-height:1.5;
  color:var(--ink);
  max-width:38ch;
}
.explore__card .cta{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:1rem;
  border-top:1px solid var(--line);
  font-family:var(--display);
  font-weight:800;
  font-size:.74rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--navy);
}
.explore__card:hover .cta{color:var(--pink)}
.explore__card .cta .arrow{font-size:1rem;font-weight:700}

/* ============================================
   ALL INSIGHTS (compact grid)
   ============================================ */
.all-insights{
  display:grid;
  grid-template-columns:1fr;
  gap:1.4rem;
}
@media(min-width:540px){.all-insights{grid-template-columns:1fr 1fr}}
@media(min-width:880px){.all-insights{grid-template-columns:repeat(3,1fr)}}

.load-more{
  display:flex;justify-content:center;margin-top:2.4rem;
}
.load-more button{
  font-family:var(--display);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  background:var(--navy);
  color:var(--bone);
  padding:1.05rem 2rem;
  border-radius:2px;
  transition:background .2s, transform .2s;
}
.load-more button:hover{background:var(--pink);transform:translateY(-2px)}

/* ============================================
   PULL QUOTE BAND
   ============================================ */
.pullquote{
  background:var(--navy);
  color:var(--bone);
  padding:3.5rem 0;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.pullquote::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(244,240,231,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,231,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 60% 80% at 50% 50%,#000,transparent 75%);
}
.pullquote q{
  position:relative;z-index:2;
  font-family:var(--body);
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.4rem,3.8vw,2.4rem);
  line-height:1.22;
  letter-spacing:-.01em;
  max-width:26ch;
  display:block;
  margin:0 auto;
  quotes:none;
}
.pullquote q .hl{color:var(--pink);font-style:italic;font-weight:500}
.pullquote cite{
  position:relative;z-index:2;
  display:block;
  margin-top:1.6rem;
  font-style:normal;
  font-family:var(--display);
  font-weight:700;
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--pink-soft);
}

/* ============================================
   NEWSLETTER BAND
   ============================================ */
.newsletter{
  background:var(--navy);
  color:var(--bone);
  padding:3.5rem 0;
  position:relative;
  overflow:hidden;
}
.newsletter::after{
  content:"";
  position:absolute;
  right:-150px;top:-150px;
  width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,24,148,.2),transparent 70%);
  filter:blur(20px);
}
.newsletter__inner{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:1fr;
  gap:1.6rem;
  align-items:end;
}
@media(min-width:880px){
  .newsletter__inner{grid-template-columns:1.1fr 1fr;gap:3rem}
}
.newsletter__left h2{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(1.6rem,4.5vw,2.6rem);
  line-height:1.04;
  letter-spacing:-.018em;
  margin-bottom:.7rem;
  color:var(--bone);
  text-wrap:balance;
}
.newsletter__left h2 .hl{color:var(--pink)}
.newsletter__left p{
  font-family:var(--serif);
  font-size:1rem;
  line-height:1.55;
  color:rgba(251,249,243,.82);
  max-width:42ch;
}
.newsletter__form{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
}
.newsletter__form input{
  flex:1;min-width:200px;
  font-family:var(--serif);
  font-size:1rem;
  padding:1rem 1.1rem;
  background:rgba(244,240,231,.06);
  border:1px solid rgba(251,249,243,.28);
  color:var(--bone);
  border-radius:2px;
  outline:none;
}
.newsletter__form input::placeholder{color:rgba(251,249,243,.5)}
.newsletter__form input:focus{border-color:var(--pink)}
.newsletter__form button{
  font-family:var(--display);
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:var(--pink);
  color:var(--bone);
  padding:1rem 1.6rem;
  border-radius:2px;
  transition:transform .2s;
}
.newsletter__form button:hover{transform:translateY(-2px)}
.newsletter__note{
  margin-top:.9rem;
  font-family:var(--display);
  font-weight:600;
  font-size:.65rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(251,249,243,.55);
}

/* ============================================
   FOOTER
   ============================================ */
footer{
  background:var(--navy-ink);
  color:var(--bone);
  border-top:2px solid var(--pink);
  padding:3.5rem 0 1.8rem;
}
.foot__top{
  display:grid;
  grid-template-columns:1fr;
  gap:2.2rem;
  margin-bottom:2.4rem;
  padding-bottom:2.2rem;
  border-bottom:1px solid var(--line-light);
}
@media(min-width:720px){.foot__top{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:2rem}}

.foot__brand{display:flex;flex-direction:column;gap:1rem;max-width:34ch}
.foot__brand .logo{font-family:var(--display);font-weight:900;font-size:1.55rem;color:var(--bone);display:flex;align-items:center;gap:.3rem}
.foot__brand .logo .word--rev{color:var(--bone);background:var(--pink);padding:.18em .38em .15em;letter-spacing:.005em}
.foot__brand p{font-family:var(--serif);font-size:.92rem;line-height:1.5;color:rgba(251,249,243,.78)}
.foot__brand .social{display:flex;gap:.55rem}
.foot__brand .social a{
  width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line-light);
  display:flex;align-items:center;justify-content:center;
  color:var(--bone);transition:background .2s, border-color .2s;
}
.foot__brand .social a:hover{background:var(--pink);border-color:var(--pink)}
.foot__brand .social svg{width:14px;height:14px;fill:currentColor}

.foot__col h4{
  font-family:var(--display);
  font-weight:800;
  font-size:.7rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--pink);
  margin-bottom:1rem;
}
.foot__col ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}
.foot__col a{
  font-family:var(--display);
  font-weight:600;
  font-size:.8rem;
  color:rgba(251,249,243,.82);
  transition:color .2s;
}
.foot__col a:hover{color:var(--pink)}

.foot__bottom{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem 2rem;
  justify-content:space-between;
  font-family:var(--display);
  font-weight:600;
  font-size:.66rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(251,249,243,.55);
}
.foot__bottom .links{display:flex;flex-wrap:wrap;gap:1.2rem}
.foot__bottom a:hover{color:var(--pink)}

/* ============================================
   REVEAL / ANIM
   ============================================ */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.06s}.d2{transition-delay:.12s}.d3{transition-delay:.18s}.d4{transition-delay:.24s}.d5{transition-delay:.3s}

/* ============================================
   PLACEHOLDER IMAGE
   ============================================ */
.ph-img{
  width:100%;height:100%;
  background:
    repeating-linear-gradient(135deg,rgba(24,53,94,.06) 0 1px,transparent 1px 14px),
    var(--paper-warm);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'JetBrains Mono','SF Mono',ui-monospace,monospace;
  font-size:.7rem;
  letter-spacing:.06em;
  color:var(--ink);
  text-align:center;
  padding:.6rem;
}
.ph-img--dark{
  background:
    repeating-linear-gradient(135deg,rgba(244,240,231,.06) 0 1px,transparent 1px 14px),
    var(--navy-deep);
  color:rgba(251,249,243,.55);
}
.ph-img b{display:block;margin-top:.3rem;color:var(--pink);font-weight:500}

/* ============================================
   TWEAKS HOOKS
   ============================================ */
body[data-mode="airy"] section.block{padding:4rem 0}
@media(min-width:1080px){body[data-mode="airy"] section.block{padding:6rem 0}}
body[data-mode="dense"] section.block{padding:2.2rem 0}
@media(min-width:1080px){body[data-mode="dense"] section.block{padding:3.4rem 0}}

body[data-accent="pink"]{ --pink:#FF1894; --pink-soft:#FF66BD; }
body[data-accent="coral"]{ --pink:#FF5A3C; --pink-soft:#FF8A75; }
body[data-accent="amber"]{ --pink:#E0A300; --pink-soft:#F2C649; }
body[data-accent="electric"]{ --pink:#5B6CFF; --pink-soft:#8E9BFF; }

body[data-hero="centered"] .hero__layout{ grid-template-columns:1fr; }
body[data-hero="centered"] .featured{ max-width:880px; margin:0 auto; text-align:center; }
body[data-hero="centered"] .featured__meta{ justify-content:center; }
body[data-hero="centered"] .featured__by{ justify-content:center; }
body[data-hero="centered"] .featured__dek{margin-left:auto;margin-right:auto}
body[data-hero="centered"] .rail--recent, body[data-hero="centered"] .rail--popular{display:none}

body[data-shape="square"] .recent-card__media,
body[data-shape="square"] .card__media,
body[data-shape="square"] .cat__media,
body[data-shape="square"] .featured__media{ border-radius:0 }
body[data-shape="round"] .recent-card__media,
body[data-shape="round"] .card__media,
body[data-shape="round"] .cat__media,
body[data-shape="round"] .featured__media{ border-radius:14px }

/* ============================================
   LIVE TICKER
   ============================================ */
.ticker{
  background:var(--navy-ink);
  color:var(--bone);
  border-bottom:1px solid var(--line-light);
  display:flex;
  align-items:stretch;
  overflow:hidden;
  font-family:var(--display);
  font-weight:700;
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.ticker__label{
  background:var(--pink);
  color:var(--bone);
  padding:.7rem 1rem;
  display:flex;align-items:center;gap:.5rem;
  font-weight:800;
  flex-shrink:0;
  position:relative;
}
.ticker__label .dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--bone);
  animation:pulse 1.4s ease infinite;
}
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(.75)}
}
.ticker__track{
  flex:1;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:center;
}
.ticker__inner{
  display:flex;
  gap:2.4rem;
  white-space:nowrap;
  animation:slide 50s linear infinite;
  padding-left:2rem;
}
.ticker__inner > span{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  color:rgba(251,249,243,.84);
}
.ticker__inner > span .arr{color:var(--pink);font-weight:900}
.ticker__inner > span b{color:var(--bone);font-weight:700}
@keyframes slide{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.ticker__track:hover .ticker__inner{animation-play-state:paused}

/* ============================================
   EDITOR'S NOTE
   ============================================ */
.editornote{
  background:var(--bone);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.editornote__inner{
  padding:2.6rem 0 2.4rem;
  display:grid;
  grid-template-columns:1fr;
  gap:1.4rem;
  align-items:start;
}
@media(min-width:720px){
  .editornote__inner{
    grid-template-columns:auto 1fr auto;
    gap:1.8rem;
    align-items:center;
  }
}
.editornote__avatar{
  width:88px;height:88px;
  border-radius:50%;
  overflow:hidden;
  border:3px solid var(--pink);
  flex-shrink:0;
  position:relative;
}
@media(min-width:720px){.editornote__avatar{width:108px;height:108px}}
.editornote__avatar img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.editornote__body{display:flex;flex-direction:column;gap:.4rem}
.editornote__hat{
  font-family:var(--display);
  font-weight:800;
  font-size:.65rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--pink);
}
.editornote__text{
  font-family:var(--body);
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.05rem,1.7vw,1.32rem);
  line-height:1.45;
  color:var(--navy);
  text-wrap:balance;
  max-width:54ch;
  letter-spacing:-.005em;
}
.editornote__text .hl{color:var(--pink);font-style:italic;font-weight:500}
.editornote__sign{
  font-family:var(--script);
  font-size:1.85rem;
  color:var(--pink);
  margin-top:.4rem;
  font-weight:500;
  font-style:normal;
  line-height:1;
}
.editornote__date{
  font-family:var(--display);
  font-weight:700;
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--ink);
  margin-top:.4rem;
}
.editornote__cta{
  font-family:var(--display);
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--navy);
  border-bottom:2px solid var(--pink);
  padding-bottom:.3rem;
  align-self:start;
}
@media(min-width:720px){.editornote__cta{align-self:center}}
.editornote__cta:hover{color:var(--pink)}

/* ============================================
   BRAND MANIFESTO BAND
   ============================================ */
.manifesto{
  background:var(--paper);
  padding:3.5rem 0 3.5rem;
  position:relative;
  overflow:hidden;
  border-top:1px solid var(--line);
}
.manifesto__inner{
  display:grid;
  grid-template-columns:1fr;
  gap:1.6rem;
  align-items:start;
}
@media(min-width:960px){
  .manifesto__inner{grid-template-columns:auto 1fr;gap:3rem;align-items:start}
}
.manifesto__label{
  font-family:var(--display);
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--pink);
  display:flex;align-items:center;gap:.7rem;
  white-space:nowrap;
}
.manifesto__label .bar{flex:0 0 28px;height:2px;background:var(--pink)}
.manifesto__body{display:flex;flex-direction:column;gap:1.4rem}
.manifesto__lead{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(1.7rem,4.6vw,3rem);
  line-height:1.04;
  letter-spacing:-.018em;
  color:var(--navy);
  text-wrap:balance;
  max-width:22ch;
}
.manifesto__lead .hl{color:var(--pink)}
.manifesto__list{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
@media(min-width:720px){.manifesto__list{grid-template-columns:repeat(3,1fr);gap:1.4rem}}
.manifesto__pt{
  border-left:3px solid var(--pink);
  padding:.1rem 0 .1rem 1rem;
}
.manifesto__pt h4{
  font-family:var(--display);
  font-weight:800;
  font-size:.92rem;
  letter-spacing:.02em;
  color:var(--navy);
  margin-bottom:.3rem;
}
.manifesto__pt p{
  font-family:var(--serif);
  font-size:.92rem;
  line-height:1.45;
  color:var(--ink);
}

/* ============================================
   FLAGSHIP — Blueprint + Pink Hat Takes
   ============================================ */
.flagship{
  background:var(--navy);
  color:var(--bone);
  padding:3rem 0;
  position:relative;
  overflow:hidden;
}
.flagship::before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(244,240,231,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,231,.04) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 0%,transparent 80%);
  pointer-events:none;
}
.flagship__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.8rem;
  padding-bottom:1.1rem;
  border-bottom:1px solid var(--line-light);
  position:relative;z-index:2;
}
.flagship__head .title{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(1.4rem,3vw,1.9rem);
  letter-spacing:-.015em;
  color:var(--bone);
}
.flagship__head .label{
  font-family:var(--display);
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--pink-soft);
  display:flex;align-items:center;gap:.7rem;
  margin-bottom:.5rem;
}
.flagship__head .label .bar{flex:0 0 28px;height:2px;background:var(--pink)}
.flagship__pair{
  display:grid;
  grid-template-columns:1fr;
  gap:1.4rem;
  position:relative;z-index:2;
}
@media(min-width:760px){.flagship__pair{grid-template-columns:1fr 1fr;gap:1.6rem}}

.flag{
  border:1px solid var(--line-light);
  background:rgba(244,240,231,.04);
  padding:1.8rem 1.4rem 1.6rem;
  display:flex;flex-direction:column;
  gap:.9rem;
  min-height:280px;
  transition:border-color .25s, background .25s;
  position:relative;
}
.flag:hover{border-color:var(--pink);background:rgba(255,24,148,.05)}
.flag::before{
  content:"";
  position:absolute;
  top:-1px;left:0;
  width:42px;height:3px;background:var(--pink);
}
.flag__kicker{
  font-family:var(--display);
  font-weight:800;
  font-size:.66rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--pink);
}
.flag__name{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(1.6rem,3.6vw,2.3rem);
  line-height:1.04;
  letter-spacing:-.01em;
  color:var(--bone);
}
.flag__name em{font-style:normal;color:var(--pink-soft)}
.flag__dek{
  font-family:var(--serif);
  font-size:.95rem;
  line-height:1.5;
  color:rgba(251,249,243,.78);
  max-width:42ch;
}
.flag__latest{
  margin-top:auto;
  padding-top:.9rem;
  border-top:1px solid var(--line-light);
  display:flex;flex-direction:column;gap:.35rem;
}
.flag__latest .micro{
  font-family:var(--display);
  font-weight:700;
  font-size:.6rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(251,249,243,.5);
}
.flag__latest .ep{
  font-family:var(--display);
  font-weight:800;
  font-size:.92rem;
  line-height:1.22;
  color:var(--bone);
}
.flag__latest .meta{color:rgba(251,249,243,.5);font-size:.62rem}
.flag__cta{
  margin-top:.4rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-family:var(--display);
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--bone);
  border-bottom:1px solid var(--pink);
  padding-bottom:.4rem;
}
.flag__cta .arr{color:var(--pink);font-size:1rem}

/* ============================================
   MOBILE BOTTOM TAB BAR
   ============================================ */
.tabbar{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:80;
  background:var(--bone);
  border-top:1px solid var(--line);
  padding:.45rem var(--pad-x) calc(.45rem + env(safe-area-inset-bottom));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.2rem;
  backdrop-filter:blur(14px);
  background:rgba(251,249,243,.95);
}
@media(min-width:1080px){.tabbar{display:none}}
.tabbar a{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.2rem;
  padding:.45rem .2rem .35rem;
  color:var(--navy);
  opacity:.6;
  transition:opacity .2s;
  font-family:var(--display);
  font-weight:700;
  font-size:.6rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.tabbar a:hover, .tabbar a.active{opacity:1}
.tabbar a.active{color:var(--pink)}
.tabbar a.active::before{
  content:"";
  width:14px;height:2px;
  background:var(--pink);
  position:absolute;
  top:0;
}
.tabbar svg{
  width:22px;height:22px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
/* Account for tabbar on mobile */
@media(max-width:1079px){
  body{padding-bottom:64px}
}

/* ============================================
   STORIES ROW (Experts circle)
   ============================================ */
.stories{
  display:flex;
  gap:.9rem;
  overflow-x:auto;
  padding:.3rem .1rem 1rem;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.stories::-webkit-scrollbar{display:none}
.story{
  flex-shrink:0;
  width:78px;
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
}
.story__ring{
  width:78px;height:78px;
  border-radius:50%;
  padding:3px;
  background:linear-gradient(135deg,var(--pink),var(--pink-soft));
  position:relative;
}
.story__ring img{
  width:100%;height:100%;
  border-radius:50%;
  object-fit:cover;
  border:2px solid var(--bone);
}
.story__name{
  font-family:var(--display);
  font-weight:800;
  font-size:.62rem;
  letter-spacing:.04em;
  color:var(--navy);
  text-align:center;
  line-height:1.1;
}

/* ============================================
   HORIZONTAL SCROLLER (for feed direction)
   ============================================ */
.hscroll{
  display:flex;
  gap:1rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:.6rem;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  margin:0 calc(-1 * var(--pad-x));
  padding-left:var(--pad-x);
  padding-right:var(--pad-x);
}
.hscroll::-webkit-scrollbar{display:none}
.hscroll > *{
  flex-shrink:0;
  scroll-snap-align:start;
  width:78%;
  max-width:340px;
}
@media(min-width:720px){.hscroll > *{width:48%}}
@media(min-width:1080px){.hscroll{display:none}}

/* ============================================
   DIRECTION B — MANIFESTO COVER HERO
   ============================================ */
.cover{
  background:var(--navy);
  color:var(--bone);
  position:relative;
  overflow:hidden;
  padding:2.4rem 0 0;
}
.cover::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(244,240,231,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,231,.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 70% 70% at 70% 30%,#000 0%,transparent 80%);
  pointer-events:none;
}
.cover__inner{position:relative;z-index:2}
.cover__masthead{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:1rem;
  padding-bottom:1rem;
  border-bottom:1px solid var(--line-light);
  font-family:var(--display);
  font-weight:700;
  font-size:.66rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(251,249,243,.6);
}
.cover__masthead .vol{color:var(--pink)}
.cover__display{
  font-family:var(--display);
  font-weight:900;
  font-size:clamp(2.6rem,12vw,7.6rem);
  line-height:.94;
  letter-spacing:-.03em;
  margin:1.6rem 0 1.4rem;
  text-wrap:balance;
}
.cover__display .small{
  display:block;
  font-size:.22em;
  font-weight:700;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--pink-soft);
  margin-bottom:1.1rem;
}
.cover__display em{font-style:normal;color:var(--pink)}
.cover__sub{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  padding:1.4rem 0;
  border-top:1px solid var(--line-light);
}
@media(min-width:760px){.cover__sub{grid-template-columns:1.4fr 1fr;gap:2.4rem;align-items:center}}
.cover__sub p{
  font-family:var(--serif);
  font-size:clamp(1.05rem,1.6vw,1.32rem);
  line-height:1.5;
  color:rgba(251,249,243,.84);
  max-width:46ch;
}
.cover__sub .ctas{display:flex;gap:.7rem;flex-wrap:wrap}
.cover__sub .ctas a{
  font-family:var(--display);font-weight:800;
  font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  padding:.95rem 1.4rem;border-radius:2px;
}
.cover__sub .ctas .primary{background:var(--pink);color:var(--bone);transition:background .2s,transform .2s}
.cover__sub .ctas .primary:hover{transform:translateY(-2px)}
.cover__sub .ctas .ghost{border:1.5px solid rgba(251,249,243,.4);color:var(--bone)}
.cover__sub .ctas .ghost:hover{border-color:var(--pink);color:var(--pink)}

/* Cover Featured story (below banner, on paper) */
.cover-feature{
  background:var(--paper);
  padding:2.6rem 0 2.4rem;
  border-bottom:1px solid var(--line);
}
.cover-feature__head{
  display:flex;justify-content:space-between;align-items:end;gap:1rem;
  margin-bottom:1.6rem;
  padding-bottom:1rem;
  border-bottom:2px solid var(--navy);
}
.cover-feature__head .label{
  font-family:var(--display);font-weight:800;
  font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--navy);display:flex;align-items:center;gap:.6rem;
}
.cover-feature__head .label::before{content:"";width:24px;height:2px;background:var(--pink)}
.cover-feature__head .date{
  font-family:var(--display);font-weight:600;
  font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink);white-space:nowrap;
}
.cover-feature__grid{
  display:grid;grid-template-columns:1fr;
  gap:1.4rem;align-items:start;
}
@media(min-width:880px){.cover-feature__grid{grid-template-columns:1.05fr 1fr;gap:2.4rem;align-items:center}}
.cover-feature__media{
  aspect-ratio:4/3;background:var(--navy-deep);overflow:hidden;position:relative;
}
.cover-feature__media .corner{position:absolute;width:22px;height:22px;z-index:2}
.cover-feature__media .c1{top:12px;left:12px;border-top:2px solid var(--pink);border-left:2px solid var(--pink)}
.cover-feature__media .c2{top:12px;right:12px;border-top:2px solid var(--pink);border-right:2px solid var(--pink)}
.cover-feature__media .c3{bottom:12px;left:12px;border-bottom:2px solid var(--pink);border-left:2px solid var(--pink)}
.cover-feature__media .c4{bottom:12px;right:12px;border-bottom:2px solid var(--pink);border-right:2px solid var(--pink)}
.cover-feature__body{display:flex;flex-direction:column;gap:.9rem}
.cover-feature__body .num{
  font-family:var(--display);font-weight:900;
  font-size:.74rem;letter-spacing:.24em;color:var(--pink);
  display:flex;align-items:center;gap:.6rem;
}
.cover-feature__body .num::after{content:"";flex:0 0 28px;height:2px;background:var(--pink)}
.cover-feature__body .title{
  font-family:var(--display);font-weight:900;
  font-size:clamp(1.5rem,3.6vw,2.4rem);line-height:1.04;
  letter-spacing:-.018em;color:var(--navy);
  text-wrap:balance;
}
.cover-feature__body .dek{
  font-family:var(--serif);font-size:1rem;line-height:1.55;color:var(--ink);
  max-width:46ch;
}
.cover-feature__body .by{display:flex;align-items:center;gap:.7rem;margin-top:.2rem}
.cover-feature__body .by img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--pink)}
.cover-feature__body .by .who{font-family:var(--display);font-weight:800;font-size:.82rem}
.cover-feature__body .by .role{font-family:var(--display);font-weight:600;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}

/* small-tile row beneath cover-feature */
.cover-tiles{
  display:grid;grid-template-columns:1fr;gap:1.2rem;
  padding:1.6rem 0 0;
}
@media(min-width:560px){.cover-tiles{grid-template-columns:1fr 1fr 1fr}}
.cover-tile{display:flex;flex-direction:column;gap:.4rem}
.cover-tile .tag{font-size:.6rem}
.cover-tile .title{
  font-family:var(--display);font-weight:800;font-size:.92rem;line-height:1.22;
  letter-spacing:-.005em;color:var(--navy);
}
.cover-tile:hover .title{color:var(--pink);transition:color .2s}
.cover-tile .meta{font-size:.6rem}

/* ============================================
   DIRECTION C — APP-FEED HERO
   ============================================ */
.feed{padding:1.6rem 0 .4rem}
.feed__hero{
  display:flex;flex-direction:column;
  gap:1.4rem;
}
.feed-stack{
  display:grid;grid-template-columns:1fr;gap:0;
}
@media(min-width:880px){.feed-stack{grid-template-columns:1.4fr 1fr;gap:0}}
.feed-main{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--navy-deep);
  color:var(--bone);
}
@media(min-width:880px){.feed-main{aspect-ratio:auto;min-height:540px}}
.feed-main .ph-img{position:absolute;inset:0}
.feed-main__overlay{
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(12,26,48,.05) 0%,rgba(12,26,48,.85) 70%,rgba(12,26,48,.92) 100%);
  padding:1.4rem 1.2rem;
  display:flex;flex-direction:column;justify-content:flex-end;gap:.85rem;
}
@media(min-width:720px){.feed-main__overlay{padding:2.2rem 2rem}}
.feed-main__badge{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--pink);
  color:var(--bone);
  font-family:var(--display);font-weight:800;
  font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
  padding:.5rem .7rem;
}
.feed-main__badge .dot{width:6px;height:6px;border-radius:50%;background:var(--bone);animation:pulse 1.4s ease infinite}
.feed-main__title{
  font-family:var(--display);font-weight:900;
  font-size:clamp(1.6rem,5vw,3rem);line-height:1.02;
  letter-spacing:-.018em;color:var(--bone);
  text-wrap:balance;max-width:24ch;
}
.feed-main__dek{
  font-family:var(--serif);font-size:1rem;line-height:1.55;color:rgba(251,249,243,.86);
  max-width:48ch;
}
.feed-main__by{
  display:flex;align-items:center;gap:.6rem;
  font-family:var(--display);font-weight:700;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(251,249,243,.78);
}
.feed-main__by img{width:34px;height:34px;border-radius:50%;border:2px solid var(--pink);object-fit:cover}

.feed-side{
  background:var(--navy);
  color:var(--bone);
  padding:1.4rem 1.2rem;
  display:flex;flex-direction:column;
  gap:.8rem;
}
@media(min-width:720px){.feed-side{padding:2rem 1.6rem}}
.feed-side__label{
  font-family:var(--display);font-weight:800;
  font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--pink);
  border-bottom:1px solid var(--line-light);
  padding-bottom:.7rem;display:flex;justify-content:space-between;align-items:center;
}
.feed-side__label .right{color:rgba(251,249,243,.55);font-weight:600}
.feed-side__row{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:.8rem;
  align-items:center;
  padding:.7rem 0;
  border-bottom:1px solid var(--line-light);
}
.feed-side__row:last-child{border-bottom:none}
.feed-side__row .thumb{
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--navy-ink);
}
.feed-side__row .thumb .ph-img{font-size:.5rem;padding:.25rem}
.feed-side__row .body{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.feed-side__row .body .tag{font-size:.55rem;color:var(--pink-soft)}
.feed-side__row .body .title{
  font-family:var(--display);font-weight:800;font-size:.78rem;line-height:1.22;color:var(--bone);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* Mini stat tiles */
.feed-stats{
  display:grid;grid-template-columns:repeat(2,1fr);gap:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-top:1.4rem;
}
@media(min-width:720px){.feed-stats{grid-template-columns:repeat(4,1fr)}}
.feed-stat{
  padding:1.2rem 1rem;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex;flex-direction:column;gap:.2rem;
}
.feed-stat:nth-child(2n){border-right:none}
@media(min-width:720px){.feed-stat{border-bottom:none}.feed-stat:nth-child(2n){border-right:1px solid var(--line)}.feed-stat:last-child{border-right:none}}
.feed-stat .num{
  font-family:var(--display);font-weight:900;
  font-size:1.8rem;letter-spacing:-.02em;color:var(--navy);line-height:1;
}
.feed-stat .num em{font-style:normal;color:var(--pink)}
.feed-stat .lbl{
  font-family:var(--display);font-weight:700;
  font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);
}

/* Stories title row helper */
.stories-head{
  display:flex;align-items:end;justify-content:space-between;
  margin-bottom:.6rem;
}
.stories-head .label{
  font-family:var(--display);font-weight:800;
  font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--navy);
}
.stories-head .right{
  font-family:var(--display);font-weight:700;
  font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);
}

/* ============================================
   ABOUT PAGE — Shared section types
   ============================================ */
.sec-soft{background:var(--soft)}
.sec-bone{background:var(--bone)}

/* What it is — quote-style intro */
.is-quote{
  font-family:var(--body);
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.15rem,2.2vw,1.55rem);
  line-height:1.4;
  color:var(--navy);
  max-width:42ch;
  text-wrap:balance;
  letter-spacing:-.005em;
}

/* What is inside (six-cell grid) */
.inside{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  margin-top:1.4rem;
}
@media(min-width:560px){.inside{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.inside{grid-template-columns:repeat(3,1fr)}}
.inside__cell{
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:1.8rem 1.4rem 1.6rem;
  display:flex;flex-direction:column;gap:.55rem;
  background:#fff;
  position:relative;
  transition:background .25s, border-color .25s;
}
.inside__cell:hover{background:var(--soft);border-color:var(--pink)}
.inside__cell .micro{
  font-family:var(--display);font-weight:800;
  font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--pink);
}
.inside__cell h3{
  font-family:var(--display);font-weight:900;
  font-size:1.32rem;letter-spacing:-.01em;color:var(--navy);
}
.inside__cell p{
  font-family:var(--serif);font-size:.96rem;line-height:1.5;color:var(--ink);
}
.inside__cell .num{
  position:absolute;top:1rem;right:1.1rem;
  font-family:var(--display);font-weight:900;
  font-size:.78rem;letter-spacing:.18em;color:var(--navy);opacity:.32;
}

/* Questions list */
.q-list{
  display:grid;grid-template-columns:1fr;gap:0;
  margin-top:1.6rem;
  border-top:2px solid var(--navy);
}
@media(min-width:760px){.q-list{grid-template-columns:1fr 1fr}}
.q-row{
  display:grid;grid-template-columns:36px 1fr;gap:.9rem;
  padding:1.3rem 0;
  border-bottom:1px solid var(--line);
  align-items:baseline;
}
@media(min-width:760px){
  .q-row:nth-child(odd){padding-right:clamp(.8rem,3vw,2.4rem)}
  .q-row:nth-child(even){padding-left:clamp(.8rem,3vw,2.4rem);border-left:1px solid var(--line)}
}
.q-row .num{
  font-family:var(--display);font-weight:900;
  font-size:.72rem;letter-spacing:.06em;color:var(--pink);padding-top:.1rem;
}
.q-row .text{
  font-family:var(--display);font-weight:700;
  font-size:clamp(.96rem,1.5vw,1.18rem);line-height:1.28;color:var(--navy);
  letter-spacing:-.005em;
}

/* Not list */
.not-list{margin-top:1.6rem;border-top:2px solid var(--navy)}
.not-row{
  display:grid;grid-template-columns:1fr;
  gap:.4rem;
  padding:1.4rem 0;
  border-bottom:1px solid var(--line);
}
@media(min-width:720px){.not-row{grid-template-columns:1fr 1.25fr;gap:clamp(1rem,3vw,2.5rem);align-items:baseline}}
.not-row .neg{
  font-family:var(--display);font-weight:900;
  font-size:clamp(1.1rem,2.4vw,1.6rem);
  letter-spacing:-.01em;line-height:1.15;color:var(--navy);
}
.not-row .neg s{text-decoration-color:var(--pink);text-decoration-thickness:3px;opacity:.6}
.not-row .pos{
  font-family:var(--serif);font-size:.98rem;line-height:1.5;color:var(--ink);
}
.not-row .pos b{font-weight:600;opacity:1;color:var(--navy)}

/* Founder */
.founder{
  background:var(--navy);color:var(--bone);
  position:relative;overflow:hidden;
}
.founder::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(244,240,231,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,231,.04) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 80% at 30% 30%,#000,transparent 75%);
  pointer-events:none;
}
.founder__inner{position:relative;z-index:2;padding:3.6rem 0 3.4rem}
.founder__head{
  display:flex;align-items:center;gap:.7rem;
  font-family:var(--display);font-weight:800;
  font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--pink);
  margin-bottom:1.2rem;
}
.founder__head .bar{flex:0 0 28px;height:2px;background:var(--pink)}
.founder__title{
  font-family:var(--display);font-weight:900;
  font-size:clamp(1.7rem,4.4vw,2.8rem);
  line-height:1.04;letter-spacing:-.018em;
  margin-bottom:.8rem;color:var(--bone);
  max-width:24ch;text-wrap:balance;
}
.founder__quote{
  font-family:var(--body);
  font-style:italic;
  font-weight:400;
  font-size:clamp(1.2rem,2.2vw,1.7rem);
  line-height:1.32;
  color:var(--bone);max-width:36ch;
  letter-spacing:-.005em;
}
.founder__quote .hl{color:var(--pink)}
.founder__grid{
  display:grid;grid-template-columns:1fr;gap:1.6rem;align-items:start;
  margin-top:2rem;
}
@media(min-width:760px){.founder__grid{grid-template-columns:1fr 1fr;gap:3rem}}
.founder__portrait{
  position:relative;
  aspect-ratio:4/5;
  background:var(--navy-deep);
  overflow:hidden;
  border:1px solid var(--line-light);
}
.founder__portrait img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(1.05)}
.founder__portrait .corner{position:absolute;width:18px;height:18px;z-index:3}
.founder__portrait .c1{top:14px;left:14px;border-top:2px solid var(--pink);border-left:2px solid var(--pink)}
.founder__portrait .c2{top:14px;right:14px;border-top:2px solid var(--pink);border-right:2px solid var(--pink)}
.founder__portrait .c3{bottom:14px;left:14px;border-bottom:2px solid var(--pink);border-left:2px solid var(--pink)}
.founder__portrait .c4{bottom:14px;right:14px;border-bottom:2px solid var(--pink);border-right:2px solid var(--pink)}
.founder__portrait .nameplate{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:1rem 1.1rem;
  background:linear-gradient(180deg,transparent,rgba(12,26,48,.85));
  font-family:var(--display);font-weight:600;
  font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(251,249,243,.7);
  text-align:right;
}
.founder__card{
  border:1px solid var(--line-light);
  border-left:4px solid var(--pink);
  padding:1.8rem 1.6rem 1.6rem;
  background:rgba(244,240,231,.03);
  display:flex;flex-direction:column;gap:.6rem;
}
.founder__card .hat{
  font-family:var(--display);font-weight:800;
  font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--pink);
}
.founder__card .name{
  font-family:var(--display);font-weight:900;
  font-size:1.7rem;color:var(--bone);
}
.founder__card .role{
  font-family:var(--display);font-weight:600;
  font-size:.78rem;letter-spacing:.05em;
  color:rgba(251,249,243,.7);
  margin-bottom:.5rem;
}
.founder__card p{
  font-family:var(--serif);font-size:.97rem;line-height:1.55;
  color:rgba(251,249,243,.84);max-width:42ch;
}

.team-band{
  margin-top:2.6rem;
  padding-top:2rem;
  border-top:1px solid var(--line-light);
  display:grid;grid-template-columns:1fr;gap:1.6rem;
}
@media(min-width:760px){.team-band{grid-template-columns:1fr 1fr;gap:3rem}}
.team-band h3{
  font-family:var(--display);font-weight:800;
  font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--pink);margin-bottom:.7rem;
}
.team-band p{
  font-family:var(--body);font-size:.97rem;line-height:1.55;
  color:rgba(255,255,255,.82);margin-bottom:.6rem;
}
.team-band p:last-child{margin-bottom:0}
.team-band .lead{
  font-family:var(--body);font-style:italic;font-size:1.08rem;color:var(--bone);
}

/* Authority strip */
.auth-strip{
  margin-top:2.8rem;
  padding-top:2rem;
  border-top:1px solid var(--line-light);
}
.auth-strip .key{
  font-family:var(--display);font-weight:800;
  font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--pink);margin-bottom:1.1rem;
}
.auth-strip .orgs{
  display:flex;flex-wrap:wrap;gap:.4rem 0;align-items:baseline;
}
.auth-strip .orgs span{
  font-family:var(--display);font-weight:800;
  font-size:clamp(.92rem,1.4vw,1.18rem);
  color:rgba(251,249,243,.84);
  display:inline-flex;align-items:center;
  letter-spacing:.02em;
}
.auth-strip .orgs span::after{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--pink);opacity:.65;margin:0 1.1rem;
}
.auth-strip .orgs span:last-child::after{display:none}

/* Authority strip — logo variant (white client/association logos) */
.auth-strip .orgs--logos{
  align-items:center;
  gap:1.6rem 2.4rem;
}
.auth-strip .orgs--logos span{display:inline-flex;align-items:center}
.auth-strip .orgs--logos span::after{display:none}   /* drop the pink-dot separators; spacing comes from gap */
.auth-strip .orgs--logos img{
  height:clamp(28px,3vw,42px);
  width:auto;max-width:170px;
  object-fit:contain;display:block;
  opacity:.85;
  transition:opacity .2s ease;
}
.auth-strip .orgs--logos span:hover img{opacity:1}

/* Close band */
.close{
  background:var(--navy-ink);color:var(--bone);
  text-align:center;
  padding:4rem 0 4.4rem;
  position:relative;overflow:hidden;
}
.close::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(244,240,231,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,240,231,.04) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000,transparent 78%);
  pointer-events:none;
}
.close__inner{position:relative;z-index:2}
.close h2{
  font-family:var(--display);font-weight:900;
  font-size:clamp(1.9rem,5.4vw,3.6rem);line-height:1.04;
  color:var(--bone);max-width:18ch;margin:0 auto;
  letter-spacing:-.02em;text-wrap:balance;
}
.close h2 .hl{color:var(--pink)}
.close p{
  font-family:var(--serif);font-size:1.05rem;line-height:1.55;
  color:rgba(251,249,243,.82);max-width:42ch;margin:1.4rem auto 0;
}
.close__form{
  display:flex;gap:.6rem;flex-wrap:wrap;
  max-width:460px;margin:2rem auto 0;justify-content:center;
}
.close__form input{
  flex:1;min-width:220px;
  font-family:var(--serif);font-size:1rem;
  padding:1rem 1.1rem;
  background:rgba(244,240,231,.05);
  border:1px solid rgba(251,249,243,.28);
  color:var(--bone);border-radius:2px;outline:none;
}
.close__form input::placeholder{color:rgba(251,249,243,.5)}
.close__form input:focus{border-color:var(--pink)}
.close__form button{
  font-family:var(--display);font-weight:800;
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  background:var(--pink);color:var(--bone);
  padding:1rem 1.6rem;border-radius:2px;transition:transform .2s;
}
.close__form button:hover{transform:translateY(-2px)}
.close__micdrop{
  margin-top:2rem;
  font-family:var(--display);font-weight:900;
  font-size:clamp(1rem,1.8vw,1.45rem);letter-spacing:.04em;
  color:var(--pink);
}

/* Authority path section */
.authority{padding:3rem 0;background:#fff}
.authority__inner{max-width:64ch}
.authority h2{
  font-family:var(--display);font-weight:900;
  font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.04;
  letter-spacing:-.018em;color:var(--navy);max-width:24ch;
  margin-bottom:1.2rem;text-wrap:balance;
}
.authority p{
  font-family:var(--serif);font-size:1.05rem;line-height:1.6;
  color:var(--ink);margin-bottom:1.1rem;max-width:58ch;
}
.authority .cta{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--display);font-weight:800;
  font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--navy);
  border:1.5px solid var(--navy);
  padding:.95rem 1.4rem;border-radius:2px;
  margin-top:1.2rem;transition:background .2s, color .2s;
}
.authority .cta:hover{background:var(--pink);border-color:var(--pink);color:var(--bone)}

/* Section number callout */
.sec-num{
  font-family:var(--display);font-weight:900;
  font-size:5rem;line-height:.9;letter-spacing:-.04em;
  color:var(--navy);opacity:.08;
  position:absolute;top:1rem;right:1.4rem;
  pointer-events:none;
  z-index:0;
}
@media(min-width:880px){.sec-num{font-size:10rem;top:0;right:2rem}}
.num-stack{
  font-family:var(--display);
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.22em;
  color:var(--pink);
  display:flex;align-items:center;gap:.5rem;
}
.num-stack b{color:var(--navy);font-weight:900}


/* =============================================================================
 * 2. ABOUT-PAGE-SPECIFIC STYLES  (from the inline <style> block in about.html)
 * ============================================================================= */
  body{background:#fff}

  /* ---------- HERO: B's magazine cover ---------- */
  .d-cover{
    background:var(--navy);
    color:#fff;
    position:relative;
    overflow:hidden;
    padding:1.6rem 0 0;
  }
  .d-cover::before{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(244,245,245,.045) 1px,transparent 1px),
      linear-gradient(90deg,rgba(244,245,245,.045) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:radial-gradient(ellipse 80% 80% at 75% 30%,#000,transparent 78%);
    pointer-events:none;
  }
  .d-cover__inner{position:relative;z-index:2;padding-bottom:2.2rem}
  .d-cover__submark{
    position:absolute;
    top:1.4rem;right:1.6rem;
    width:auto;height:88px;
    z-index:3;
    pointer-events:none;
  }
  @media(min-width:760px){.d-cover__submark{height:110px;top:2rem;right:2rem}}
  @media(min-width:1280px){.d-cover__submark{height:128px;top:2.4rem;right:2.4rem}}
  .d-cover__masthead{
    display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
    padding-bottom:1.2rem;
    border-bottom:1px solid var(--line-light);
    font-family:var(--body);font-weight:700;
    font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
    color:rgba(255,255,255,.6);
    flex-wrap:wrap;
  }
  .d-cover__masthead .vol{color:var(--pink);font-weight:700}
  .d-cover__masthead .right{display:flex;gap:1.4rem;flex-wrap:wrap}
  .d-cover__eyebrow{
    display:flex;align-items:center;gap:.6rem;
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:rgba(255,255,255,.7);
    margin-bottom:1.4rem;
    flex-wrap:wrap;
  }
  .d-cover__eyebrow .bar{width:28px;height:2px;background:var(--pink);display:inline-block}
  .d-cover__eyebrow .dot{opacity:.45}
  .d-cover__eyebrow .pink{color:var(--pink)}
  .d-cover__display{
    font-family:var(--display);font-weight:400;
    font-size:clamp(3.2rem,14vw,9rem);
    line-height:.9;letter-spacing:0;text-transform:uppercase;
    margin:0 0 1.4rem;
    text-wrap:balance;
  }
  .d-cover__display .small{
    display:block;
    font-family:var(--body);font-weight:700;
    font-size:.62rem;
    letter-spacing:.32em;
    color:var(--pink-soft);
    margin-bottom:1.4rem;
    line-height:1;text-transform:uppercase;
  }
  .d-cover__display em{font-style:normal;color:var(--pink)}
  .d-cover__display .line{display:block}
  .d-cover__sub{
    display:flex;flex-direction:column;gap:1.4rem;
    padding:1.4rem 0 0;
    border-top:1px solid var(--line-light);
    align-items:flex-start;
  }
  .d-cover__sub p{
    font-family:var(--body);
    font-size:clamp(1.02rem,1.6vw,1.22rem);
    line-height:1.5;color:rgba(255,255,255,.86);
    max-width:54ch;
    margin:0;
  }
  .d-cover__sub p strong{color:#fff;font-weight:600}
  .d-cover__cta{
    display:inline-flex;flex-direction:column;gap:.5rem;
  }
  .d-cover__cta-row{
    display:inline-flex;align-items:center;
  }
  .d-cover__cta-row .primary{
    display:inline-flex;align-items:center;gap:1rem;
    font-family:var(--body);font-weight:800;
    font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;
    background:var(--pink);color:#fff;
    padding:1.2rem 1.6rem 1.2rem 1.8rem;
    border-radius:2px;
    border:2px solid var(--pink);
    transition:transform .2s, background .2s, color .2s, border-color .2s;
    white-space:nowrap;
  }
  .d-cover__cta-row .primary .arr{
    font-family:var(--display);font-weight:400;font-size:1.5rem;
    line-height:1;color:#fff;
    transition:transform .25s, color .2s;
  }
  .d-cover__cta-row .primary:hover{background:#fff;color:var(--pink);border-color:#fff;transform:translateY(-2px)}
  .d-cover__cta-row .primary:hover .arr{color:var(--pink);transform:translateX(4px)}
  .d-cover__cta-row .meta{
    margin-left:1.2rem;
    font-family:var(--body);font-weight:600;
    font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
    color:rgba(255,255,255,.55);
    display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  }
  .d-cover__cta-row .meta .dot{color:var(--pink);opacity:.7}
  @media(max-width:540px){
    .d-cover__cta-row{flex-direction:column;align-items:flex-start;gap:.85rem}
    .d-cover__cta-row .primary{width:100%;justify-content:space-between}
    .d-cover__cta-row .meta{margin-left:0}
  }

  /* ---------- STAT BAR: from C, integrated into hero strip ---------- */
  .d-stats{
    background:var(--navy-ink);
    color:#fff;
    position:relative;z-index:3;
  }
  .d-stats__head{
    padding:2.4rem 0 1.4rem;
    border-bottom:1px solid var(--line-light);
    display:flex;flex-direction:column;gap:1rem;
    align-items:flex-start;
  }
  .d-stats__def{
    font-family:var(--body);font-weight:500;
    font-size:clamp(1.05rem,1.6vw,1.32rem);line-height:1.45;
    color:#fff;max-width:62ch;
    letter-spacing:-.005em;
  }
  .d-stats__sublabel{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--pink);
    display:inline-flex;align-items:center;gap:.6rem;
  }
  .d-stats__sublabel .bar{width:28px;height:2px;background:var(--pink);display:inline-block}
  .d-stats__grid{
    display:grid;grid-template-columns:1fr 1fr;gap:0;
  }
  @media(min-width:560px){.d-stats__grid{grid-template-columns:repeat(4,1fr)}}
  .d-stats__cell{
    padding:1.2rem 1rem;
    border-right:1px solid var(--line-light);
    border-bottom:1px solid var(--line-light);
    display:flex;flex-direction:column;gap:.3rem;
  }
  .d-stats__cell:nth-child(2n){border-right:none}
  @media(min-width:560px){
    .d-stats__cell{border-bottom:none}
    .d-stats__cell:nth-child(2n){border-right:1px solid var(--line-light)}
    .d-stats__cell:last-child{border-right:none}
  }
  .d-stats__n{
    font-family:var(--display);font-weight:400;
    font-size:1.9rem;letter-spacing:0;line-height:1;color:#fff;
    text-transform:uppercase;
    margin:0;
  }
  .d-stats__n .pink{color:var(--pink)}
  .d-stats__l{
    font-family:var(--body);font-weight:500;
    font-size:.74rem;letter-spacing:0;line-height:1.4;color:rgba(255,255,255,.72);
    text-transform:none;
  }
  @media(min-width:1100px){.d-stats__l{white-space:nowrap}}

  /* ---------- EDITOR'S LETTER (B's cover story) ---------- */
  .d-letter{
    background:#fff;
    padding:3.4rem 0 3.2rem;
    border-bottom:1px solid var(--line);
  }
  .d-letter__head{
    display:flex;align-items:end;justify-content:space-between;
    gap:1rem;flex-wrap:wrap;
    margin-bottom:1.8rem;
    padding-bottom:1rem;
    border-bottom:2px solid var(--navy);
  }
  .d-letter__head .label{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--navy);
    display:flex;align-items:center;gap:.6rem;
  }
  .d-letter__head .label::before{content:"";width:24px;height:2px;background:var(--pink)}
  .d-letter__head .date{
    font-family:var(--body);font-weight:600;
    font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--ink);
  }
  .d-letter__grid{
    display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;
  }
  @media(min-width:880px){.d-letter__grid{grid-template-columns:.85fr 1.15fr;gap:3rem}}
  .d-letter__portrait{
    position:relative;aspect-ratio:3/4;
    overflow:hidden;background:var(--navy-deep);
  }
  .d-letter__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 14%}
  .d-letter__portrait .corner{position:absolute;width:18px;height:18px;z-index:3}
  .d-letter__portrait .c1{top:14px;left:14px;border-top:2px solid var(--pink);border-left:2px solid var(--pink)}
  .d-letter__portrait .c2{top:14px;right:14px;border-top:2px solid var(--pink);border-right:2px solid var(--pink)}
  .d-letter__portrait .c3{bottom:14px;left:14px;border-bottom:2px solid var(--pink);border-left:2px solid var(--pink)}
  .d-letter__portrait .c4{bottom:14px;right:14px;border-bottom:2px solid var(--pink);border-right:2px solid var(--pink)}
  .d-letter__portrait .caption{
    position:absolute;left:0;right:0;bottom:0;z-index:2;
    background:linear-gradient(180deg,transparent,rgba(8,20,40,.8));
    padding:1rem 1.2rem;
    font-family:var(--body);font-weight:600;
    font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
    color:rgba(255,255,255,.75);
    text-align:right;
  }
  .d-letter__body{display:flex;flex-direction:column;gap:1rem}
  .d-letter__from{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--pink);
  }
  .d-letter__hed{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.7rem,4vw,2.6rem);line-height:1;
    letter-spacing:0;color:var(--navy);
    text-transform:uppercase;
    text-wrap:balance;
    max-width:22ch;
  }
  .d-letter__dek{
    font-family:var(--body);font-style:italic;
    font-size:clamp(1.02rem,1.5vw,1.18rem);
    line-height:1.5;color:var(--ink);
    max-width:54ch;
  }
  .d-letter__copy{
    font-family:var(--body);font-size:1rem;line-height:1.6;
    color:var(--ink);max-width:54ch;
  }
  .d-letter__copy p+p{margin-top:.7rem}
  .d-letter__sign{
    margin-top:.4rem;
    display:block;
  }
  .d-letter__sign img{
    height:42px;width:auto;display:block;
  }
  @media(min-width:560px){.d-letter__sign img{height:54px}}
  .d-letter__role{
    font-family:var(--body);font-weight:600;
    font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
    color:var(--ink);
  }

  /* ---------- THE SHORT FILM (from C) ---------- */
  .d-film-section{
    background:var(--soft);
    padding:3rem 0;
    border-bottom:1px solid var(--line);
  }
  .d-film-section__head{
    display:flex;align-items:end;justify-content:space-between;
    gap:1rem;flex-wrap:wrap;
    margin-bottom:1.4rem;
    padding-bottom:1rem;
    border-bottom:2px solid var(--navy);
  }
  .d-film-section__head .label{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--navy);display:flex;align-items:center;gap:.6rem;
  }
  .d-film-section__head .label::before{content:"";width:24px;height:2px;background:var(--pink)}
  .d-film-section__head .title{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.4rem,3vw,2rem);letter-spacing:0;text-transform:uppercase;color:var(--navy);
    line-height:1;
  }
  .d-film{
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    background:var(--navy-deep);
    border:1px solid var(--line-strong);
    max-width:980px;
    margin:0 auto;
  }
  .d-film .bg{position:absolute;inset:0}
  .d-film__video{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:cover;
    background:var(--navy-deep);
    z-index:1;
  }
  .d-film__placeholder{position:absolute;inset:0;z-index:1}
  /* When the video has a real source, hide the placeholder and let the video show */
  .d-film.is-playing .d-film__placeholder,
  .d-film.is-playing .d-film__play,
  .d-film.is-playing::after,
  .d-film.is-playing .d-film__overlay{display:none}
  .d-film::after{
    content:"";position:absolute;inset:0;z-index:2;
    background:linear-gradient(180deg,rgba(8,20,40,.05) 0%,rgba(8,20,40,.5) 60%,rgba(8,20,40,.85) 100%);
  }
  .d-film__corner{position:absolute;width:22px;height:22px;z-index:5}
  .d-film .c1{top:14px;left:14px;border-top:2px solid var(--pink);border-left:2px solid var(--pink)}
  .d-film .c2{top:14px;right:14px;border-top:2px solid var(--pink);border-right:2px solid var(--pink)}
  .d-film .c3{bottom:14px;left:14px;border-bottom:2px solid var(--pink);border-left:2px solid var(--pink)}
  .d-film .c4{bottom:14px;right:14px;border-bottom:2px solid var(--pink);border-right:2px solid var(--pink)}
  .d-film__play{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    z-index:4;
    width:96px;height:96px;border-radius:50%;
    background:var(--pink);
    display:flex;align-items:center;justify-content:center;
    transition:transform .25s,box-shadow .25s;
  }
  .d-film:hover .d-film__play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 16px 40px rgba(255,24,148,.45)}
  .d-film__play svg{width:30px;height:30px;color:#fff;margin-left:5px}
  .d-film__overlay{
    position:absolute;left:0;right:0;bottom:0;z-index:5;
    padding:1.2rem 1.4rem;
    display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:.7rem;
  }
  .d-film__overlay .label{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
    color:#fff;opacity:.92;
  }
  .d-film__overlay .label .pink{color:var(--pink)}
  .d-film__overlay .meta{
    font-family:var(--body);font-weight:600;
    font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
    color:rgba(255,255,255,.7);
  }
  .d-film-caption{
    max-width:54ch;margin:1.4rem auto 0;
    text-align:center;
    font-family:var(--body);font-style:italic;
    font-size:1.02rem;line-height:1.5;color:var(--ink);
  }

  /* ---------- MANIFESTO (B's spread, C's mobile swipe) ---------- */
  .d-manifesto{
    background:var(--soft);
    padding:4rem 0 3.6rem;
    position:relative;
    overflow:hidden;
  }
  .d-manifesto::before{
    content:"";
    position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(24,53,94,.05) 1px,transparent 1px),
      linear-gradient(90deg,rgba(24,53,94,.05) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 80% 80% at 78% 18%,#000,transparent 72%);
    pointer-events:none;
    z-index:0;
  }
  .d-manifesto::after{
    content:"MANIFESTO";
    position:absolute;
    top:.4rem;right:-.4rem;
    font-family:var(--display);font-weight:400;
    font-size:clamp(7rem,14vw,13rem);
    line-height:1;letter-spacing:-.02em;
    color:var(--navy);opacity:.055;
    text-transform:uppercase;
    pointer-events:none;
    z-index:0;
    white-space:nowrap;
  }
  .d-manifesto .wrap{position:relative;z-index:2}
  .d-manifesto__corner{
    position:absolute;width:30px;height:30px;z-index:3;
    pointer-events:none;
  }
  .d-manifesto__corner.tl{top:1.5rem;left:1.5rem;border-top:2px solid var(--pink);border-left:2px solid var(--pink)}
  .d-manifesto__corner.tr{top:1.5rem;right:1.5rem;border-top:2px solid var(--pink);border-right:2px solid var(--pink)}
  .d-manifesto__corner.bl{bottom:1.5rem;left:1.5rem;border-bottom:2px solid var(--pink);border-left:2px solid var(--pink)}
  .d-manifesto__corner.br{bottom:1.5rem;right:1.5rem;border-bottom:2px solid var(--pink);border-right:2px solid var(--pink)}
  @media(max-width:720px){.d-manifesto__corner{display:none}}
  .d-manifesto__head{
    display:flex;align-items:end;justify-content:space-between;
    margin-bottom:1.8rem;padding-bottom:1.1rem;
    border-bottom:2px solid var(--navy);gap:1rem;flex-wrap:wrap;
  }
  .d-manifesto__head .label{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--navy);display:flex;align-items:center;gap:.6rem;
  }
  .d-manifesto__head .label::before{content:"";width:24px;height:2px;background:var(--pink)}
  .d-manifesto__head .num{
    font-family:var(--body);font-weight:700;
    font-size:.62rem;letter-spacing:.22em;color:var(--pink);
  }
  .d-manifesto__lead{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.9rem,5vw,3.2rem);line-height:.98;
    letter-spacing:0;color:var(--navy);text-transform:uppercase;
    max-width:22ch;text-wrap:balance;
    margin-bottom:2rem;
  }
  .d-manifesto__lead .hl{color:var(--pink)}
  .d-manifesto__stakes{
    font-family:var(--body);font-weight:500;
    font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.45;
    color:var(--ink);max-width:46ch;
    margin:-1.2rem 0 2rem;
    padding-left:1rem;
    border-left:3px solid var(--pink);
  }
  .d-manifesto__stakes strong{color:var(--navy);font-weight:600}
  .d-manifesto__bridge{
    font-family:var(--body);font-weight:500;
    font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.4;
    color:var(--navy);
    margin:0 0 1.6rem;
  }
  .d-manifesto__bridge strong{color:var(--pink);font-weight:600}
  .d-forces{
    display:grid;grid-template-columns:1fr;gap:1.2rem;
  }
  @media(min-width:640px){.d-forces{grid-template-columns:repeat(2,1fr);gap:1.4rem}}
  @media(min-width:1080px){.d-forces{grid-template-columns:repeat(3,1fr);gap:1.8rem}}
  @media(max-width:879px){
    .d-forces{
      display:flex;
      gap:1rem;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      padding-bottom:.6rem;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
      margin:0 calc(-1 * var(--pad-x));
      padding-left:var(--pad-x);
      padding-right:var(--pad-x);
    }
    .d-forces::-webkit-scrollbar{display:none}
    .d-forces > *{flex-shrink:0;scroll-snap-align:start;width:82%;max-width:340px}
  }
  .d-force{
    background:#fff;
    border:1px solid var(--line);
    border-top:3px solid var(--navy);
    padding:1.2rem 1.3rem 1.3rem;
    display:flex;flex-direction:column;gap:.5rem;
    position:relative;
    transition:border-color .25s, transform .25s;
  }
  @media(max-width:879px){.d-force{border:1px solid var(--line);border-top:3px solid var(--pink);padding:1.2rem 1.2rem 1.2rem}}
  .d-force:hover{border-top-color:var(--pink);transform:translateY(-2px)}
  .d-force::before{
    content:"";position:absolute;top:-3px;left:-1px;
    width:42px;height:3px;background:var(--pink);
    z-index:1;
  }
  @media(max-width:879px){.d-force::before{display:none}}
  .d-force .n{
    font-family:var(--body);font-weight:700;
    font-size:.62rem;letter-spacing:.22em;color:var(--pink);text-transform:uppercase;
  }
  .d-force h3{
    font-family:var(--display);font-weight:400;font-size:1.45rem;line-height:1;
    color:var(--navy);text-transform:uppercase;letter-spacing:0;
  }
  .d-force p{
    font-family:var(--body);font-size:.95rem;line-height:1.55;color:var(--ink);
  }

  /* ---------- FOUNDER (C's prominent side-image) ---------- */
  .d-founder{
    background:var(--navy);color:#fff;
    overflow:hidden;
    position:relative;
  }
  .d-founder__hero{
    position:relative;z-index:2;
    padding:3.4rem var(--pad-x) 1.4rem;
    max-width:1320px;margin:0 auto;
    display:flex;flex-direction:column;gap:.9rem;
  }
  .d-founder__hero .label{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--pink);display:flex;align-items:center;gap:.55rem;
  }
  .d-founder__hero .label::before{content:"";width:22px;height:2px;background:var(--pink)}
  .d-founder__hero .name-xl{
    font-family:var(--display);font-weight:400;
    font-size:clamp(3.4rem,13vw,8.4rem);
    line-height:.9;letter-spacing:-.02em;
    color:#fff;text-transform:uppercase;
    margin:0;
  }
  .d-founder__hero .quote-xl{
    font-family:var(--body);font-style:italic;font-weight:400;
    font-size:clamp(1.2rem,2.4vw,1.8rem);line-height:1.32;
    color:#fff;max-width:42ch;
    margin-top:.4rem;
  }
  .d-founder__hero .quote-xl .hl{color:var(--pink);font-weight:500}

  /* Inline Truth sidebar within founder */
  .d-founder__truth{
    grid-column:1/-1;
    padding:2rem 1.4rem 2.4rem;
    border-top:1px solid var(--line-light);
    display:flex;flex-direction:column;gap:1rem;
  }
  @media(min-width:720px){.d-founder__truth{padding:2.4rem}}
  .d-founder__truth-head{
    display:flex;flex-direction:column;align-items:flex-start;
    gap:.5rem;
    padding-bottom:1rem;
    border-bottom:1px solid var(--line-light);
  }
  .d-founder__truth-head .label{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--pink);
    display:flex;align-items:center;gap:.55rem;
  }
  .d-founder__truth-head .label::before{content:"";width:22px;height:2px;background:var(--pink);display:inline-block}
  .d-founder__truth-head h3{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1;
    color:#fff;text-transform:uppercase;letter-spacing:0;margin:0;
    max-width:18ch;
  }
  .d-founder__truth .row{
    display:grid;grid-template-columns:1fr;gap:.3rem;
    padding:.9rem 0;
    border-bottom:1px solid var(--line-light);
  }
  @media(min-width:720px){.d-founder__truth .row{grid-template-columns:1fr 1.4fr;gap:clamp(1rem,3vw,2.4rem);align-items:baseline}}
  .d-founder__truth .neg{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.08;
    color:#fff;text-transform:uppercase;letter-spacing:0;
  }
  .d-founder__truth .neg s{text-decoration-color:var(--pink);text-decoration-thickness:3px;opacity:.75}
  .d-founder__truth .pos{
    font-family:var(--body);font-size:.96rem;line-height:1.5;
    color:rgba(255,255,255,.82);
  }
  .d-founder__truth .pos b{color:#fff;font-weight:600}
  .d-founder::before{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(244,245,245,.04) 1px,transparent 1px),
      linear-gradient(90deg,rgba(244,245,245,.04) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:radial-gradient(ellipse 70% 80% at 30% 30%,#000,transparent 75%);
    pointer-events:none;
  }
  .d-founder__grid{
    position:relative;z-index:2;
    display:grid;grid-template-columns:1fr;
  }
  @media(min-width:880px){.d-founder__grid{grid-template-columns:.85fr 1.15fr;align-items:stretch}}
  .d-founder__media{
    aspect-ratio:4/5;background:var(--navy-deep);
    overflow:hidden;position:relative;
  }
  @media(min-width:880px){.d-founder__media{aspect-ratio:auto;min-height:460px}}
  .d-founder__media img{width:100%;height:100%;object-fit:cover;object-position:center 14%}
  .d-founder__media .badge{
    position:absolute;top:14px;left:14px;z-index:2;
    background:var(--pink);color:#fff;
    font-family:var(--body);font-weight:700;
    font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
    padding:.5rem .65rem;
  }
  .d-founder__media .nameplate{
    position:absolute;left:0;right:0;bottom:0;z-index:2;
    background:linear-gradient(180deg,transparent,rgba(8,20,40,.85));
    padding:1rem 1.2rem;
    font-family:var(--body);font-weight:600;
    font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
    color:rgba(255,255,255,.7);text-align:right;
  }
  .d-founder__body{
    padding:2rem 1.4rem 2.4rem;
    display:flex;flex-direction:column;gap:.8rem;
  }
  @media(min-width:720px){.d-founder__body{padding:2.6rem 2.2rem}}
  .d-founder__body .label{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--pink);display:flex;align-items:center;gap:.55rem;
  }
  .d-founder__body .label::before{content:"";width:22px;height:2px;background:var(--pink)}
  .d-founder__subhead{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.04;letter-spacing:0;
    color:#fff;text-transform:uppercase;
    margin:0 0 .4rem;
    max-width:24ch;
  }
  .d-founder__body h2{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.8rem,4.2vw,2.9rem);line-height:.96;
    color:#fff;text-transform:uppercase;letter-spacing:0;text-wrap:balance;
    max-width:22ch;
  }
  .d-founder__body .quote{
    font-family:var(--body);font-style:italic;
    font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.4;
    color:#fff;max-width:48ch;
  }
  .d-founder__body .quote .hl{color:var(--pink);font-weight:500}
  .d-founder__body p{
    font-family:var(--body);font-size:.97rem;line-height:1.55;
    color:rgba(255,255,255,.82);max-width:50ch;
  }
  .d-founder__body .nameblock{
    display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;
    margin-top:.4rem;
    padding-top:1rem;
    border-top:1px solid var(--line-light);
  }
  .d-founder__body .nameblock .logo{
    height:auto;width:auto;
    max-width:min(420px,80%);
    display:block;
    margin:0;
  }
  .d-founder__body .signature{
    font-family:var(--script);font-size:2rem;color:var(--pink);
    line-height:1;
  }
  .d-founder__body .name{
    font-family:var(--display);font-weight:400;
    font-size:1.6rem;color:#fff;text-transform:uppercase;letter-spacing:0;line-height:1;
  }
  .d-founder__body .role{
    font-family:var(--body);font-weight:600;
    font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
    color:rgba(255,255,255,.65);
  }
  .d-founder__team{
    grid-column:1/-1;
    padding:0 1.4rem 2.4rem;
    display:flex;flex-direction:column;gap:1.4rem;
    border-top:1px solid var(--line-light);
    margin-top:0;
    padding-top:2.4rem;
  }
  @media(min-width:720px){.d-founder__team{padding:2.4rem}}
  .d-founder__team-grid{
    display:grid;grid-template-columns:1fr;gap:1.4rem;
  }
  @media(min-width:720px){.d-founder__team-grid{grid-template-columns:1fr 1fr;gap:3rem}}
  .d-founder__company-logo{
    height:auto;width:auto;max-width:240px;max-height:48px;
    display:block;margin:0;
  }
  @media(min-width:880px){.d-founder__company-logo{max-width:280px;max-height:56px}}
  /* --- PORT FIX: orphaned declarations removed -----------------------------
   * The original inline CSS had these declarations here with NO selector and a
   * trailing unmatched "}", which made them dead (browsers discard orphaned
   * declarations) and left the stylesheet brace-unbalanced. Commented out to
   * preserve the original rendering exactly while making the CSS valid. If this
   * label style was meant to target something in .d-founder__team, restore it
   * with a real selector.
   *     font-family:var(--body);font-weight:700;
   *     font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
   *     color:var(--pink);margin-bottom:.7rem;
   * ------------------------------------------------------------------------- */
  .d-founder__team p{
    font-family:var(--body);font-size:.97rem;line-height:1.55;
    color:rgba(255,255,255,.82);margin-bottom:.5rem;
  }
  .d-founder__team .lead{
    font-family:var(--body);font-style:italic;font-size:1.08rem;color:#fff;
  }

  /* Team CTA (replaces inline cards) */
  .d-team-cta{
    display:flex;align-items:center;justify-content:space-between;
    gap:1.4rem;flex-wrap:wrap;
    padding:1.4rem;
    background:rgba(244,245,245,.04);
    border:1px solid var(--line-light);
    transition:border-color .2s, background .2s;
  }
  .d-team-cta:hover{border-color:var(--pink);background:rgba(255,24,148,.05)}
  .d-team-cta__copy{
    font-family:var(--body);font-size:1rem;line-height:1.5;
    color:rgba(255,255,255,.84);max-width:54ch;
  }
  .d-team-cta__btn{
    flex-shrink:0;
    display:inline-flex;align-items:center;gap:.6rem;
    font-family:var(--body);font-weight:700;
    font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
    color:#fff;
    border:1.5px solid #fff;
    padding:.95rem 1.3rem;border-radius:2px;
    transition:background .2s, color .2s;
  }
  .d-team-cta:hover .d-team-cta__btn{background:var(--pink);border-color:var(--pink)}
  .d-team-cta__btn .arr{color:#fff;font-weight:900}
  .d-team-cta:hover .d-team-cta__btn .arr{color:#fff}

  /* Team people row : Stefanie + Ben */
  .d-people{
    grid-column:1/-1;
    padding:2rem 1.4rem 2.4rem;
    border-top:1px solid var(--line-light);
    display:flex;flex-direction:column;gap:1.4rem;
  }
  @media(min-width:720px){.d-people{padding:2.4rem}}
  .d-people__head{
    display:flex;align-items:end;justify-content:space-between;
    gap:1rem;flex-wrap:wrap;
    padding-bottom:.8rem;
    border-bottom:1px solid var(--line-light);
  }
  .d-people__head .label{
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--pink);
  }
  .d-people__head .h{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.3rem,2.6vw,1.8rem);
    color:#fff;text-transform:uppercase;letter-spacing:0;line-height:1;
  }
  .d-people__row{
    display:grid;grid-template-columns:1fr;gap:1rem;
  }
  @media(min-width:560px){.d-people__row{grid-template-columns:1fr 1fr;gap:1.6rem}}
  .d-person{
    display:grid;grid-template-columns:90px 1fr;gap:1rem;align-items:center;
    background:rgba(244,245,245,.03);
    border:1px solid var(--line-light);
    padding:.9rem;
    transition:border-color .2s,background .2s;
  }
  .d-person:hover{border-color:var(--pink);background:rgba(255,24,148,.06)}
  .d-person__photo{
    width:90px;height:90px;
    overflow:hidden;
    border:2px solid var(--pink);
    background:var(--navy-deep);
  }
  .d-person__photo img{width:100%;height:100%;object-fit:cover}
  .d-person__body{display:flex;flex-direction:column;gap:.25rem;min-width:0}
  .d-person__name{
    font-family:var(--display);font-weight:400;
    font-size:1.15rem;letter-spacing:0;line-height:1;color:#fff;
    text-transform:uppercase;
  }
  .d-person__role{
    font-family:var(--body);font-weight:600;
    font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
    color:rgba(255,255,255,.65);
  }
  .d-person__bio{
    font-family:var(--body);font-size:.85rem;line-height:1.4;
    color:rgba(255,255,255,.78);margin-top:.2rem;
  }

  /* ---------- FLAGSHIP STREAMS — Newsletter + 4 feeds ---------- */
  .flagship{background:var(--navy-ink)}
  .flagship .flagship__pair{display:none}
  .d-streams{
    display:grid;grid-template-columns:1fr;gap:1rem;
    position:relative;z-index:2;
  }
  @media(min-width:760px){.d-streams{grid-template-columns:1fr 1fr;gap:1.4rem}}
  @media(min-width:1180px){.d-streams{grid-template-columns:repeat(2,1fr);gap:1.6rem}}

  /* Rail wrapper for the 4 supporting cards.
     Desktop: transparent — children participate in parent grid.
     Mobile: becomes a horizontal scroll rail (overridden in mobile block). */
  .d-streams__rail{display:contents}

  .flagship__sub{
    font-family:var(--body);font-size:.96rem;line-height:1.45;
    color:rgba(255,255,255,.75);
    max-width:48ch;
    margin-top:.6rem;
  }

  /* Featured newsletter card spans both columns */
  .d-stream--feature{
    grid-column:1/-1;
    border:1px solid var(--line-light);
    background:rgba(255,24,148,.04);
    padding:1.8rem 1.5rem;
    display:flex;flex-direction:column;gap:1.2rem;
    position:relative;
    transition:border-color .25s, background .25s;
  }
  @media(min-width:760px){.d-stream--feature{padding:2.2rem 2.2rem;gap:1.4rem}}
  .d-stream--feature::before{
    content:"";position:absolute;top:-1px;left:0;
    width:64px;height:3px;background:var(--pink);
  }
  .d-stream--feature:hover{border-color:var(--pink);background:rgba(255,24,148,.07)}
  .d-stream--feature .feat-head{
    display:grid;grid-template-columns:1fr;gap:.5rem;
  }
  @media(min-width:880px){.d-stream--feature .feat-head{grid-template-columns:1fr auto;align-items:end;gap:2rem}}
  .d-stream--feature .feat-head .lead{display:flex;flex-direction:column;gap:.5rem}
  .d-stream__starthere{
    position:relative;top:auto;right:auto;
    align-self:flex-start;
    font-family:var(--body);font-weight:800;
    font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
    background:var(--pink);color:#fff;
    padding:.4rem .55rem;border-radius:2px;
    display:inline-flex;align-items:center;gap:.4rem;
  }
  @media(min-width:880px){.d-stream__starthere{align-self:flex-end;margin-bottom:.4rem}}
  .d-stream__starthere .arr{font-family:var(--display);font-weight:400;font-size:.9rem;line-height:1}
  .d-stream--feature .kicker{
    font-family:var(--body);font-weight:800;
    font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
    color:#fff;
  }
  .d-stream--feature .name{
    font-family:var(--display);font-weight:400;
    font-size:clamp(2.2rem,4.6vw,3.2rem);line-height:.95;
    color:#fff;text-transform:uppercase;letter-spacing:0;
    margin:0;
  }
  .d-stream--feature .name em{font-style:normal;color:var(--pink)}
  .d-stream--feature .dek{
    font-family:var(--body);font-size:1.02rem;line-height:1.5;
    color:rgba(255,255,255,.85);max-width:60ch;
  }
  .d-stream--feature .feat-bottom{
    display:block;
    padding-top:1rem;
    border-top:1px solid var(--line-light);
  }
  .d-stream--feature .what{
    display:flex;flex-direction:column;gap:.5rem;
  }
  .d-stream--feature .what h4{
    font-family:var(--body);font-weight:700;
    font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
    color:rgba(255,255,255,.6);
    margin:0;
  }
  .d-stream--feature .what ul{
    list-style:none;
    display:grid;grid-template-columns:1fr 1fr;
    gap:.4rem 1.2rem;margin:0;padding:0;
  }
  @media(max-width:560px){.d-stream--feature .what ul{grid-template-columns:1fr}}
  .d-stream--feature .what li{
    font-family:var(--body);font-size:.92rem;line-height:1.35;
    color:rgba(255,255,255,.86);
    padding-left:.95rem;position:relative;
  }
  .d-stream--feature .what li::before{
    content:"";position:absolute;left:0;top:.55em;
    width:6px;height:6px;background:var(--pink);
  }
  .d-stream--feature .cta{
    display:inline-flex;align-items:center;justify-content:center;gap:1rem;
    font-family:var(--body);font-weight:800;
    font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
    background:var(--pink);color:#fff;
    padding:1rem 1.4rem;border-radius:2px;
    transition:transform .2s, background .2s;
    white-space:nowrap;
    align-self:end;
  }
  .d-stream--feature .cta:hover{background:#fff;color:var(--pink);transform:translateY(-2px)}

  /* Standard stream card */
  .d-stream{
    border:1px solid rgba(244,245,245,.16);
    background:rgba(255,255,255,.04);
    padding:1.6rem 1.4rem 1.4rem;
    display:flex;flex-direction:column;gap:.7rem;
    position:relative;
    transition:border-color .25s, background .25s, transform .25s;
  }
  .d-stream:hover{border-color:var(--pink);background:rgba(255,24,148,.07);transform:translateY(-2px)}
  .d-stream .kicker{
    font-family:var(--body);font-weight:800;
    font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
    color:#fff;
  }
  .d-stream .name{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.5rem,3vw,2rem);line-height:.96;
    color:#fff;text-transform:uppercase;letter-spacing:0;
  }
  .d-stream .name em{font-style:normal;color:var(--pink)}
  .d-stream .dek{
    font-family:var(--body);font-size:.96rem;line-height:1.55;
    color:rgba(255,255,255,.78);max-width:42ch;
  }
  .d-stream .meta{display:none}
  .d-stream .more{
    margin-top:auto;
    padding-top:1rem;
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
    color:#fff;
    display:inline-flex;align-items:center;gap:.4rem;
  }
  .d-stream .more .arr{color:var(--pink)}
  .d-stream:hover .more{color:var(--pink)}
  .d-inside{
    display:grid;grid-template-columns:1fr;gap:.8rem;margin-top:1.4rem;
  }
  @media(min-width:640px){.d-inside{grid-template-columns:1fr 1fr;gap:1rem}}
  @media(min-width:1080px){.d-inside{grid-template-columns:repeat(3,1fr)}}
  .d-inside__row{
    display:flex;flex-direction:column;
    gap:.65rem;
    padding:1.4rem 1.3rem 1.3rem;
    background:#fff;
    border:1px solid var(--line);
    transition:border-color .2s, background .2s, transform .2s;
    position:relative;
    min-height:230px;
  }
  .d-inside__row:hover{border-color:var(--pink);background:var(--soft);transform:translateY(-2px)}
  .d-inside__row .num{
    font-family:var(--display);font-weight:400;font-size:1.5rem;
    color:var(--pink);line-height:1;letter-spacing:0;
    text-transform:uppercase;
  }
  .d-inside__row .micro{
    font-family:var(--body);font-weight:700;font-size:.58rem;
    letter-spacing:.22em;text-transform:uppercase;color:var(--ink);
  }
  .d-inside__row h3{
    font-family:var(--display);font-weight:400;font-size:1.5rem;
    color:var(--navy);line-height:1;letter-spacing:0;text-transform:uppercase;
  }
  .d-inside__row p{
    font-family:var(--body);font-size:.92rem;line-height:1.5;
    color:var(--ink);max-width:34ch;
  }
  .d-inside__row .visit{
    margin-top:auto;padding-top:.4rem;
    display:flex;align-items:center;justify-content:space-between;gap:.4rem;
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--navy);
    border-top:1px solid var(--line);
    padding-top:.85rem;
    transition:color .2s;
  }
  .d-inside__row:hover .visit{color:var(--pink)}
  .d-inside__row .visit .arr{color:var(--pink);font-size:1rem;font-weight:700}

  /* ---------- PULL QUOTE (B's serif with mark) ---------- */
  .d-pull{
    background:var(--soft);
    padding:3.6rem 0;
    border-bottom:1px solid var(--line);
  }
  .d-pull .wrap{display:flex;align-items:flex-start;gap:1.4rem}
  .d-pull .mark{
    font-family:var(--body);font-style:italic;font-weight:300;
    font-size:6rem;line-height:.8;
    color:var(--pink);
    flex-shrink:0;
  }
  .d-pull q{
    font-family:var(--body);font-style:italic;font-weight:400;
    font-size:clamp(1.4rem,3.8vw,2.4rem);line-height:1.22;
    color:var(--navy);max-width:26ch;
    quotes:none;
    text-wrap:balance;
    letter-spacing:-.005em;
  }
  .d-pull q .hl{color:var(--pink);font-weight:500}
  .d-pull cite{
    display:block;margin-top:1rem;
    font-style:normal;
    font-family:var(--body);font-weight:700;
    font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;
    color:var(--ink);
  }

  /* ---------- CATEGORIES INDEX (the depth) ---------- */
  .d-index{
    margin-top:1.6rem;
    border-top:2px solid var(--navy);
  }
  .d-index__row{
    display:grid;
    grid-template-columns:1fr;
    gap:.9rem;
    padding:1.4rem 0;
    border-bottom:1px solid var(--line);
    align-items:start;
  }
  @media(min-width:880px){
    .d-index__row{
      grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);
      gap:1.6rem;
      padding:1.5rem 0;
      align-items:center;
    }
  }
  .d-index__row:hover .d-index__name{color:var(--pink)}
  .d-index__num{
    font-family:var(--display);font-weight:400;
    font-size:1.4rem;letter-spacing:0;color:var(--pink);line-height:1;
    text-transform:uppercase;
  }
  @media(min-width:880px){.d-index__num{font-size:1.8rem}}
  .d-index__head{display:flex;flex-direction:column;gap:.35rem;min-width:0}
  .d-index__name{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.4rem,2.6vw,2rem);line-height:1;
    color:var(--navy);text-transform:uppercase;letter-spacing:0;
    transition:color .2s;
    margin:0;
  }
  .d-index__promise{
    font-family:var(--body);font-style:italic;font-weight:400;
    font-size:.92rem;line-height:1.4;color:var(--ink);max-width:42ch;
  }
  .d-index__subs{
    grid-column:2/-1;
    display:flex;flex-wrap:wrap;gap:.35rem;
    margin-top:.4rem;
  }
  @media(min-width:880px){.d-index__subs{grid-column:auto;margin-top:0}}
  .d-index__subs span{
    font-family:var(--body);font-weight:600;
    font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
    color:var(--navy);
    background:var(--soft);
    border:1px solid var(--line);
    padding:.32rem .55rem;
    border-radius:2px;
    line-height:1;
    white-space:nowrap;
  }
  /* Show only first 5 chips, then "+ more" indicator */
  .d-index__subs span:nth-of-type(n+6){display:none}
  .d-index__subs::after{
    content:"+ more";
    font-family:var(--body);font-weight:700;
    font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
    color:var(--pink);
    background:#fff;
    border:1px solid var(--pink);
    padding:.32rem .55rem;
    border-radius:2px;
    line-height:1;
    white-space:nowrap;
  }

  /* ---------- PLAN — 3 step posters ---------- */
  .d-plan{
    background:#fff;
    padding:3.6rem 0 4rem;
    border-bottom:1px solid var(--line);
    position:relative;
    overflow:hidden;
  }
  .d-plan__grid{
    list-style:none;
    display:grid;grid-template-columns:1fr;gap:0;
    margin-top:2rem;padding:0;
    border-top:1px solid var(--line);
  }
  @media(min-width:880px){.d-plan__grid{grid-template-columns:repeat(3,1fr);gap:0;border-top:none}}
  .d-plan__step{
    background:transparent;
    border:none;
    border-bottom:1px solid var(--line);
    padding:1.6rem 0 1.8rem;
    display:flex;flex-direction:column;gap:.7rem;
    position:relative;
    transition:background .25s, transform .25s;
    min-height:auto;
  }
  @media(min-width:880px){
    .d-plan__step{
      padding:2rem 1.6rem 2rem;
      border-bottom:none;
      border-right:1px solid var(--line);
      min-height:380px;
    }
    .d-plan__step:last-child{border-right:none}
  }
  .d-plan__step::before{display:none}
  .d-plan__step:hover{background:var(--soft)}
  .d-plan__num{
    font-family:var(--display);font-weight:400;
    font-size:clamp(5rem,10vw,8rem);
    letter-spacing:-.02em;line-height:.85;
    color:var(--pink);
    text-transform:uppercase;
    margin:0;
  }
  .d-plan__h{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.6rem,2.4vw,2rem);line-height:1;letter-spacing:0;
    color:var(--navy);text-transform:uppercase;
    margin:.4rem 0 0;
    max-width:18ch;
  }
  .d-plan__p{
    font-family:var(--body);font-size:1rem;line-height:1.55;
    color:var(--ink);max-width:36ch;
  }
  .d-plan__cta{
    margin-top:auto;padding-top:1rem;
    font-family:var(--body);font-weight:800;
    font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--navy);
    display:inline-flex;align-items:center;justify-content:flex-start;gap:.6rem;
    line-height:1;
    border-top:none;
  }
  .d-plan__step:hover .d-plan__cta{color:var(--pink)}
  .d-plan__cta .arr{color:var(--pink);font-size:1.2rem;font-weight:700;line-height:1;position:relative;top:-0.07em;transition:transform .25s}
  .d-plan__step:hover .d-plan__cta .arr{transform:translateX(4px)}

  /* ---------- SCROLL PROGRESS BAR ---------- */
  .scroll-progress{
    position:fixed;top:0;left:0;
    height:3px;
    background:var(--pink);
    width:0;
    z-index:200;
    transition:width .08s linear;
    pointer-events:none;
  }

  /* ---------- FAQ ---------- */
  .d-faq{
    background:var(--soft);
    padding:3.4rem 0;
    border-bottom:1px solid var(--line);
  }
  .d-faq__list{
    margin-top:1.6rem;
    border-top:2px solid var(--navy);
  }
  .d-faq__item{border-bottom:1px solid var(--line)}
  .d-faq__item summary{
    list-style:none;cursor:pointer;
    padding:1.2rem 0;
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.1rem,2.2vw,1.5rem);line-height:1.1;
    letter-spacing:0;text-transform:uppercase;color:var(--navy);
  }
  .d-faq__item summary::-webkit-details-marker{display:none}
  .d-faq__item summary .icon{
    flex-shrink:0;width:24px;height:24px;
    display:flex;align-items:center;justify-content:center;
    color:var(--pink);
    font-family:var(--display);font-weight:400;font-size:1.4rem;line-height:1;
    transition:transform .25s;
  }
  .d-faq__item[open] summary .icon{transform:rotate(45deg)}
  .d-faq__item[open] summary{color:var(--pink)}
  .d-faq__answer{
    padding:0 0 1.4rem;
    font-family:var(--body);font-size:1rem;line-height:1.6;
    color:var(--ink);max-width:64ch;
  }
  .d-faq__answer p{margin:0 0 .7rem}
  .d-faq__answer p:last-child{margin-bottom:0}
  .d-faq__answer strong{color:var(--navy);font-weight:600}

  /* ============================================================
     GLOBAL: anchor-jump offset so sticky nav doesn't hide section tops
     ============================================================ */
  html{scroll-padding-top:80px}
  @media(max-width:720px){html{scroll-padding-top:64px}}
  /* Defensive: prevent horizontal scroll regardless of any wide child */
  html,body{overflow-x:clip}

  /* ============================================================
     Neutralize layout reservations from styles.css that no longer apply:
     - styles.css reserves body padding-bottom:64px on mobile/tablet for a
       bottom tab bar that doesn't exist on this WordPress page.
     - The optional scroll progress bar is hidden because there's no JS
       to populate it here (the theme handles its own progress UI if any).
     ============================================================ */
  @media (max-width: 1079px){
    body{padding-bottom:0 !important}
  }
  .scroll-progress{display:none}

  /* ============================================================
     A11Y + TAP TARGETS — footer links were 16px tall.
     Give every footer link a proper 44px hit area on every device.
     ============================================================ */
  .foot__col ul li{margin:0}
  .foot__col ul li a,
  .foot__col ul li{
    display:block;
    padding:.55rem 0;
    line-height:1.3;
  }

  /* ============================================================
     MOBILE-ONLY OPTIMIZATIONS (≤720px)
     Tighter rhythm, fixed hero submark, no impact on desktop.
     ============================================================ */
  @media (max-width: 720px){

    /* ---------- HERO: fix submark + compress ---------- */
    .d-cover{padding:1rem 0 0}
    .d-cover__inner{padding-bottom:1.6rem}
    .d-cover__submark{
      top:.9rem; right:1rem;
      height:54px;
    }
    .d-cover__eyebrow{
      padding-right:78px;          /* reserve space for the submark */
      margin-bottom:1rem;
      font-size:.6rem; letter-spacing:.2em;
      gap:.5rem;
    }
    .d-cover__eyebrow .bar{width:20px}
    .d-cover__display{
      font-size:clamp(3.4rem,16vw,5.6rem);
      margin:0 0 1rem;
    }
    .d-cover__sub{padding:1rem 0 0; gap:1.1rem}
    .d-cover__sub p{font-size:.92rem; line-height:1.5}
    /* Right-size the primary CTA on mobile — was nearly full-width and oversized */
    .d-cover__cta-row .primary{
      width:auto !important;
      padding:.95rem 1.25rem !important;
      font-size:.72rem !important;
      letter-spacing:.14em !important;
      gap:.7rem !important;
      justify-content:flex-start !important;
      min-height:44px;             /* WCAG tap target */
    }
    .d-cover__cta-row .primary .arr{font-size:1.1rem !important}

    /* ---------- STATS: tighten ---------- */
    .d-stats__head{padding:1.6rem 0 1rem; gap:.7rem}
    .d-stats__def{font-size:1rem; line-height:1.4}
    .d-stats__cell{padding:.95rem .85rem; gap:.2rem}
    .d-stats__n{font-size:1.5rem}
    .d-stats__l{font-size:.7rem; line-height:1.35}

    /* ---------- EDITOR'S LETTER: tighten + smaller portrait ---------- */
    .d-letter{padding:2rem 0 2rem}
    .d-letter__head{margin-bottom:1.2rem; padding-bottom:.7rem}
    .d-letter__grid{gap:1.4rem}
    .d-letter__portrait{aspect-ratio:4/3; max-height:340px}
    .d-letter__portrait img{object-position:center 18%}
    .d-letter__body{gap:.7rem}
    .d-letter__hed{font-size:1.7rem; line-height:1.02}
    .d-letter__dek{font-size:1rem; line-height:1.4}
    .d-letter__copy{font-size:.96rem; line-height:1.5}
    .d-letter__copy p+p{margin-top:.5rem}

    /* ---------- SHORT FILM: tighten ---------- */
    .d-film-section{padding:2rem 0}
    .d-film-caption{margin-top:1rem; font-size:.95rem}

    /* ---------- PULL QUOTE: tighten ---------- */
    .d-pull{padding:2.2rem 0}
    .d-pull .wrap{gap:.8rem}
    .d-pull .mark{font-size:4rem; line-height:.7}
    .d-pull q{font-size:1.3rem; line-height:1.2}
    .d-pull cite{margin-top:.6rem}

    /* ---------- MANIFESTO: tighten ---------- */
    .d-manifesto{padding:2.4rem 0 2.2rem}
    .d-manifesto__head{margin-bottom:1rem}
    .d-manifesto__lead{font-size:2rem; margin-bottom:1rem}
    .d-manifesto__stakes{margin:-.4rem 0 1rem; padding-left:.6rem; font-size:1rem}
    .d-manifesto__bridge{margin-bottom:1.2rem}

    /* ---------- LINEUP (flagship): tighten ---------- */
    .flagship{padding:2.2rem 0 2.2rem !important}
    .flagship__head{margin-bottom:1.2rem; padding-bottom:.8rem}
    .d-streams{gap:.9rem !important}
    .d-stream{padding:1.2rem 1.1rem 1.1rem; gap:.5rem}
    .d-stream--feature{padding:1.4rem 1.2rem 1.2rem; gap:.9rem}
    .d-stream--feature .cta{padding:.85rem 1.1rem; font-size:.72rem; align-self:flex-start}
    .d-stream--feature .feat-bottom{padding-top:.8rem}
    .d-stream .dek{font-size:.92rem; line-height:1.45}
    .d-stream .more{padding-top:.5rem}

    /* ---------- WHAT WE COVER (d-index): tighten ---------- */
    section.block{padding:2.2rem 0 !important}
    .block__head{margin-bottom:1rem; padding-bottom:.7rem}
    .d-index{margin-top:1rem}
    .d-index__row{padding:1rem 0; gap:.7rem; grid-template-columns:1fr}
    .d-index__num{font-size:1.2rem}
    .d-index__name{font-size:1.25rem}
    .d-index__promise{font-size:.88rem; line-height:1.35}
    .d-index__subs{gap:.3rem; margin-top:.3rem}
    .d-index__subs span{font-size:.58rem; padding:.28rem .45rem}
    /* Show fewer chips on mobile to keep rows compact */
    .d-index__subs span:nth-of-type(n+4){display:none}

    /* ---------- WHAT'S INSIDE: tighten ---------- */
    .d-inside{margin-top:1rem; gap:.7rem}
    .d-inside__row{padding:1.1rem 1.05rem 1.05rem; min-height:0; gap:.5rem}
    .d-inside__row p{font-size:.9rem; line-height:1.42}
    .d-inside__row .visit{padding-top:.7rem}

    /* ---------- FOUNDER: tighten ---------- */
    .d-founder__hero{padding:1.6rem var(--pad-x) 1rem !important}
    .d-founder__hero .name-xl{font-size:clamp(2rem,8vw,3rem) !important}
    .d-founder__hero .quote-xl{font-size:1.15rem; line-height:1.3; margin-top:.3rem}
    .d-founder__media{aspect-ratio:5/4; max-height:360px}
    .d-founder__body{padding:1.4rem var(--pad-x) 1.6rem !important; gap:.6rem}
    .d-founder__body .label{margin:0 0 .2rem}
    .d-founder__body h2,
    .d-founder__body .quote{font-size:1.5rem; line-height:1.05}
    .d-founder__body .quote{font-size:1.05rem; line-height:1.35}
    .d-founder__body p{font-size:.94rem; line-height:1.5}
    .d-founder__truth{padding:1.4rem var(--pad-x)}
    .d-founder__truth .row{padding:.7rem 0}
    .d-founder__team{padding:1.6rem var(--pad-x); padding-top:1.6rem}
    .d-founder__team-grid{gap:1rem}
    .d-people{padding:1.4rem var(--pad-x); gap:1rem}
    .d-people__head{flex-direction:column; align-items:flex-start; gap:.3rem}

    /* ---------- AUTHORITY STRIP: auto-scrolling ticker (mobile) ---------- */
    /* Stacked vertical list looked generic. Replace with a magazine-style
       marquee ticker — dynamic, compact, "trusted by" energy. */
    section[data-screen-label="08 Authority strip"]{padding:1.4rem 0 1.6rem !important; overflow:hidden}
    section[data-screen-label="08 Authority strip"] > div:first-child{ /* the bg grid */
      mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,#000,transparent 80%) !important;
    }
    .auth-strip{margin-top:0 !important; padding-top:0 !important; border-top:none !important}
    .auth-strip .key{
      font-size:.62rem !important;
      letter-spacing:.22em !important;
      margin-bottom:1rem !important;
      text-align:center;
      display:block;
    }
    /* Break the orgs out of the wrap padding so the ticker bleeds edge-to-edge */
    .auth-strip .orgs{
      display:flex !important;
      flex-wrap:nowrap !important;
      gap:0 !important;
      align-items:center !important;
      margin:0 calc(-1 * var(--pad-x)) !important;
      padding:.6rem 0 !important;
      overflow:hidden !important;
      position:relative;
      mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
      -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
    }
    .auth-strip .orgs span{
      font-family:var(--display) !important;
      font-weight:800 !important;
      font-size:.92rem !important;
      letter-spacing:.04em !important;
      line-height:1 !important;
      flex-shrink:0;
      padding:0 1rem;
      color:rgba(255,255,255,.92);
    }
    /* Animate the WHOLE row so timing stays in sync across duplicated spans */
    .auth-strip .orgs{
      animation:authTicker 32s linear infinite;
    }
    /* Pink dot separator between every chip */
    .auth-strip .orgs span::after{
      display:inline-block !important;
      content:"" !important;
      width:5px !important; height:5px !important;
      border-radius:50% !important;
      background:var(--pink) !important;
      opacity:.7 !important;
      margin:0 0 0 1.6rem !important;
      vertical-align:middle;
    }
    /* Logo variant on mobile: drop the dots, space via padding, size the logos */
    .auth-strip .orgs--logos span::after{display:none !important}
    .auth-strip .orgs--logos span{padding:0 1.15rem !important}
    .auth-strip .orgs--logos img{height:30px !important;width:auto;max-width:150px}
    @keyframes authTicker{
      from{transform:translateX(0)}
      to{transform:translateX(-50%)} /* slide one full set, loops seamlessly */
    }
    @media(prefers-reduced-motion:reduce){
      .auth-strip .orgs{
        animation:none !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
      }
      .auth-strip .orgs span{animation:none !important}
    }
    /* Hide the duplicated clones from assistive tech */
    .auth-strip .orgs span[aria-hidden="true"]{}

    /* ---------- WHAT IT IS NOT: tighten ---------- */
    .not-list .not-row{padding:.85rem 0 !important; gap:.25rem !important}
    .not-list .neg{font-size:1.05rem !important}
    .not-list .pos{font-size:.95rem !important; line-height:1.42 !important}

    /* ---------- AUTHORITY (Featured Experts): tighten ---------- */
    .authority{padding:2rem 0 !important}
    .authority h2{font-size:1.6rem; line-height:1.08}
    .authority p{font-size:1rem; line-height:1.5; margin-bottom:.9rem}

    /* ---------- PLAN: tighten ---------- */
    .d-plan{padding:2.2rem 0 2.4rem}
    .d-plan__grid{margin-top:1.2rem}
    .d-plan__step{padding:1.2rem 0 1.4rem; gap:.45rem}
    .d-plan__num{font-size:4.2rem}
    .d-plan__h{font-size:1.4rem; margin-top:.2rem}
    .d-plan__p{font-size:.95rem; line-height:1.45}
    .d-plan__cta{padding-top:.6rem}

    /* ---------- FAQ: tighten + smaller summary ---------- */
    .d-faq{padding:2.2rem 0}
    .d-faq__list{margin-top:1.1rem}
    .d-faq__item summary{
      padding:.95rem 0;
      font-size:1rem; line-height:1.2;
    }
    .d-faq__answer{padding:0 0 1rem; font-size:.94rem; line-height:1.5}
    .d-faq__answer p{margin:0 0 .55rem}

    /* ---------- CLOSE: tighten ---------- */
    .close{padding:2.4rem 0 !important}

    /* ---------- FORCES (manifesto cards): tighten ---------- */
    .d-force{padding:1rem 1.05rem 1.05rem !important}
    .d-force .n{font-size:.62rem}
    .d-force h3{font-size:1.15rem !important; line-height:1.1 !important}
    .d-force p{font-size:.92rem !important; line-height:1.4 !important}

    /* ============================================================
       MOBILE REDESIGNS — different layouts, not just tighter
       ============================================================ */

    /* ---------- (1) LINEUP: horizontal scroll rail for supporting cards ---------- */
    .d-streams{display:flex !important; flex-direction:column; gap:1rem !important}
    .d-streams__rail{
      display:flex !important;
      flex-direction:row;
      gap:.75rem;
      overflow-x:auto;
      overflow-y:hidden;
      scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      /* break out of section padding so cards can scroll edge-to-edge */
      margin:0 calc(-1 * var(--pad-x));
      padding:.2rem var(--pad-x) .8rem;
    }
    .d-streams__rail::-webkit-scrollbar{display:none}
    .d-streams__rail > .d-stream{
      flex:0 0 78%;
      max-width:300px;
      min-height:240px;
      scroll-snap-align:start;
      padding:1.2rem 1.1rem 1.1rem;
    }
    .d-streams__rail > .d-stream .dek{
      /* Tighter copy in the rail context */
      display:-webkit-box;
      -webkit-line-clamp:4;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    /* Hint that more cards exist to the right */
    .d-streams__rail::after{
      content:"";
      flex:0 0 var(--pad-x);
    }

    /* ---------- (2) WHAT WE COVER: tap-to-expand accordion ---------- */
    .d-index{margin-top:.8rem}
    .d-index__row{
      grid-template-columns:1fr 28px !important;
      gap:.6rem !important;
      padding:1rem 0 !important;
      align-items:center !important;
      cursor:pointer;
    }
    .d-index__row .d-index__head{
      grid-column:1 / 2;
    }
    .d-index__row::after{
      content:"+";
      grid-column:2 / 3;
      justify-self:end;
      font-family:var(--display); font-weight:400;
      font-size:1.6rem; line-height:1; color:var(--pink);
      width:24px; height:24px;
      display:flex; align-items:center; justify-content:center;
      transition:transform .25s ease;
    }
    .d-index__row.is-open::after{
      content:"+";
      transform:rotate(45deg);
    }
    .d-index__row.is-open{
      align-items:start !important;
      padding-bottom:1.2rem !important;
    }
    .d-index__row.is-open::after{
      margin-top:.4rem;
    }
    /* Collapsed by default on mobile */
    .d-index__promise,
    .d-index__subs{
      display:none !important;
    }
    .d-index__row.is-open .d-index__promise{
      display:block !important;
      grid-column:1 / 3;
      margin-top:.5rem;
    }
    .d-index__row.is-open .d-index__subs{
      display:flex !important;
      grid-column:1 / 3;
      margin-top:.6rem;
    }
    /* Show ALL chips when expanded (override the n+4 hide) */
    .d-index__row.is-open .d-index__subs span:nth-of-type(n+4){display:inline-block !important}
    /* When expanded, drop the "+ more" pseudo since chips are now all visible */
    .d-index__row.is-open .d-index__subs::after{display:none}

    /* ---------- (3) WHAT'S INSIDE: 2-col compact grid ---------- */
    .d-inside{
      grid-template-columns:1fr 1fr !important;
      gap:.55rem !important;
      margin-top:1rem;
    }
    .d-inside__row{
      padding:.85rem .8rem .75rem !important;
      min-height:0 !important;
      gap:.3rem !important;
    }
    .d-inside__row .num{font-size:1.05rem !important}
    .d-inside__row .micro{font-size:.5rem !important; letter-spacing:.18em}
    .d-inside__row h3{
      font-size:1.05rem !important;
      line-height:1.05 !important;
    }
    .d-inside__row p{display:none !important}
    .d-inside__row .visit{
      padding-top:.55rem !important;
      font-size:.55rem !important;
      letter-spacing:.14em !important;
    }
    .d-inside__row .visit .arr{font-size:.85rem !important}

    /* ---------- (4) EDITOR'S LETTER: circular avatar instead of big portrait ---------- */
    .d-letter__grid{
      grid-template-columns:1fr !important;
      gap:1rem !important;
    }
    .d-letter__portrait{
      aspect-ratio:1 !important;
      width:96px !important;
      height:96px !important;
      max-height:none !important;
      border-radius:50%;
      overflow:hidden;
      align-self:flex-start;
      flex-shrink:0;
      background:var(--navy-deep);
    }
    .d-letter__portrait img{
      object-position:center top !important;
    }
    .d-letter__portrait .corner,
    .d-letter__portrait .caption{display:none !important}

    /* ---------- (5) FOUNDER: hide redundant "the standard" column ---------- */
    /* The team-grid's second column ("The standard") restates points already
       made in the stats strip and "What it is not". Hide on mobile. */
    .d-founder__team-grid > :nth-child(2){display:none !important}
    /* Tighten the people CTA row */
    .d-people{padding-top:1rem !important}
    .d-people__head .h{font-size:1.2rem !important; line-height:1.15 !important}
    .d-team-cta{
      flex-direction:column !important;
      align-items:flex-start !important;
      gap:1rem !important;
      padding:1.1rem !important;
    }
    .d-team-cta__copy{font-size:.95rem !important; line-height:1.45 !important}
  }


/* =============================================================================
 * 3. WORDPRESS BLOCK-EDITOR QUIRK-FIXES
 * Added for the Gutenberg port. Scoped to this page via the body template
 * class. These undo side effects of Gutenberg's block wrappers — they do NOT
 * change the intended design.
 * ============================================================================= */

/* (1) FLOW-LAYOUT CHILD-MARGIN RESET
 * Each section is wrapped as a wp:group (.wp-block-group.is-layout-flow). WP
 * core injects a vertical "block gap" margin between the group's direct
 * children, fighting the designed spacing. Zero it — the designer's own
 * padding/margins (via .d-* classes) still apply. */
body.page-about-grit-guide .wp-block-group.is-layout-flow > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* (2) FULL-BLEED GROUP RESET
 * Stop any constrained-layout max-width / auto-centering from boxing in our
 * full-width sections. Each section manages its own inner width. */
body.page-about-grit-guide main > .wp-block-group,
body.page-about-grit-guide section.wp-block-group {
  max-width: none !important;
  margin-left: 0;
  margin-right: 0;
}

/* (3) SWAPPABLE-IMAGE WRAPPER RESET
 * The two Stefanie photos are wp:image blocks; WP wraps each <img> in
 * <figure class="wp-block-image">. display:contents dissolves that wrapper so
 * the <img> lays out like the original direct-child <img>, keeping the
 * absolutely-positioned corner marks, caption, badge, and nameplate aligned. */
body.page-about-grit-guide .d-letter__portrait .wp-block-image,
body.page-about-grit-guide .d-founder__media .wp-block-image {
  display: contents;
}

/* (4) BUTTON FOCUS / ACTIVE TEXT-COLOR LOCK
 * The Elementor Kit's global button styles can override link/button text colour
 * on :focus / :active. Re-lock the hero CTA to its designed colours
 * (#fff by default, pink on hover). If other CTAs show the same flicker in QA,
 * add their selectors here the same way. */
body.page-about-grit-guide .d-cover__cta-row .primary:focus,
body.page-about-grit-guide .d-cover__cta-row .primary:active,
body.page-about-grit-guide .d-cover__cta-row .primary:focus .arr,
body.page-about-grit-guide .d-cover__cta-row .primary:active .arr {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.page-about-grit-guide .d-cover__cta-row .primary:hover,
body.page-about-grit-guide .d-cover__cta-row .primary:hover .arr {
  color: var(--pink) !important;
  -webkit-text-fill-color: var(--pink) !important;
}

/* (5) SWAPPABLE VIDEO WRAPPER + SIZING  (short-film section)
 * The short film is a wp:video block so it can be swapped from the editor.
 * WP wraps it in <figure class="wp-block-video">; dissolve that wrapper and
 * apply the original .d-film__video sizing to the inner <video> so it fills the
 * .d-film frame beneath the poster/overlay (which the JS hides once playing). */
body.page-about-grit-guide .d-film figure.wp-block-video {
  display: contents;
}
body.page-about-grit-guide .d-film .wp-block-video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: var(--navy-deep);
  z-index: 1;
}

/* (6) CLOSE HEADLINE MAX-WIDTH OVERRIDE
 * The source markup had inline style="max-width:none" on the closing <h2>.
 * The core Heading block can't carry that inline style while staying editable,
 * so the override lives here instead. Keeps the closing headline from being
 * clamped by the global heading max-width, preserving its intended line breaks. */
body.page-about-grit-guide .close h2 {
  max-width: none;
}

/* (7) ARROW GLYPHS — FORCE TEXT PRESENTATION
 * The northeast arrow ↗ (U+2197) defaults to EMOJI presentation in many
 * browsers (a blue boxed arrow that ignores CSS color). The real fix is the
 * U+FE0E text-presentation selector appended after each ↗ in the pattern
 * markup. This rule is belt-and-suspenders for browsers that support
 * font-variant-emoji, and harmless on plain text arrows (→). */
body.page-about-grit-guide .arr,
body.page-about-grit-guide .cta span {
  font-variant-emoji: text;
}

/* (8) CATEGORIES "+ MORE" — DESKTOP EXPAND
 * Each category row shows the first 5 tags plus a "+ more" chip (a CSS
 * ::after on .d-index__subs). On mobile the row accordion already reveals the
 * rest when .is-open. These rules add the same reveal on desktop so the
 * "+ more" affordance actually does something: the JS toggles .is-open on a
 * placeholder row, and this shows the remaining tags + hides the chip.
 * Scoped to >=721px so it never collides with the mobile accordion rules. */
@media (min-width: 721px) {
  body.page-about-grit-guide .d-index__row.is-open .d-index__subs span:nth-of-type(n+6) {
    display: inline-block;
  }
  body.page-about-grit-guide .d-index__row.is-open .d-index__subs::after {
    display: none;
  }
}

/* (9) ALL CONTENT HEADINGS -> BEBAS NEUE
 * The design's global rule (h1,h2,h3,h4 { font-family:var(--display) }) is
 * low-specificity and, inside WordPress, loses to the Elementor global heading
 * font for any heading that doesn't also carry a more-specific design class.
 * That's why a few editable, class-less headings (e.g. the Founder "The
 * company"/"The standard" h3s) were rendering in the theme's heading font
 * instead of Bebas Neue. Scoping to the content wrapper raises specificity so
 * Bebas wins for every heading in the article body — and because it's scoped
 * to .about-grit-guide-main, the Elementor header/footer are untouched.
 * Weight is pinned to 400 (Bebas ships a single weight) to avoid faux-bold. */
.about-grit-guide-main h1,
.about-grit-guide-main h2,
.about-grit-guide-main h3,
.about-grit-guide-main h4,
.about-grit-guide-main h5,
.about-grit-guide-main h6 {
  font-family: var(--display) !important;
  font-weight: 400 !important;
}

/* (10) DIAGONAL "VISIT" / "APPLY" ARROWS -> VECTOR, NOT EMOJI
 * The ↗ (U+2197) renders as a colour emoji (the blue box) in many browsers.
 * Neither the FE0E text-presentation selector (which only helps if the pattern
 * block is re-inserted) nor font-variant-emoji (limited browser support)
 * reliably fixes a block already placed on the page. So we hide the glyph and
 * draw a real arrow with a CSS mask, painted with the element's own text colour
 * (currentColor) so it stays pink on the visit links and follows the button
 * colour on the Featured Experts CTA — including on hover. CSS-only: just
 * re-upload this file, no block re-insert needed. */
.about-grit-guide-main .d-inside__row .visit .arr,
.about-grit-guide-main .authority .cta span {
  display: inline-block;
  vertical-align: middle;
  width: 0.92em;
  height: 0.92em;
  /* hide the original emoji glyph without losing the text colour */
  line-height: 1;
  overflow: hidden;
  text-indent: 2em;
  white-space: nowrap;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 17L17 7M9 7h8v8' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}