/* ============================================================
   MARKESHA KIRKMAN — THE HOMEPAGE
   Potential needs the right conditions.
   80% restraint. 20% surprise. Surprise from ideas, not decoration.
   ============================================================ */

:root{
  --ink:#1b1613;
  --ink-soft:#3a322c;
  --ink-deep:#100c0a;
  --cream:#f4efe7;
  --paper:#faf7f1;
  --coral:#d85c3e;
  --coral-deep:#b6472c;
  --coral-wash:#f3ddd0;
  --coral-wash-deep:#ecd0be;
  --line:rgba(27,22,19,0.14);
  --line-light:rgba(250,247,241,0.22);
  --serif:"Fraunces", "Iowan Old Style", Georgia, serif;
  --sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --mono:"Space Mono", monospace;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}

.sr-only{
  position:absolute; width:1px; height:1px;
  padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Visible, consistent focus state for keyboard users across all
   interactive elements. Never rely on browser default alone. */
a:focus-visible,
button:focus-visible{
  outline:2px solid var(--coral);
  outline-offset:3px;
  border-radius:2px;
}
.site-header a:focus-visible,
.nav-mobile a:focus-visible{
  outline-color:var(--coral);
  outline-offset:4px;
}
.continue a:focus-visible{
  outline-color:#f0a888;
}

.grain{
  position:fixed; inset:0; z-index:999; pointer-events:none;
  opacity:0.035; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size:140px 140px;
}

/* ============ HEADER / NAV ============ */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:80;
  display:flex; justify-content:space-between; align-items:center;
  padding:1.5rem 2.4rem;
  font-family:var(--mono);
  color:var(--paper);
  transition:background 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease;
}
.site-header.is-scrolled{
  background:rgba(250,247,241,0.92);
  backdrop-filter:blur(10px);
  color:var(--ink);
  padding:1.05rem 2.4rem;
  box-shadow:0 1px 0 var(--line);
}
.mark-link{display:flex; align-items:center; gap:0.5rem;}
.site-header .mark{font-weight:700; font-size:0.72rem; letter-spacing:0.14em;}
.mark-dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--coral);
  flex-shrink:0;
}

.site-nav{display:flex; align-items:center; gap:1.9rem; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase;}
.site-nav a{opacity:0.9; transition:opacity 0.2s ease;}
.site-nav a:hover{opacity:1;}
.nav-cta{
  padding:0.5rem 1rem;
  border:1px solid currentColor;
  border-radius:100px;
}
.site-header.is-scrolled .nav-cta{
  border-color:var(--coral);
  background:var(--coral);
  color:var(--paper);
}

.nav-toggle{
  display:none;
  width:34px; height:34px;
  background:none; border:none; cursor:pointer;
  flex-direction:column; justify-content:center; align-items:flex-end; gap:5px;
}
.nav-toggle span{
  display:block; width:100%; height:1.5px; background:currentColor;
  transition:transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;
}
.nav-toggle span:nth-child(2){width:70%;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg); width:100%;}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg); width:100%;}

.nav-mobile{
  position:fixed; inset:0; z-index:70;
  background:var(--ink-deep);
  display:flex; flex-direction:column; justify-content:center; gap:1.6rem;
  padding:2rem 2.2rem;
  transform:translateY(-100%);
  transition:transform 0.45s cubic-bezier(.19,1,.22,1);
}
.nav-mobile.is-open{transform:translateY(0);}
.nav-mobile a{
  font-family:var(--serif); font-size:2rem; color:var(--paper); font-weight:400;
}

/* ============ HERO ============ */
.hero{
  position:relative;
  height:100vh;
  min-height:640px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.hero-media{position:absolute; inset:0; z-index:1;}
.hero-img{
  width:100%; height:100%; object-fit:cover;
  object-position:62% 42%;
  transform:scale(1.05);
  filter:saturate(1.02) contrast(1.02);
}
.hero-veil{
  position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(20,15,10,0.44) 0%, rgba(20,15,10,0.1) 42%, rgba(20,15,10,0.03) 60%);
}

.hero-content{
  position:relative; z-index:5;
  padding:0 2.4rem;
  max-width:900px;
}

.hero-headline{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(2.6rem, 7.2vw, 6.4rem);
  line-height:1.02;
  color:var(--paper);
  letter-spacing:-0.01em;
  text-shadow:0 2px 18px rgba(16,12,10,0.55);
}
.line-wrap{display:block; overflow:hidden;}
.line{
  display:block;
  transform:translateY(105%);
  animation:riseUp 1.05s cubic-bezier(.19,1,.22,1) forwards;
}
.line-wrap:nth-of-type(1) .line{animation-delay:0.15s;}
.line-wrap:nth-of-type(2) .line{animation-delay:0.32s;}
.line-wrap:nth-of-type(3) .line{animation-delay:0.49s;}
.line.accent{
  font-style:italic;
  font-weight:400;
  color:#f0a888;
}

.hero-sub{
  margin-top:1.4rem;
  font-family:var(--serif);
  font-style:italic;
  font-size:1.15rem;
  color:#ecdccf;
  text-shadow:0 2px 14px rgba(16,12,10,0.55);
  opacity:0;
  animation:riseIn 1s ease forwards 1s;
}

@keyframes riseUp{to{transform:translateY(0);}}
@keyframes riseIn{to{opacity:1; transform:translateY(0);}}

.scroll-cue{
  position:absolute; bottom:2rem; left:2.4rem; z-index:5;
  display:flex; align-items:center; gap:0.7rem;
  opacity:0;
  animation:riseIn 1s ease forwards 1.6s;
}
.cue-tick{
  width:1px; height:34px;
  background:linear-gradient(180deg, rgba(250,247,241,0.9), transparent);
  animation:tickPulse 2.4s ease-in-out infinite;
}
@keyframes tickPulse{
  0%,100%{transform:scaleY(1); opacity:0.7;}
  50%{transform:scaleY(1.4); opacity:1;}
}
.cue-text{
  font-family:var(--mono); font-size:0.66rem; letter-spacing:0.08em;
  color:#d8cdba; text-transform:uppercase;
}

/* ============ DISCOVER ============ */
.discover{
  background:var(--paper);
  padding:8rem 0 7rem;
}
.discover-inner{
  max-width:920px;
  margin:0 auto;
  padding:0 2.4rem;
}
.discover-intro{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(1.2rem,2.6vw,1.5rem);
  color:var(--ink-soft);
  margin-bottom:5rem;
  max-width:30ch;
}
.discover-item{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:2.2rem;
  align-items:center;
  margin-bottom:6.5rem;
}
.discover-item-r{
  grid-template-columns:0.9fr 1.1fr;
}
.discover-item-r .discover-media{order:2;}
.discover-item-r figcaption{order:1;}
.discover-media{overflow:hidden; border-radius:2px;}
.discover-media img{width:100%; aspect-ratio:4/3; object-fit:cover;}
.discover-item figcaption{
  font-family:var(--serif);
  font-size:clamp(1.15rem,2.3vw,1.5rem);
  line-height:1.4;
  color:var(--ink);
}
.discover-bridge{
  margin-top:3rem;
  text-align:center;
  font-family:var(--mono);
  font-size:0.78rem;
  letter-spacing:0.06em;
  color:var(--ink-soft);
  text-transform:uppercase;
}

/* ============ RECOGNIZE ============ */
.recognize{
  background:var(--ink-deep);
  color:var(--paper);
  padding:8rem 0;
}
.recognize-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 2.4rem;
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:4rem;
  align-items:center;
}
.recognize-headline{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(2.4rem, 5.6vw, 4.4rem);
  line-height:1.08;
  color:var(--paper);
}
.recognize-body{
  margin-top:1.8rem;
  font-size:1.05rem;
  line-height:1.7;
  color:rgba(250,247,241,0.78);
  max-width:46ch;
}
.recognize-figure{overflow:hidden; border-radius:2px;}
.recognize-figure img{width:100%; aspect-ratio:4/5; object-fit:cover;}
.recognize-figure figcaption{
  margin-top:1rem;
  font-family:var(--mono);
  font-size:0.72rem;
  letter-spacing:0.04em;
  color:rgba(250,247,241,0.55);
}

/* ============ UNDERSTAND ============ */
.understand{
  background:var(--paper);
  padding:9rem 0;
  position:relative;
}
.understand-inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 2.4rem;
  text-align:center;
}
.understand-kicker{
  font-family:var(--mono); font-size:0.74rem; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--coral-deep); margin-bottom:2.6rem;
}
.terms{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline;
  gap:1.2rem 1.4rem;
  position:relative;
}
.term{max-width:280px;}
.term h3{line-height:1.1;}
.term p{margin-top:0.5rem; font-size:0.92rem; color:var(--ink-soft); line-height:1.4;}
.term-x{
  font-family:var(--serif); font-style:italic; font-size:1.6rem;
  color:var(--line); align-self:center;
}
.term-identity h3{
  font-family:var(--serif); font-style:italic; font-weight:500;
  font-size:clamp(2rem,4.6vw,3rem); color:var(--ink);
}
.term-systems h3{
  font-family:var(--mono); font-weight:700; letter-spacing:0.02em;
  font-size:clamp(1.1rem,2.6vw,1.5rem); color:var(--ink-soft);
  text-transform:uppercase;
}
.term-relationships h3{
  font-family:var(--serif); font-weight:400;
  font-size:clamp(1.6rem,3.6vw,2.3rem); color:var(--coral-deep);
}
.term-figure{
  position:absolute;
  right:-2%;
  top:-3.5rem;
  width:120px;
  transform:rotate(4deg);
  box-shadow:0 14px 30px rgba(27,22,19,0.18);
  border:6px solid var(--paper);
}
.term-figure img{width:100%; aspect-ratio:1/1; object-fit:cover;}

.draw-line{
  display:block;
  width:0;
  height:1px;
  background:var(--line);
  margin:3.4rem auto 0;
  transition:width 1.1s cubic-bezier(.19,1,.22,1);
}
.draw-line.is-visible{width:180px;}

.understand-question{
  margin-top:2.4rem;
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(1.7rem,4vw,2.6rem);
  line-height:1.2;
  color:var(--ink);
}
.understand-stamp{
  display:inline-block;
  margin-top:1.6rem;
  font-family:var(--mono);
  font-size:0.72rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--paper);
  background:var(--coral);
  padding:0.55rem 1.1rem;
  border-radius:2px;
}
.understand-stamp span{font-size:0.6em; vertical-align:super;}

/* ============ PROVE / EVIDENCE ============ */
.prove{
  background:var(--cream);
  padding:7rem 0 5rem;
}
.prove-inner{
  max-width:920px;
  margin:0 auto 3rem;
  padding:0 2.4rem;
  text-align:center;
}
.prove-kicker{
  font-family:var(--serif); font-weight:500;
  font-size:clamp(1.8rem,4vw,2.6rem);
}
.prove-sub{
  margin-top:0.8rem;
  font-size:1.02rem;
  color:var(--ink-soft);
}
.stats-row{
  max-width:1100px;
  margin:0 auto;
  padding:1rem 2.4rem 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:3rem 5vw;
  text-align:center;
}
.stat-block{display:flex; flex-direction:column; gap:0.5rem; max-width:19rem;}
.stat-micro{
  font-family:var(--mono);
  font-size:0.66rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--coral-deep);
  opacity:0.75;
}
.stat-number{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(3rem, 7vw, 5.2rem);
  line-height:1;
  color:var(--coral-deep);
  letter-spacing:-0.01em;
}
.stat-label{
  font-family:var(--mono);
  font-size:0.74rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.stat-context{
  margin-top:0.3rem;
  font-family:var(--sans);
  font-size:0.88rem;
  line-height:1.5;
  color:var(--ink-soft);
  opacity:0.85;
}
.prove-close{
  max-width:640px;
  margin:3.5rem auto 0;
  padding:0 2.4rem;
  text-align:center;
  font-size:1rem;
  color:var(--ink-soft);
}

/* ============ EXPERIENCE — THREE WORLDS ============ */
.experience-kicker{
  text-align:center;
  font-family:var(--mono); font-size:0.74rem; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--ink-soft);
  padding:5rem 2.4rem 0;
}

.exp-panel{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:0;
  min-height:78vh;
}
.exp-media{overflow:hidden; height:100%;}
.exp-media img{width:100%; height:100%; object-fit:cover; min-height:420px;}
.exp-text{padding:3.5rem 4vw;}
.exp-label{
  display:block;
  font-family:var(--mono); font-size:0.76rem; letter-spacing:0.1em;
  text-transform:uppercase; margin-bottom:1.2rem;
}
.exp-copy{
  font-family:var(--serif);
  font-size:clamp(1.3rem,2.6vw,1.85rem);
  line-height:1.42;
  max-width:34ch;
}
.exp-cta{
  display:inline-flex; align-items:center; gap:0.5rem;
  margin-top:2rem;
  font-family:var(--mono); font-size:0.78rem; letter-spacing:0.06em;
  text-transform:uppercase;
  border-bottom:1px solid currentColor;
  padding-bottom:0.3rem;
}
.exp-cta span{transition:transform 0.25s ease;}
.exp-cta:hover span{transform:translateX(4px);}

/* Inner Authority — quiet, calm, paper */
.exp-inner{background:var(--paper); color:var(--ink);}
.exp-inner .exp-label{color:var(--coral-deep);}

/* RLX — warm coral-wash, energetic */
.exp-rlx{background:var(--coral-wash); color:var(--ink);}
.exp-rlx .exp-label{color:var(--coral-deep);}
.exp-rlx .exp-media{order:2;}
.exp-rlx .exp-text{order:1;}

/* Human Systems — dark, technical register */
.exp-systems{
  background:var(--ink-deep); color:var(--paper);
  grid-template-columns:1fr;
  display:flex; flex-wrap:wrap;
}
.exp-systems-inner{
  flex:1 1 420px;
  padding:4.5rem 4vw;
}
.exp-systems .exp-label{color:#f0a888;}
.exp-systems .exp-copy{color:rgba(250,247,241,0.86); max-width:38ch;}
.exp-systems-grid{
  display:flex; flex-wrap:wrap; gap:0.6rem 1rem;
  margin-top:1.8rem;
  font-family:var(--mono); font-size:0.7rem; letter-spacing:0.08em;
  color:rgba(250,247,241,0.5);
}
.exp-systems-grid span::after{content:" /"; color:rgba(250,247,241,0.25);}
.exp-systems-grid span:last-child::after{content:"";}
.exp-media-framed{
  flex:1 1 420px;
  min-height:420px;
}
.exp-media-framed img{min-height:100%;}

/* ============ SPEAKING ============ */
.speaking{
  background:var(--ink-deep);
  color:var(--paper);
  padding:8rem 0;
}
.speaking-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 2.4rem;
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:3.5rem;
  align-items:center;
}
.speaking-media{overflow:hidden; border-radius:2px;}
.speaking-media img{width:100%; aspect-ratio:4/5; object-fit:cover;}
.speaking-kicker{
  font-family:var(--serif); font-style:italic; font-weight:500;
  font-size:clamp(1.8rem,3.6vw,2.6rem);
  color:#f0a888;
  margin-bottom:1.4rem;
}
.speaking-copy{
  font-size:1.05rem;
  line-height:1.7;
  color:rgba(250,247,241,0.82);
  max-width:44ch;
}
.speaking-copy-2{margin-top:1.1rem;}
.speaking-topics-label{
  margin-top:2.2rem;
  font-family:var(--mono); font-size:0.72rem; letter-spacing:0.08em;
  text-transform:uppercase; color:rgba(250,247,241,0.5);
}
.speaking-topics{
  list-style:none;
  margin-top:1rem;
  display:flex; flex-wrap:wrap; gap:0.6rem 0.9rem;
}
.speaking-topics li{
  font-family:var(--sans); font-size:0.9rem;
  color:rgba(250,247,241,0.86);
  padding:0.55rem 1rem;
  border:1px solid var(--line-light);
  border-radius:100px;
}
.speaking .exp-cta{margin-top:2.2rem; color:#f0a888;}

/* ============ KNOW HER ============ */
.know-her{
  background:var(--paper);
  padding:8rem 0;
}
.kh-kicker{
  text-align:center;
  font-family:var(--mono); font-size:0.74rem; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--ink-soft);
  margin-bottom:3.5rem;
}
.kh-lead{
  max-width:1180px;
  margin:0 auto 5.5rem;
  padding:0 2.4rem;
  display:grid;
  grid-template-columns:0.8fr 1.2fr;
  gap:3.5rem;
  align-items:center;
}
.kh-lead-media{overflow:hidden; border-radius:2px;}
.kh-lead-media img{width:100%; aspect-ratio:4/5; object-fit:cover;}
.kh-eyebrow{
  font-family:var(--mono); font-size:0.72rem; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--coral-deep);
  margin-bottom:1.2rem;
}
.kh-quote{
  font-family:var(--serif);
  font-size:clamp(1.35rem,2.6vw,1.85rem);
  line-height:1.48;
  color:var(--ink);
  max-width:38ch;
}
.kh-tag{
  margin-top:1.6rem;
  font-family:var(--sans);
  font-size:1rem;
  color:var(--ink-soft);
}
.kh-grid{
  max-width:1180px;
  margin:0 auto;
  padding:0 2.4rem;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1.4rem;
}
.kh-item{grid-column:span 2;}
.kh-img{overflow:hidden;}
.kh-img img{width:100%; aspect-ratio:1/1; object-fit:cover;}
.kh-text{
  display:flex; align-items:center;
  font-family:var(--serif); font-size:clamp(1.2rem,2.4vw,1.5rem);
  line-height:1.4; color:var(--ink);
  padding:1.4rem;
}

/* ============ CONTINUE ============ */
.continue{
  background:var(--ink-deep);
  color:var(--paper);
  padding:9rem 0 0;
}
.continue-inner{
  max-width:760px;
  margin:0 auto;
  padding:0 2.4rem;
  text-align:center;
}
.continue-headline{
  font-family:var(--serif); font-weight:500; font-style:italic;
  font-size:clamp(3rem, 8vw, 5.6rem);
  color:#f0a888;
}
.continue-sub{
  margin-top:1.6rem;
  font-size:1.1rem;
  line-height:1.7;
  color:rgba(250,247,241,0.8);
}
.pathways{
  margin-top:4rem;
  display:flex; flex-direction:column;
  border-top:1px solid var(--line-light);
}
.pathway{
  display:flex; justify-content:space-between; align-items:center;
  min-height:44px;
  padding:1.5rem 0.4rem;
  border-bottom:1px solid var(--line-light);
  font-family:var(--serif); font-size:clamp(1.1rem,2.4vw,1.4rem);
  transition:padding-left 0.25s ease, color 0.25s ease;
}
.pathway:hover{padding-left:0.8rem; color:#f0a888;}
.p-arrow{font-family:var(--sans); transition:transform 0.25s ease;}
.pathway:hover .p-arrow{transform:translateX(6px);}

.site-footer{
  margin-top:4.5rem;
  padding:1.8rem 2.4rem;
  display:flex; justify-content:space-between;
  font-family:var(--mono); font-size:0.68rem; letter-spacing:0.08em;
  color:rgba(250,247,241,0.5);
  border-top:1px solid var(--line-light);
}

/* ============ scroll reveal ============
   Default state fully visible (safe baseline). JS opts elements
   into the hidden-then-reveal animation, so content can never be
   stuck invisible for no-JS / crawlers / slow script execution. */
.fade-up{ opacity:1; transform:none; }
.fade-up.js-fade{
  opacity:0;
  transform:translateY(24px);
  transition:opacity 0.9s cubic-bezier(.19,1,.22,1), transform 0.9s cubic-bezier(.19,1,.22,1);
}
.fade-up.js-fade.is-visible{ opacity:1; transform:translateY(0); }

.img-pop.js-fade{ transform:translateY(18px) scale(0.94) rotate(0deg); }
.img-pop.term-figure.js-fade{ transform:translateY(18px) scale(0.9) rotate(4deg); }
.img-pop.term-figure.js-fade.is-visible{ transform:translateY(0) scale(1) rotate(4deg); }

/* ============ responsive ============ */
@media (max-width:900px){
  .site-header{padding:1.2rem 1.4rem;}
  .site-nav{display:none;}
  .nav-toggle{display:flex;}
  .hero-content{padding:0 1.4rem;}
  .scroll-cue{left:1.4rem;}

  .discover{padding:6rem 0 5rem;}
  .discover-inner{padding:0 1.4rem;}
  .discover-intro{margin-bottom:3.5rem;}
  .discover-item, .discover-item-r{
    grid-template-columns:1fr;
    gap:1.2rem;
    margin-bottom:4rem;
  }
  .discover-item-r .discover-media{order:0;}
  .discover-item-r figcaption{order:0;}

  .recognize{padding:5.5rem 0;}
  .recognize-inner{grid-template-columns:1fr; gap:2.4rem;}

  .understand{padding:6.5rem 0;}
  .understand-inner{padding:0 1.4rem;}
  .terms{flex-direction:column; gap:1.6rem;}
  .term-x{display:none;}
  .term-figure{position:static; margin:1.6rem auto 0; transform:rotate(2deg);}

  .experience-kicker{padding:4rem 1.4rem 0;}
  .exp-panel{grid-template-columns:1fr; min-height:auto;}
  .exp-media img{min-height:280px;}
  .exp-text{padding:2.6rem 1.4rem;}
  .exp-rlx .exp-media{order:0;}
  .exp-rlx .exp-text{order:1;}
  .exp-systems-inner{padding:3rem 1.4rem;}
  .exp-media-framed{min-height:280px;}

  .speaking{padding:5.5rem 0;}
  .speaking-inner{grid-template-columns:1fr; gap:2rem; padding:0 1.4rem;}
  .speaking-media img{aspect-ratio:4/3;}

  .know-her{padding:6rem 0;}
  .kh-lead{grid-template-columns:1fr; gap:1.6rem; padding:0 1.4rem; margin-bottom:3.5rem;}
  .kh-lead-media img{aspect-ratio:4/3;}
  .kh-grid{padding:0 1.4rem; grid-template-columns:repeat(2,1fr); gap:1rem;}
  .kh-item{grid-column:span 1;}
  .kh-text{font-size:1.05rem; padding:0.8rem;}

  .stats-row{gap:2.4rem 8vw;}

  .continue{padding:6rem 0 0;}
  .pathway{font-size:1.1rem;}
}

@media (max-width:560px){
  .hero-img{object-position:34% 22%;}
  .hero-veil{background:linear-gradient(180deg, rgba(16,12,10,0.5) 0%, rgba(16,12,10,0.42) 38%, rgba(16,12,10,0.12) 62%, rgba(16,12,10,0.04) 100%);}
  .hero-headline{font-size:clamp(2.1rem,10vw,3.2rem); line-height:1.08;}
  .hero-sub{margin-top:1rem;}
  .recognize-headline{font-size:clamp(2rem,9vw,2.8rem);}
  .continue-headline{font-size:clamp(2.4rem,14vw,3.6rem);}
  .prove-kicker{font-size:1.5rem;}
  .term-identity h3{font-size:2rem;}
  .stats-row{gap:2.6rem 6vw;}
  .stat-block{max-width:16rem;}
  .nav-cta{min-height:36px; display:inline-flex; align-items:center;}
  .exp-cta, .pathway{min-height:44px;}
}

/* ============ reduced motion ============ */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *, *::before, *::after{
    animation-duration:0.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.001ms !important;
  }
  .line{transform:none;}
  .hero-sub, .scroll-cue{opacity:1;}
  .cue-tick{animation:none;}
  .fade-up.js-fade{opacity:1; transform:none;}
  .hero-img{transform:scale(1.05) !important;}
}