@import url("fonts/_fontface.css");

/* ============================================================
   ТОКЕНЫ
   Два грунта: «сцена» всегда тёмная, «документ» следует теме.
   ============================================================ */
:root{
  /* документ — светлая тема */
  --paper:#F2F5F8;
  --surface:#FFFFFF;
  --surface-2:#E7ECF2;
  --ink:#0B1219;
  --ink-2:#475666;
  --ink-3:#6C7C8C;
  --line:#D3DBE4;
  --line-2:#B0BCC9;

  --accent:#1B57B8;
  --accent-2:#DDE8F8;
  --signal:#A96C05;
  --signal-2:#F7EACF;
  --good:#0E6656;
  --good-2:#D2E9E3;
  --alarm:#9C3520;
  --alarm-2:#F4DDD6;
  --mute:#BFC9D4;

  /* сцена — постоянная */
  --scene:#080E14;
  --scene-2:#0E1822;
  --scene-ink:#EDF3F8;
  --scene-ink-2:#93A6B6;
  --scene-line:rgba(237,243,248,.14);

  --ff-display:'Prata',Georgia,'Times New Roman',serif;
  --ff-body:'Golos Text',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ff-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;

  --w:1180px;
  --wn:860px;
  --ease:cubic-bezier(.22,.68,.24,1);
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#0A1015; --surface:#111A22; --surface-2:#18242E;
    --ink:#E9F0F6; --ink-2:#A2B2C0; --ink-3:#7C8E9D;
    --line:#22303B; --line-2:#374754;
    --accent:#79ACF4; --accent-2:#152943;
    --signal:#E3AA4A; --signal-2:#392D14;
    --good:#54C3A7; --good-2:#123128;
    --alarm:#EB805F; --alarm-2:#3A2019;
    --mute:#3B4956;
  }
}
:root[data-theme="dark"]{
  --paper:#0A1015; --surface:#111A22; --surface-2:#18242E;
  --ink:#E9F0F6; --ink-2:#A2B2C0; --ink-3:#7C8E9D;
  --line:#22303B; --line-2:#374754;
  --accent:#79ACF4; --accent-2:#152943;
  --signal:#E3AA4A; --signal-2:#392D14;
  --good:#54C3A7; --good-2:#123128;
  --alarm:#EB805F; --alarm-2:#3A2019;
  --mute:#3B4956;
}
:root[data-theme="light"]{
  --paper:#F2F5F8; --surface:#FFFFFF; --surface-2:#E7ECF2;
  --ink:#0B1219; --ink-2:#475666; --ink-3:#6C7C8C;
  --line:#D3DBE4; --line-2:#B0BCC9;
  --accent:#1B57B8; --accent-2:#DDE8F8;
  --signal:#A96C05; --signal-2:#F7EACF;
  --good:#0E6656; --good-2:#D2E9E3;
  --alarm:#9C3520; --alarm-2:#F4DDD6;
  --mute:#BFC9D4;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--ff-body);font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:2px}
img,svg,canvas{display:block;max-width:100%}

.wrap{max-width:var(--w);margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.narrow{max-width:var(--wn)}
.mono{font-family:var(--ff-mono);font-variant-numeric:tabular-nums}
.eyebrow{
  font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);
}

/* ============================================================
   ПРОГРЕСС И НАВИГАЦИЯ
   ============================================================ */
#progress{
  position:fixed;top:0;left:0;height:2px;width:100%;z-index:120;
  background:linear-gradient(90deg,var(--accent),var(--signal));
  transform:scaleX(0);transform-origin:0 50%;
}
.nav{
  position:fixed;top:0;left:0;right:0;z-index:110;
  display:flex;align-items:center;gap:14px;
  padding:10px clamp(18px,4vw,40px);
  color:var(--scene-ink);
  transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease);
  border-bottom:1px solid transparent;
}
.nav.solid{
  background:color-mix(in srgb,var(--paper) 90%,transparent);
  backdrop-filter:blur(14px) saturate(1.2);
  color:var(--ink);border-bottom-color:var(--line);
}
.nav .logo{
  font-family:var(--ff-mono);font-weight:600;font-size:.82rem;letter-spacing:.1em;
  white-space:nowrap;text-decoration:none;
}
.nav .logo b{font-weight:600}
.nav .logo i{font-style:normal;opacity:.55;font-weight:400}
.nav-links{display:flex;gap:1px;margin-left:auto;flex-wrap:wrap}
.nav-links a{
  font-size:.78rem;text-decoration:none;padding:6px 10px;border-radius:2px;
  opacity:.72;transition:opacity .2s,background .2s;white-space:nowrap;
}
.nav-links a:hover,.nav-links a.on{opacity:1;background:color-mix(in srgb,currentColor 12%,transparent)}
.nav-tools{display:flex;gap:8px;align-items:center}
.seg{display:flex;border:1px solid currentColor;border-radius:2px;overflow:hidden;opacity:.75}
.seg:hover{opacity:1}
.seg button{
  font:inherit;font-size:.72rem;font-weight:600;letter-spacing:.04em;
  background:transparent;color:inherit;border:0;padding:5px 9px;cursor:pointer;min-height:28px;
}
.seg button+button{border-left:1px solid currentColor}
.seg button[aria-pressed="true"]{background:var(--scene-ink);color:var(--scene)}
.nav.solid .seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.iconbtn{
  font:inherit;font-size:.9rem;background:transparent;color:inherit;
  border:1px solid currentColor;border-radius:2px;width:30px;height:30px;
  cursor:pointer;opacity:.75;display:grid;place-items:center;padding:0;
}
.iconbtn:hover{opacity:1}
.pdfbtn{
  font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-decoration:none;
  border:1px solid currentColor;border-radius:2px;padding:6px 11px;opacity:.8;white-space:nowrap;
}
.pdfbtn:hover{opacity:1}
@media (max-width:1080px){.nav-links{display:none}}
@media (max-width:560px){.nav .logo i{display:none}}

/* ============================================================
   СЦЕНА
   ============================================================ */
.scene{position:relative;background:var(--scene);color:var(--scene-ink)}
.scene::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(90ch 60ch at 78% 12%,rgba(60,120,220,.16),transparent 62%),
    radial-gradient(70ch 50ch at 12% 88%,rgba(220,150,50,.10),transparent 62%);
}
.scene-canvas{
  position:sticky;top:0;height:100vh;width:100%;z-index:1;
}
.scene-canvas canvas{width:100%;height:100%}

.hero{
  position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;
  padding:120px 0 80px;margin-top:-100vh;
}
.hero .org{
  font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--scene-ink-2);max-width:58ch;line-height:1.7;font-weight:600;
}
.hero h1{
  font-family:var(--ff-display);
  font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.1;letter-spacing:-.015em;
  margin:24px 0 0;max-width:16ch;
}
.hero h1 .w{display:inline-block}
.hero h1 .w > span{
  display:inline-block;opacity:0;transform:translateY(.42em);
  animation:rise .8s var(--ease) forwards;animation-delay:calc(var(--i) * 52ms + 160ms);
}
@keyframes rise{to{opacity:1;transform:none}}
.hero .deck{
  margin-top:28px;max-width:56ch;font-size:clamp(1rem,1.6vw,1.18rem);
  color:var(--scene-ink-2);opacity:0;animation:fade 1s var(--ease) .9s forwards;
}
@keyframes fade{to{opacity:1}}
.hero .facts{
  display:flex;flex-wrap:wrap;gap:0;margin-top:44px;max-width:900px;
  border-top:1px solid var(--scene-line);
  opacity:0;animation:fade 1s var(--ease) 1.15s forwards;
}
.hero .facts div{
  flex:1 1 118px;padding:14px 16px 12px 0;border-right:1px solid var(--scene-line);
}
.hero .facts div:last-child{border-right:0;padding-right:0}
.hero .facts dt{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--scene-ink-2);line-height:1.4}
.hero .facts dd{
  margin:6px 0 0;font-family:var(--ff-mono);font-size:.98rem;font-weight:600;
  font-variant-numeric:tabular-nums;
}
.hero .wrap{width:100%}
@media (min-width:1001px){
  .hero .wrap > *{max-width:620px}
  .hero .org{max-width:50ch}
}
.scrollcue{
  position:absolute;left:clamp(18px,4vw,40px);bottom:34px;
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--scene-ink-2);
  display:flex;align-items:center;gap:10px;opacity:0;animation:fade 1s var(--ease) 1.5s forwards;
}
.scrollcue i{
  display:block;width:1px;height:30px;background:currentColor;
  animation:cue 2.2s var(--ease) infinite;transform-origin:top;
}
@keyframes cue{0%,100%{transform:scaleY(.25);opacity:.4}50%{transform:scaleY(1);opacity:1}}

.acts{position:relative;z-index:2;pointer-events:none}
.act{
  min-height:100vh;display:flex;align-items:center;
  padding:12vh 0;
}
.act .card{
  max-width:min(46ch,50vw);pointer-events:auto;
  background:color-mix(in srgb,var(--scene) 78%,transparent);
  backdrop-filter:blur(10px);
  border:1px solid var(--scene-line);border-left:2px solid var(--signal);
  padding:26px 28px 28px;
  opacity:0;transform:translateY(24px);
  transition:opacity .7s var(--ease),transform .7s var(--ease);
}
.act.in .card{opacity:1;transform:none}
.act:nth-child(even){justify-content:flex-end}
.act .kicker{
  font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--signal);font-weight:700;
}
.act h2{
  font-family:var(--ff-display);font-size:clamp(1.5rem,2.7vw,2.3rem);
  line-height:1.14;margin:12px 0 0;
}
.act p{margin-top:14px;color:var(--scene-ink-2);font-size:.98rem}
.act .keys{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px}
.act .keys span{
  font-family:var(--ff-mono);font-size:.76rem;color:var(--scene-ink);
  display:flex;align-items:center;gap:7px;
}
.act .keys i{width:9px;height:9px;border-radius:50%;display:block}
@media (max-width:820px){
  .act .card{max-width:none;width:100%}
  .act:nth-child(even){justify-content:flex-start}
}

/* ============================================================
   ДОКУМЕНТ
   ============================================================ */
.doc{position:relative;z-index:3;background:var(--paper)}
section.block{padding:clamp(56px,9vw,110px) 0;border-bottom:1px solid var(--line)}
.sechead{display:flex;gap:18px;align-items:baseline}
.sechead .rn{
  font-family:var(--ff-display);font-size:clamp(1.6rem,3vw,2.4rem);
  color:var(--signal);line-height:1;
}
.sechead h2{
  font-family:var(--ff-display);
  font-size:clamp(1.7rem,3.6vw,2.9rem);line-height:1.1;letter-spacing:-.01em;
}
.lede{margin-top:18px;max-width:66ch;color:var(--ink-2);font-size:clamp(1rem,1.4vw,1.1rem)}

/* KPI */
.kpis{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);margin-top:44px;
}
@media (min-width:860px){.kpis{grid-template-columns:repeat(3,1fr)}}
.kpi{background:var(--surface);padding:26px 22px;display:flex;flex-direction:column;gap:8px}
.kpi .big{
  font-family:var(--ff-body);font-size:clamp(2.1rem,3.6vw,2.9rem);line-height:1;
  font-weight:700;letter-spacing:-.035em;font-variant-numeric:tabular-nums;
}
.kpi .cap{font-size:.92rem;line-height:1.4}
.kpi .sub{font-size:.78rem;color:var(--ink-3);font-family:var(--ff-mono)}
.kpi.t-alarm .big{color:var(--alarm)}
.kpi.t-good .big{color:var(--good)}
.kpi.t-signal .big{color:var(--signal)}
.kpi.t-accent .big{color:var(--accent)}

/* панели */
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px;margin-top:34px}
.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin-top:34px}
.panel{
  background:var(--surface);border:1px solid var(--line);
  padding:24px 24px 26px;display:flex;flex-direction:column;gap:16px;
}
.panel h3{font-family:var(--ff-body);font-weight:600;font-size:1.05rem;line-height:1.3}
.panel .note{font-size:.8rem;color:var(--ink-3);margin-top:-10px;line-height:1.5}
.panel .after{font-size:.85rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:14px}

/* полосы */
.bars{display:flex;flex-direction:column;gap:11px}
.bars li{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:5px 14px}
.bl{font-size:.9rem;line-height:1.32}
.bt{grid-column:1;height:10px;background:var(--surface-2);overflow:hidden}
.bt i{
  display:block;height:100%;width:0;background:var(--accent);
  transition:width 1.1s var(--ease);
}
.in .bt i{width:calc(var(--v) * 1%)}
.bt.t-good i{background:var(--good)}
.bt.t-alarm i{background:var(--alarm)}
.bt.t-signal i{background:var(--signal)}
.bt.t-mute i{background:var(--mute)}
.bv{
  grid-column:2;grid-row:1 / span 2;text-align:right;
  font-family:var(--ff-mono);font-variant-numeric:tabular-nums;
  font-size:.92rem;font-weight:600;
}

/* матрица чувств */
.mrow{display:flex;flex-direction:column;gap:7px}
.mrow .ml{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:.9rem}
.mrow .ml em{font-style:normal;font-size:.72rem;color:var(--ink-3);font-family:var(--ff-mono);white-space:nowrap}
.stack{display:flex;height:24px;border:1px solid var(--line);overflow:hidden}
.stack span{
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  font-family:var(--ff-mono);font-size:.68rem;font-weight:600;
  flex-grow:0;flex-basis:0;transition:flex-grow 1.1s var(--ease);
}
.in .stack span{flex-grow:var(--g)}
.q1{background:var(--alarm);color:var(--surface)}
.q2{background:var(--alarm-2);color:var(--ink)}
.q3{background:var(--mute);color:var(--ink)}
.q4{background:var(--good-2);color:var(--ink)}
.q5{background:var(--good);color:var(--surface)}
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.76rem;color:var(--ink-2)}
.legend span{display:flex;align-items:center;gap:6px}
.legend b{width:12px;height:12px;display:block;border:1px solid var(--line-2)}
.flip{
  font-size:.68rem;color:var(--signal);border:1px solid var(--signal);
  padding:1px 7px;border-radius:99px;font-weight:600;white-space:nowrap;
  font-family:var(--ff-body);
}

/* таблицы */
.tbl{overflow-x:auto;border:1px solid var(--line);background:var(--surface);margin-top:16px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.9rem}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
thead th{
  font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);
  font-weight:700;background:var(--surface-2);
}
tbody tr:last-child td{border-bottom:0}
td.n,th.n{text-align:right;font-family:var(--ff-mono);font-variant-numeric:tabular-nums}
td:first-child{white-space:normal;min-width:200px}
.chip{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.74rem;font-weight:600}
.chip.bad{background:var(--alarm-2);color:var(--alarm)}
.chip.mid{background:var(--signal-2);color:var(--signal)}
.chip.ok{background:var(--good-2);color:var(--good)}
.tnote{font-size:.82rem;color:var(--ink-3);margin-top:14px;max-width:74ch}
.subhead{font-family:var(--ff-body);font-weight:600;font-size:1.12rem;margin-top:46px}

/* полевой мониторинг */
.auditmeta{
  display:flex;flex-wrap:wrap;gap:0;margin-top:34px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.auditmeta div{flex:1 1 130px;padding:14px 18px 14px 0;border-right:1px solid var(--line)}
.auditmeta div:last-child{border-right:0}
.auditmeta dt{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);line-height:1.4}
.auditmeta dd{
  margin:6px 0 0;font-family:var(--ff-mono);font-size:1.05rem;font-weight:600;
  font-variant-numeric:tabular-nums;
}
.match{margin-top:22px}
.matchgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.matchgrid > div{background:var(--surface);padding:14px 16px;font-size:.9rem;line-height:1.45}
.matchgrid .mh{
  font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  color:var(--ink-3);background:var(--surface-2);
}
.matchgrid .ma{color:var(--ink-2)}
.matchgrid .mb{border-left:2px solid var(--signal)}
@media (max-width:640px){
  .matchgrid{grid-template-columns:1fr}
  .matchgrid .mh:nth-of-type(2){display:none}
  .matchgrid .mb{border-left:0;border-top:2px solid var(--signal)}
}
.objlist{display:flex;flex-direction:column;gap:9px}
.objlist li{
  display:flex;justify-content:space-between;gap:14px;align-items:baseline;
  font-size:.9rem;padding-bottom:8px;border-bottom:1px solid var(--line);
}
.objlist li:last-child{border-bottom:0;padding-bottom:0}
.objlist b{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.objlist b.ok{color:var(--good)}
.objlist b.bad{color:var(--alarm)}
.auditlink{
  margin-top:22px;padding:20px 24px;background:var(--surface);
  border:1px solid var(--line);border-left:3px solid var(--accent);
  display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;
}
.auditlink p{font-size:.92rem;color:var(--ink-2);max-width:62ch}
.biglink{
  font-family:var(--ff-mono);font-size:.92rem;color:var(--accent);
  text-decoration:none;border-bottom:1px solid var(--accent);align-self:flex-start;
  word-break:break-all;
}
.biglink:hover{background:var(--accent-2)}

/* находки */
.findings{margin-top:40px;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}
.findings > li{
  background:var(--surface);padding:28px clamp(20px,3vw,34px);
  display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px 20px;align-items:start;
  opacity:0;transform:translateY(20px);
  transition:opacity .6s var(--ease),transform .6s var(--ease);
}
.findings > li.in{opacity:1;transform:none}
.findings .rank{
  font-family:var(--ff-display);font-size:2.4rem;line-height:.9;color:var(--signal);
  grid-row:1 / span 3;
}
.findings h3{font-family:var(--ff-body);font-weight:600;font-size:1.16rem;line-height:1.3}
.findings p{color:var(--ink-2);font-size:.96rem;margin-top:8px}
.findings .ev{
  margin-top:14px;font-size:.8rem;color:var(--ink-3);font-family:var(--ff-mono);
  border-left:2px solid var(--line-2);padding-left:12px;line-height:1.6;
}
@media (max-width:600px){.findings > li{grid-template-columns:40px minmax(0,1fr)}.findings .rank{font-size:1.7rem}}

/* цитаты */
.quotes{columns:2 320px;column-gap:22px;margin-top:40px}
.quotes figure{
  break-inside:avoid;margin:0 0 22px;background:var(--surface);
  border:1px solid var(--line);padding:24px 24px 18px;
}
.quotes blockquote{
  margin:0;font-family:var(--ff-display);font-size:1.02rem;line-height:1.52;
}
.quotes figcaption{
  margin-top:14px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);font-weight:700;display:flex;align-items:center;gap:8px;
}
.quotes figcaption b{
  font-family:var(--ff-mono);font-weight:600;color:var(--accent);letter-spacing:.06em;
}

/* решения */
.actions{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}
.actions li{
  background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);
  padding:24px 22px;display:flex;flex-direction:column;gap:10px;
}
.actions h3{font-family:var(--ff-body);font-weight:600;font-size:1.05rem;line-height:1.3}
.actions p{font-size:.92rem;color:var(--ink-2)}
.actions .why{margin-top:auto;padding-top:8px;font-size:.76rem;color:var(--ink-3);font-family:var(--ff-mono)}

/* методология */
.caveats{margin-top:32px;display:flex;flex-direction:column;gap:16px;max-width:78ch}
.caveats li{padding-left:24px;position:relative;font-size:.96rem;color:var(--ink-2)}
.caveats li::before{content:"";position:absolute;left:0;top:.66em;width:12px;height:2px;background:var(--signal)}
.caveats b{color:var(--ink);font-weight:600}

/* футер */
footer.foot{background:var(--scene);color:var(--scene-ink-2);padding:64px 0 72px}
footer.foot a{color:var(--scene-ink);text-decoration-color:var(--signal);text-underline-offset:3px}
.foot-top{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-end}
.foot-mark{font-family:var(--ff-display);font-size:clamp(2rem,6vw,3.6rem);color:var(--scene-ink);line-height:1}
.foot-dl{display:flex;gap:12px;flex-wrap:wrap}
.foot-dl a{
  display:flex;flex-direction:column;gap:2px;text-decoration:none;
  border:1px solid var(--scene-line);padding:14px 20px;min-width:180px;
  transition:border-color .25s,background .25s;
}
.foot-dl a:hover{border-color:var(--signal);background:rgba(233,180,76,.08)}
.foot-dl strong{font-size:.92rem;font-weight:600;color:var(--scene-ink)}
.foot-dl span{font-size:.74rem;font-family:var(--ff-mono)}
.foot-meta{margin-top:44px;padding-top:24px;border-top:1px solid var(--scene-line);font-size:.84rem;display:flex;flex-direction:column;gap:6px}

/* появление блоков */
.rise{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rise.in{opacity:1;transform:none}

/* смена языка */
.swapping .doc,.swapping .scene{opacity:.35;transition:opacity .18s linear}

@media (max-width:1000px){
  /* на узких экранах точки становятся фоном, а не соперником текста */
  .scene-canvas{opacity:.62}
}
@media (max-width:760px){
  body{font-size:16px}
  .hero{padding:96px 0 70px;align-items:flex-start}
  .hero h1{max-width:none}
  .quotes{columns:1}
  .act{min-height:auto;padding:22vh 0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-delay:0ms !important;transition-duration:.001ms !important}
  .hero h1 .w > span{transform:none}
  .hero .deck,.hero .facts,.scrollcue{opacity:1}
  .act .card,.findings > li,.rise{opacity:1;transform:none}
  .in .bt i,.bt i{width:calc(var(--v) * 1%)}
  .stack span{flex-grow:var(--g)}
}