/* ---------- the name story (sticky stage + scrolling chapters) ---------- */
.mstory{padding-top:clamp(70px,9vw,130px);padding-bottom:clamp(40px,6vw,90px)}
.mstory .sec-head h2 em{color:var(--mag-hi)}
.mstory-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.mstory-stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:96px 0 40px}
.mstory-art{width:min(100%,560px);aspect-ratio:480/440;position:relative}
.mstory-art svg{width:100%;height:100%;overflow:visible}
.mstory-art .hl{fill:none;stroke:var(--cream);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mstory-art .mk-line{fill:none;stroke:var(--mag);stroke-width:1.9;stroke-linejoin:miter}
.mstory-art .mk-node{fill:none;stroke:var(--mag);stroke-width:1.6}
.mstory-art .mk-flag{fill:var(--mag)}
.mstory-art svg{filter:drop-shadow(0 0 22px rgba(63,206,213,.35))}
.mstory-cap{position:relative;height:1.6em;width:100%;text-align:center;color:var(--mag-hi)}
.mstory-cap span{position:absolute;left:0;right:0;top:0;opacity:0}
.mstory-cap span:last-child{opacity:1}
.mstory-ch{min-height:88vh;min-height:88svh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;transition:opacity .5s var(--ease-out)}
.mstory-ch .when{color:var(--mag-hi);margin:0 0 18px}
.mstory-ch h3{margin:0 0 20px;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1;letter-spacing:-.04em;font-weight:700}
.mstory-ch p{margin:0 0 14px;max-width:32rem;color:var(--muted);font-size:clamp(17px,1.4vw,20px)}
.mstory-ch p strong{color:var(--cream);font-weight:500}
.mstory-ch .pull{color:var(--cream);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.18;letter-spacing:-.02em;font-weight:600;padding-left:20px;border-left:3px solid var(--mag);margin-top:12px}
.mstory.js-story .mstory-ch{opacity:.28}
.mstory.js-story .mstory-ch.is-active{opacity:1}
@media (max-width:899px){
  .mstory-grid{grid-template-columns:1fr;gap:0}
  .mstory-stage{top:84px;height:auto;padding:8px 0 22px;z-index:2;background:var(--ink);gap:8px}
  .mstory-stage::after{content:"";position:absolute;left:0;right:0;top:100%;height:40px;background:linear-gradient(var(--ink),transparent);pointer-events:none}
  .mstory-art{width:min(62vw,300px)}
  .mstory-ch{min-height:0;padding:14svh 0}
  .mstory-chapters{padding-bottom:min(340px,80vw)}
}

/* ---------- founder (text-led, timeline) ---------- */
.founder-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.founder h2{margin:0;font-size:clamp(3rem,8vw,7.5rem);line-height:.9;letter-spacing:-.05em;font-weight:700}
.founder .role{color:var(--mag-hi);margin:0 0 20px}
.founder .prose p:first-child{margin-top:0}
.timeline{list-style:none;margin:clamp(56px,8vw,110px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative}
.timeline::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:var(--line)}
.timeline li{position:relative;padding:44px clamp(12px,2vw,28px) 0 0;min-width:0}
.timeline li::before{content:"";position:absolute;left:0;top:2px;width:15px;height:15px;border-radius:50%;background:var(--ink);border:2px solid var(--mag)}
.timeline li:first-child::before,.timeline li:last-child::before{background:var(--mag)}
.timeline .yr{display:block;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--mag-hi);margin-bottom:14px}
.timeline h3{margin:0 0 6px;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}
.timeline p{margin:0;color:var(--muted);font-size:15px;max-width:22rem}
@media (max-width:860px){
  .founder-head{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr;gap:28px;padding-left:30px}
  .timeline::before{left:7px;right:auto;top:0;bottom:0;width:1px;height:auto}
  .timeline li{padding:0}
  .timeline li::before{left:-30px;top:6px}
}