/* =========================================================
   INNER PAGES (about / results / tactile) — same system as the homepage (site.css)
   ========================================================= */
section[id]{scroll-margin-top:96px}
.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:var(--g7)}
.sec.white{background:var(--white)} .sec.paper{background:var(--paper)} .sec.sage{background:var(--sage)}
.sec.green{background:var(--g9);color:var(--cream)}
.lead+.actions,.body+.actions,.support+.actions{margin-top:28px}
.body{color:var(--ink-2);margin-top:20px;max-width:36em}
.dark .body{color:rgba(246,242,231,.78)}
.support{margin-top:20px;padding-inline-start:20px;border-inline-start:2px solid var(--gold);font-family:var(--display);font-size:25px;line-height:1.55;font-weight:500;color:var(--g7);max-width:26em}
.dark .support{color:var(--gold-l);border-color:var(--gold-l)}

/* sub-page hero */
.hero.sub{padding-block:56px 104px}
.hero.sub .h1{font-size:clamp(40px,4.3vw,66px);line-height:1.2;max-width:none}
.hero.sub .lead{max-width:34em}
.hero.sub .flag{margin-bottom:16px}
.hero-row{margin-top:72px;padding-top:40px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:start}
.hero-row .body,.hero-row .support{margin-top:0}
.pfig{margin:0}
.pfig .ph{aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#050505;box-shadow:0 30px 60px -40px rgba(15,46,30,.55)}
.pfig .ph img{width:100%;height:100%;object-fit:cover}
.pfig figcaption{margin-top:14px;font-size:14px;color:var(--ink-3);line-height:1.7}
.pfig figcaption b{display:block;font-family:var(--display);font-weight:700;font-size:24px;color:var(--g9);line-height:1.3}

/* diagnosis cards with a warning rule (about · beat 2) */
.pcards{display:grid;gap:16px}
.pcard{background:var(--paper);border-radius:18px;padding:28px 30px;border-inline-start:3px solid var(--gold)}
.pcard h3{font-family:var(--display);font-weight:700;font-size:28px;line-height:1.3;color:var(--g9)}
.pcard p{margin-top:8px;font-size:16.5px;line-height:1.85;color:var(--ink-2)}

/* milestones (about · beat 3) */
.ms-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.ms{background:var(--white);border-radius:20px;padding:30px 30px 28px;border:1px solid var(--line)}
.ms .y{display:block;font-family:var(--display);font-weight:700;font-size:46px;line-height:1;color:var(--gold-d)}
.ms h3{margin-top:14px;font-family:var(--display);font-weight:700;font-size:27px;line-height:1.3;color:var(--g9)}
.ms p{margin-top:8px;font-size:16px;line-height:1.85;color:var(--ink-2)}
.ms.key{background:var(--g8);border-color:var(--g8)}
.ms.key .y{color:var(--gold-l)} .ms.key h3{color:var(--cream)} .ms.key p{color:rgba(246,242,231,.8)}
.said{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:28px;align-items:end;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.said blockquote{margin:0;font-family:var(--display);font-weight:600;font-size:30px;line-height:1.5;color:var(--g9)}
.said blockquote small{display:block;font-family:var(--sans);font-size:13.5px;font-weight:500;color:var(--ink-3);margin-top:6px}

/* root tree (about · signature) */
.tree{margin-top:64px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:56px;align-items:center;padding-top:56px;border-top:1px solid var(--line-l)}
.tree .rootset{display:flex;gap:12px}
.tree .rt{width:112px;text-align:center}
.tree .rt .ph{aspect-ratio:3/4;border-radius:12px;background:var(--cream);display:flex;align-items:flex-end;justify-content:center;padding:10px 8px 0;overflow:hidden}
.tree .rt img{width:100%;height:100%;object-fit:contain;object-position:bottom}
.tree .rt b{display:block;font-family:var(--display);font-weight:700;font-size:44px;line-height:1;color:var(--gold-l);margin-top:12px}
.tree .cap{font-size:13px;color:rgba(246,242,231,.6);margin-top:14px;line-height:1.7;max-width:360px}
.branches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.branches li{border:1px solid var(--line-l);border-radius:16px;padding:18px 22px;background:rgba(246,242,231,.04);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .tree:not(.play) .branches li{opacity:0;transform:translateX(18px)}
.tree.play .branches li:nth-child(2){transition-delay:.15s}.tree.play .branches li:nth-child(3){transition-delay:.3s}.tree.play .branches li:nth-child(4){transition-delay:.45s}
.branches .rw{display:block;font-family:var(--display);font-weight:700;font-size:54px;line-height:1.2}
.branches .rw .r{color:var(--gold-l)} .branches .rw .p{color:var(--cream)}
.branches small{display:block;font-size:13.5px;color:rgba(246,242,231,.62);margin-top:2px}
.brand-note{margin-top:18px;font-size:14.5px;color:rgba(246,242,231,.7)}
.brand-note b{font-family:var(--display);font-size:22px;color:var(--gold-l);font-weight:700}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.pillar{padding:26px 26px 24px;border-radius:18px;border:1px solid var(--line-l)}
.pillar h3{font-family:var(--display);font-weight:700;font-size:26px;line-height:1.35;color:var(--cream);min-height:2.7em}
.pillar p{margin-top:10px;font-size:15.5px;line-height:1.85;color:rgba(246,242,231,.74)}

/* archive card (about · beat 5) */
.archive{border-radius:22px;background:var(--g9);color:var(--cream);padding:40px 38px 34px}
.archive .y{display:block;font-family:var(--display);font-weight:700;font-size:96px;line-height:.9;color:var(--gold-l)}
.archive .lbl{font-size:13px;font-weight:600;color:rgba(246,242,231,.6);margin-bottom:18px;display:flex;gap:10px;align-items:center}
.archive .lbl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-l)}
.archive ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.archive li{display:flex;gap:12px;font-size:15.5px;line-height:1.7;color:rgba(246,242,231,.86)}
.archive li::before{content:"";flex:none;width:7px;height:7px;margin-top:10px;border-radius:2px;background:var(--gold-l);transform:rotate(45deg)}
.archive .actions{margin-top:28px}
.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.duo .pcard{background:var(--white)}
.duo .pcard h3{font-size:24px}

/* stages with flow arrows (about · beat 6) */
.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:56px}
.stage{position:relative;background:var(--paper);border-radius:20px;padding:30px 30px 28px}
.stage+.stage::before{content:"";position:absolute;inset-inline-start:-34px;top:50%;width:24px;height:24px;margin-top:-12px;background:no-repeat center/24px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a67c2a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E")}
.stage .k{font-size:13px;font-weight:600;color:var(--gold-d)}
.stage h3{margin-top:6px;font-family:var(--display);font-weight:700;font-size:30px;line-height:1.3;color:var(--g9)}
.stage p{margin-top:10px;font-size:16px;line-height:1.85;color:var(--ink-2)}

/* CTA cards on dark */
.cta.plain .cta-in{display:block;padding-block:104px 96px}
.cta-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end}
.cta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.ccard{background:var(--cream);color:var(--ink);border-radius:18px;padding:26px 26px 22px;display:flex;flex-direction:column}
.ccard h3{font-family:var(--display);font-weight:700;font-size:26px;line-height:1.3;color:var(--g9)}
.ccard p{margin-top:8px;font-size:15.5px;line-height:1.85;color:var(--ink-2)}
.ccard .go{margin-top:auto;padding-top:16px;display:flex;flex-wrap:wrap;gap:8px 18px}
.ccard .go a{font-size:15px;font-weight:600;color:var(--g7);border-bottom:1.5px solid rgba(35,80,44,.3);padding-bottom:2px;transition:border-color .3s}
.ccard .go a:hover{border-color:var(--g7)}
.cta-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:36px;padding-top:28px;border-top:1px solid var(--line-l)}
.cta-foot p{font-size:15.5px;color:rgba(246,242,231,.72);max-width:36em}

/* guide sheet (results hero) */
.doc{margin:0}
.doc .sheet{display:block;background:#fff;border-radius:6px;padding:22px 20px;box-shadow:0 1px 0 rgba(21,35,26,.06),0 34px 60px -34px rgba(15,46,30,.45);transform:rotate(-1.2deg);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.doc .sheet:hover{transform:rotate(0) translateY(-4px);box-shadow:0 1px 0 rgba(21,35,26,.06),0 40px 70px -34px rgba(15,46,30,.5)}
.doc img{width:100%;height:auto}
.doc figcaption{margin-top:22px;font-size:14px;color:var(--ink-3);line-height:1.7}
.doc figcaption b{display:block;font-family:var(--display);font-weight:700;font-size:24px;color:var(--g9)}

/* counters (results hero) */
.counters{display:flex;flex-wrap:wrap;gap:16px 44px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.counter b{display:block;font-family:var(--display);font-weight:700;font-size:46px;line-height:1;color:var(--gold-d)}
.counter span{display:block;font-size:14px;color:var(--ink-3);margin-top:8px;max-width:22em;line-height:1.6}
.hero-note{margin-top:14px;font-size:14px;color:var(--ink-3)}

/* 3 steps with connectors (results · beat 2) */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:64px;counter-reset:s}
.step{position:relative;counter-increment:s;padding-top:30px;border-top:2px solid var(--g8)}
.step::before{content:counter(s,arabic-indic);position:absolute;top:-19px;inset-inline-start:0;width:36px;height:36px;border-radius:50%;background:var(--g8);color:var(--cream);font-family:var(--display);font-weight:700;font-size:22px;line-height:36px;text-align:center}
.step h3{font-family:var(--display);font-weight:700;font-size:27px;line-height:1.35;color:var(--g9)}
.step p{margin-top:8px;font-size:16px;line-height:1.85;color:var(--ink-2)}
.after-note{margin-top:44px;font-family:var(--display);font-size:24px;color:var(--g7)}

/* stations strip + ledger (results · signature) */
.stations{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden}
.station{padding:22px 24px}
.station+.station{border-inline-start:1px solid var(--line)}
.station b{display:block;font-family:var(--display);font-weight:700;font-size:23px;color:var(--g9);line-height:1.35}
.station p{margin-top:6px;font-size:15px;line-height:1.8;color:var(--ink-2)}
.ledger{margin-top:40px;border-top:2px solid var(--g8)}
.lrow{display:grid;grid-template-columns:150px minmax(0,1fr) 190px;gap:32px;align-items:start;padding:26px 0;border-bottom:1px solid var(--line);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .ledger:not(.play) .lrow{opacity:0;transform:translateY(14px)}
.ledger.play .lrow:nth-child(2){transition-delay:.06s}.ledger.play .lrow:nth-child(3){transition-delay:.12s}.ledger.play .lrow:nth-child(4){transition-delay:.18s}.ledger.play .lrow:nth-child(5){transition-delay:.24s}.ledger.play .lrow:nth-child(6){transition-delay:.3s}.ledger.play .lrow:nth-child(7){transition-delay:.36s}.ledger.play .lrow:nth-child(8){transition-delay:.42s}.ledger.play .lrow:nth-child(9){transition-delay:.48s}
.lrow .y{font-family:var(--display);font-weight:700;font-size:40px;line-height:1.05;color:var(--gold-d)}
.lrow .y small{display:block;font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--ink-3);margin-top:6px}
.lrow h3{font-family:var(--display);font-weight:700;font-size:26px;line-height:1.35;color:var(--g9)}
.lrow p{margin-top:6px;font-size:16px;line-height:1.85;color:var(--ink-2);max-width:40em}
.lrow blockquote{margin:10px 0 0;font-family:var(--display);font-weight:600;font-size:23px;line-height:1.5;color:var(--g7)}
.lrow .src{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-top:6px}
.lrow .src a,.lrow .src span{font-size:13.5px;font-weight:600;color:var(--g7);border-bottom:1px solid rgba(35,80,44,.3);padding-bottom:2px;line-height:1.5}
.lrow .src span{color:var(--ink-3);border:0}
.lrow .src a:hover{border-color:var(--g7)}

/* comparison table (results · beat 4) */
.cmp{margin-top:56px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.cmp-h,.cmp-r{display:grid;grid-template-columns:200px minmax(0,1.15fr) minmax(0,1fr)}
.cmp-h>*{padding:18px 24px}
.cmp-h .us{background:var(--g8);color:var(--cream);font-family:var(--display);font-weight:700;font-size:22px}
.cmp-h .them{background:var(--paper-2);color:var(--ink-3);font-family:var(--display);font-weight:700;font-size:22px}
.cmp-h .crit{background:var(--paper)}
.cmp-r>*{padding:22px 24px;border-top:1px solid var(--line);font-size:16px;line-height:1.8}
.cmp-r .crit{font-family:var(--display);font-weight:700;font-size:22px;color:var(--g9);background:var(--paper);line-height:1.4}
.cmp-r .us{background:rgba(67,119,55,.07);color:var(--ink);display:flex;gap:12px}
.cmp-r .them{color:var(--ink-3);display:flex;gap:12px;background:var(--white)}
.cmp .mk{flex:none;width:22px;height:22px;border-radius:50%;margin-top:3px;display:grid;place-items:center;font-size:13px;line-height:1;font-weight:700}
.cmp .us .mk{background:var(--g5);color:#fff}
.cmp .them .mk{background:var(--paper-2);color:var(--ink-3)}
.cmp-r .lab{display:none}

/* qualify (results · beat 5) */
.qual{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.qcard{background:var(--white);border-radius:18px;padding:28px 28px 26px}
.qcard h3{font-family:var(--display);font-weight:700;font-size:26px;line-height:1.35;color:var(--g9)}
.qcard p{margin-top:8px;font-size:16px;line-height:1.85;color:var(--ink-2)}
.qcard.limit{background:transparent;border:1.5px solid var(--gold)}

/* founder trust block (results · beat 6) */
.trust{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:64px;align-items:center}

/* tactile — touch panel (hero) */
.touch{border-radius:22px;background:var(--g9);padding:34px 32px 28px;color:var(--cream)}
.dots{display:grid;grid-template-columns:repeat(9,1fr);gap:14px;padding:8px 4px 4px}
.dots i{display:block;aspect-ratio:1;border-radius:50%;background:rgba(246,242,231,.13);transform:scale(1);transition:transform .9s var(--ease),background .9s var(--ease)}
.js .touch:not(.play) .dots i{transform:scale(.45)}
.dots i.hi{background:var(--gold-l);box-shadow:0 0 0 6px rgba(217,181,106,.15)}
.touch .lbl{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:26px;padding-top:18px;border-top:1px solid var(--line-l)}
.touch .lbl b{font-family:var(--display);font-weight:700;font-size:30px;color:var(--cream)}
.touch .lbl span{font-size:13px;color:rgba(246,242,231,.62);text-align:end;line-height:1.6}

/* single-column argument with a dot rail */
.rail{position:relative;max-width:46em;padding-inline-start:44px}
.rail::before{content:"";position:absolute;inset-inline-start:7px;top:26px;bottom:10px;width:2px;background:repeating-linear-gradient(to bottom,var(--gold) 0 2px,transparent 2px 14px)}
.rail::after{content:"";position:absolute;inset-inline-start:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--gold)}
.rail .body{max-width:none;font-size:19px;line-height:2}

/* before / after */
.ba{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:56px}
.ba>div{border-radius:20px;padding:32px 34px 30px}
.ba .k{font-size:13.5px;font-weight:600}
.ba p{margin-top:12px;font-family:var(--display);font-weight:600;font-size:27px;line-height:1.55}
.ba .before{background:var(--white);border:1px dashed rgba(21,35,26,.25)}
.ba .before .k{color:var(--ink-3)} .ba .before p{color:var(--ink-2)}
.ba .after{background:var(--g8)}
.ba .after .k{color:var(--gold-l)} .ba .after p{color:var(--cream)}

/* converge stage (tactile · signature) */
.converge{margin-top:56px;border:1px solid var(--line-l);border-radius:22px;padding:56px 32px 44px;text-align:center}
.cv-line{position:relative;height:110px;max-width:680px;margin:0 auto}
.cv-line::before{content:"";position:absolute;left:40px;right:40px;top:50%;height:1px;background:rgba(246,242,231,.2)}
.cv-dot{position:absolute;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;transition:left 1.4s var(--ease),right 1.4s var(--ease)}
.cv-dot.a{right:0;background:var(--gold-l);box-shadow:0 0 0 8px rgba(217,181,106,.16)}
.cv-dot.b{left:0;background:var(--cream);box-shadow:0 0 0 8px rgba(246,242,231,.12)}
.cv-dot small{position:absolute;top:42px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;font-weight:600;color:rgba(246,242,231,.72);transition:opacity .4s}
.converge.play .cv-dot.a{right:calc(50% - 26px)}
.converge.play .cv-dot.b{left:calc(50% - 26px)}
.converge.play .cv-dot small{opacity:0;transition-delay:.9s}
.cv-word{margin-top:10px;font-family:var(--display);font-weight:700;font-size:clamp(70px,8vw,120px);line-height:1.1;color:var(--gold-l);transition:opacity .8s var(--ease) 1.3s,transform .8s var(--ease) 1.3s}
.js .converge:not(.play) .cv-word{opacity:0;transform:translateY(-14px)}
.cv-cap{font-size:13.5px;color:rgba(246,242,231,.62);margin-top:6px}

/* axes (tactile) */
.axes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.axis{background:var(--white);border-radius:18px;padding:26px 24px 24px}
.axis .n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--gold);font-family:var(--display);font-weight:700;font-size:24px;color:var(--gold-d)}
.axis h3{margin-top:16px;font-family:var(--display);font-weight:700;font-size:25px;line-height:1.35;color:var(--g9);min-height:2.7em}
.axis p{margin-top:8px;font-size:15.5px;line-height:1.85;color:var(--ink-2)}

/* program path (tactile) */
.prog{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:56px;align-items:start}
.plist{list-style:none;margin:0;padding:0;counter-reset:p}
.plist li{counter-increment:p;position:relative;padding:0 0 26px;padding-inline-start:58px}
.plist li::before{content:counter(p,arabic-indic);position:absolute;inset-inline-start:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--g8);color:var(--cream);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:22px}
.plist li::after{content:"";position:absolute;inset-inline-start:18px;top:44px;bottom:6px;width:1.5px;background:var(--line)}
.plist li:last-child::after{display:none}
.plist b{display:block;font-family:var(--display);font-weight:700;font-size:25px;color:var(--g9);line-height:1.35}
.plist p{margin-top:4px;font-size:16px;line-height:1.85;color:var(--ink-2)}
.dur-box{border-radius:18px;background:var(--g8);color:var(--cream);padding:26px 28px}
.dur-box b{display:block;font-family:var(--display);font-weight:700;font-size:46px;line-height:1.05;color:var(--gold-l)}
.dur-box span{font-size:14.5px;color:rgba(246,242,231,.75)}
.outs{display:grid;gap:12px;margin-top:16px}
.out{background:var(--paper);border-radius:16px;padding:20px 22px}
.out b{font-family:var(--display);font-weight:700;font-size:23px;color:var(--g9)}
.out p{margin-top:4px;font-size:15px;line-height:1.8;color:var(--ink-2)}
.facts{margin-top:16px;border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.75}
.facts .k{font-weight:600;color:var(--g7)}
.facts .v{color:var(--ink-2)}

/* proof lines (tactile) */
.plines{list-style:none;margin:48px 0 0;padding:0;border-top:2px solid var(--g8)}
.plines li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.8;color:var(--ink)}
.plines li a,.plines li span{font-size:13.5px;font-weight:600;color:var(--g7);white-space:nowrap}
.plines li a{border-bottom:1px solid rgba(35,80,44,.3);padding-bottom:2px}
.plines li span{color:var(--ink-3)}

@media (prefers-reduced-motion:reduce){
  .js .tree .branches li,.js .ledger .lrow,.js .converge .cv-word{opacity:1!important;transform:none!important}
  .js .touch .dots i{transform:none!important}
  .cv-dot.a{right:calc(50% - 26px)!important}
  .cv-dot.b{left:calc(50% - 26px)!important}
  .cv-dot small{opacity:0}
}
@media (max-width:980px){
  .hero-row,.trust,.prog,.cta-head{grid-template-columns:1fr;gap:36px}
  .ms-row,.pillars,.stages,.cta-cards,.steps3,.qual,.ba{grid-template-columns:1fr}
  .stages{gap:18px}
  .stage+.stage::before{display:none}
  .axes{grid-template-columns:repeat(2,1fr)}
  .stations{grid-template-columns:1fr}
  .station+.station{border-inline-start:0;border-top:1px solid var(--line)}
  .said{grid-template-columns:1fr}
  .tree{grid-template-columns:1fr;gap:32px}
  .pillar h3{min-height:0}
  .lrow{grid-template-columns:110px minmax(0,1fr);gap:20px}
  .lrow .src{grid-column:2;flex-direction:row;flex-wrap:wrap;gap:8px 16px;padding-top:0}
  .cmp-h,.cmp-r{grid-template-columns:140px minmax(0,1fr) minmax(0,1fr)}
  .pfig{max-width:420px}
  .doc{max-width:480px}
  .steps3{gap:52px}
}
@media (max-width:640px){
  .hero.sub{padding-block:40px 72px}
  .hero-row{margin-top:48px;padding-top:28px}
  .tree .rt{width:30%}
  .branches{grid-template-columns:1fr}
  .branches .rw{font-size:46px}
  .duo{grid-template-columns:1fr}
  .archive{padding:30px 24px 26px}
  .archive .y{font-size:72px}
  .lrow{grid-template-columns:1fr;gap:6px;padding:22px 0}
  .lrow .src{grid-column:1}
  .cmp-h{display:none}
  .cmp-r{grid-template-columns:1fr;border-top:1px solid var(--line)}
  .cmp-r>*{border-top:0;padding:10px 18px}
  .cmp-r .crit{padding-top:18px}
  .cmp-r .lab{display:block;font-size:12.5px;font-weight:600;color:var(--ink-3);margin-bottom:2px}
  .axes{grid-template-columns:1fr}
  .axis h3{min-height:0}
  .dots{gap:9px}
  .touch .lbl{flex-direction:column;align-items:flex-start;gap:6px}
  .touch .lbl span{text-align:start}
  .converge{padding:40px 16px 32px}
  .plines li{grid-template-columns:1fr;gap:6px}
  .facts div{grid-template-columns:80px minmax(0,1fr)}
  .counter b{font-size:40px}
  .said blockquote{font-size:26px}
}