/* =============================================================================
 * UpLate Garage — uplategarage.com
 * Implemented from design_handoff_uplate_garage_site (20 Sep 2026).
 *
 * THE ONE RULE THIS SITE LIVES OR DIES BY
 * ---------------------------------------
 * The design's premise is "exact numbers, never adjectives" — the hero literally
 * says "if a number wasn't measured, it isn't on the page." The handoff shipped
 * with every figure invented: 41.5 h, $4,280, 38 build logs, a full 14:08–23:12
 * session, $1,420 coilovers. They did not even agree with each other (the areas
 * summed to 53.5 h against the hero's 41.5; 60 posts against 38).
 *
 * So none of them are here. Every count, hour and dollar renders at zero until a
 * timer has actually run, exactly as the design's own Law 04 says: "An empty area
 * is honest data." Area 08 was already written that way in the handoff — this
 * build just applies that treatment to all nine.
 *
 * Fonts self-hosted, no build step, no third-party requests — the privacy page
 * says nothing you load is reported anywhere else, and that has to stay true.
 * ========================================================================== */

/* ── Webfonts ─────────────────────────────────────────────────────────────── */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;
  src:url("fonts/bricolage-grotesque-latin.woff2") format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;
  src:url("fonts/bricolage-grotesque-latin-ext.woff2") format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url("fonts/instrument-sans-latin.woff2") format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url("fonts/instrument-sans-latin-ext.woff2") format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;
  src:url("fonts/jetbrains-mono-latin.woff2") format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;
  src:url("fonts/jetbrains-mono-latin-ext.woff2") format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ── Tokens ───────────────────────────────────────────────────────────────── */
:root{
  color-scheme:dark;
  --n0:#0A0B0D;      /* page ground, and card fill inside grid blocks */
  --n1:#0F1013;      /* slightly raised fill */
  --n2:#17181C;      /* row hover, inner dividers, progress track */
  --n3:#22242A;      /* grid gap colour / block borders */
  --nline:#2E3038;   /* emphasised 1px border */
  --nink:#F2F1EC;    /* primary text */
  --nmuted:#8E8F95;  /* body copy, labels */
  --nwell:#07080A;   /* inset well */
  --accent:#E8A43A;
  --accent-deep:#C98A2A;
  --accent-ink:#14100A;
  --blood:#e04a3a;   /* live pip, "none" values, ::selection */
  --live:#2F9E6A;

  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --body:'Instrument Sans',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --t-h4:18px; --t-md:16px; --t-sm:14px; --t-xs:12px; --t-2xs:11px;
  --container:1240px; --gutter:28px;
  --dur-fast:120ms;
  --ease-out:cubic-bezier(.2,.7,.2,1);
  --ease-in:cubic-bezier(.2,0,0,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--n0);color:var(--nmuted);
  font-family:var(--body);font-size:var(--t-md);line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:var(--blood);color:var(--nink);}
a{color:inherit;text-decoration:none;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;
}
img{display:block;max-width:100%;}
p{text-wrap:pretty;}
strong{color:var(--nink);font-weight:600;}

/* Radius is 0 everywhere in this design — stated explicitly so nobody adds one. */
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}

.skip{position:absolute;left:-9999px;background:var(--nink);color:var(--n0);padding:10px 16px;z-index:100;font-family:var(--mono);font-size:var(--t-xs);}
.skip:focus{left:12px;top:12px;}

/* ── Mono UI atoms ────────────────────────────────────────────────────────── */
.m{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;}
.eyebrow{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.18em;text-transform:uppercase;color:var(--nmuted);}
.mark{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}
.note{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.06em;color:var(--nmuted);line-height:1.8;}
.num{font-variant-numeric:tabular-nums;}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.bc-key,.bc-ghost,.bc-inkkey{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;
  height:48px;padding:0 20px;border:1px solid transparent;cursor:pointer;white-space:nowrap;
  transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);
}
.bc-key{background:var(--nink);color:var(--n0);}
.bc-key:hover{background:var(--accent);color:var(--accent-ink);}
.bc-ghost{background:transparent;color:var(--nink);border-color:var(--nline);}
.bc-ghost:hover{border-color:var(--nink);background:var(--n2);}
.bc-inkkey{background:var(--accent-ink);color:var(--accent);}
.bc-inkkey:hover{background:#000;}
.bc-quiet{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--nmuted);border-bottom:1px solid var(--n3);padding-bottom:3px;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);}
.bc-quiet:hover{color:var(--nink);border-color:var(--accent);}

/* ── Ticker ───────────────────────────────────────────────────────────────── */
.ticker{border-bottom:1px solid var(--n3);overflow:hidden;white-space:nowrap;}
.ticker__track{display:inline-flex;animation:bc-ticker 34s linear infinite;will-change:transform;}
.ticker__row{display:inline-flex;align-items:center;gap:26px;padding:9px var(--gutter);
  font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--nmuted);}
.ticker__row b{color:var(--nink);font-weight:400;}
.pip{width:7px;height:7px;background:var(--blood);flex:none;animation:bc-pulse 1.8s ease-in-out infinite;}
@keyframes bc-ticker{to{transform:translateX(-50%);}}
@keyframes bc-pulse{0%,100%{opacity:1}50%{opacity:.25}}

/* ── Nav ──────────────────────────────────────────────────────────────────── */
.nav{position:sticky;top:0;z-index:40;border-bottom:2px solid var(--nink);
  background:color-mix(in srgb,var(--n0) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.nav__in{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.wordmark{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.03em;text-transform:uppercase;color:var(--nink);padding:14px 0;}
.wordmark em{font-style:normal;color:var(--accent);}
.nav__links{display:flex;gap:22px;flex-wrap:wrap;}
.nav__links a{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--nmuted);padding:4px 0;border-bottom:2px solid transparent;transition:color var(--dur-fast) var(--ease-out);}
.nav__links a:hover{color:var(--nink);}
.nav__links a[aria-current]{color:var(--nink);border-bottom-color:var(--accent);}
.nav__links .soon{color:var(--accent);margin-left:5px;}
.nav__cta{margin-left:auto;height:40px;padding:0 18px;background:var(--accent);color:var(--accent-ink);}
.nav__cta:hover{background:var(--accent-deep);color:var(--accent-ink);}
@media(max-width:900px){.nav__links{display:none;}}
/* With the links gone, the wordmark and the CTA still overflowed 375px and the
   button dropped to a second row, making the sticky header ~320px tall. Both
   shrink instead, and the row is stopped from wrapping. */
@media(max-width:560px){
  .nav__in{gap:12px;flex-wrap:nowrap;}
  .wordmark{font-size:16px;padding:12px 0;white-space:nowrap;}
  .nav__cta{height:34px;padding:0 12px;font-size:10px;letter-spacing:.08em;}
}

/* ── Page head ────────────────────────────────────────────────────────────── */
.head{padding:52px var(--gutter) 40px;}
.head__eyebrow{margin-bottom:22px;}
h1{font-family:var(--display);font-weight:800;text-transform:uppercase;color:var(--nink);}
.h1--home{font-size:clamp(54px,13.2vw,186px);line-height:.8;letter-spacing:-.055em;}
.h1--page{font-size:clamp(40px,8.4vw,118px);line-height:.84;letter-spacing:-.052em;}
h1 .accent{color:var(--accent);display:block;}
.rule{border-bottom:2px solid var(--nink);margin:30px 0 26px;}
.head__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:32px;align-items:start;}
.head__lede{font-size:var(--t-md);max-width:50ch;}
.head__acts{display:flex;gap:12px;flex-wrap:wrap;}

/* ── Section heads ────────────────────────────────────────────────────────── */
.sec{padding-bottom:64px;}
.sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-bottom:2px solid var(--nink);padding-bottom:16px;margin-bottom:28px;}
.sec__title{font-family:var(--display);font-weight:800;text-transform:uppercase;color:var(--nink);
  font-size:clamp(26px,4vw,44px);letter-spacing:-.04em;line-height:1;}
.sec__meta{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--nmuted);}

/* ── The 1px grid: container is --n3, children are --n0, the gap IS the line ── */
.grid{display:grid;gap:1px;background:var(--n3);border:1px solid var(--n3);}
.grid > *{background:var(--n0);}
/* The handoff capped these tracks at 155px, which left ~400px of the grid's own
   --n3 background bare on a wide screen — it read as a broken cell rather than
   a design choice. Flex instead of grid, because grid tracks at 1fr still strand
   a short last row when the tiles wrap; flex items grow to fill every line,
   including the last. The 1px gaps still do the hairline work. */
.grid--stats{display:flex;flex-wrap:wrap;}
.grid--stats > *{flex:1 1 150px;min-width:0;}
/* Five tiles wrap awkwardly on their own — at ~760px a 150px basis fits four,
   leaving the fifth to stretch across a row by itself. Raising the basis at each
   step forces a deliberate split instead: 5 across, then 3+2, then 2+2+1. */
@media(max-width:880px){.grid--stats > *{flex-basis:185px;}}
@media(max-width:560px){.grid--stats > *{flex-basis:44%;}}
/* Only safe in a container wider than ~750px. Below that, 33.333% resolves
   smaller than the 250px floor, minmax() discards the max, and the tracks
   freeze at 250px instead of filling — leaving bare --n3 beside them. For
   stat tiles in a narrow column use .grid--stats; for a fixed 3-up in one,
   use .grid--3fix. */
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),calc(33.333% - 1px)));}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));}
/* Fixed 3-up. grid--3's 250px floor drops to two columns inside a narrow
   panel and orphans the third cell, which reads as a layout fault rather
   than a responsive choice. This one stays 3-up, then goes full width. */
.grid--3fix{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:560px){.grid--3fix{grid-template-columns:1fr;}}

.stat{padding:16px 18px;}
.stat__v{font-family:var(--display);font-size:32px;font-weight:800;letter-spacing:-.035em;color:var(--nink);line-height:1;}
.stat__v--accent{color:var(--accent);}
.stat__v--none{color:var(--blood);}
.stat__l{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--nmuted);margin-top:8px;}

.card{padding:22px 24px;display:flex;flex-direction:column;min-height:168px;}
.card__n{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.16em;color:var(--accent);margin-bottom:12px;}
.card__t{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1.15;text-transform:uppercase;color:var(--nink);margin-bottom:10px;}
.card__b{font-size:var(--t-sm);max-width:52ch;}
.card__note{margin-top:auto;padding-top:14px;border-top:1px dashed var(--n3);font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.04em;color:var(--nmuted);line-height:1.7;}

/* ── Photo band ───────────────────────────────────────────────────────────── */
.band{position:relative;overflow:hidden;}
.band img{width:100%;height:clamp(280px,42vw,540px);object-fit:cover;filter:grayscale(.35) contrast(1.06) brightness(.62);}
.band__over{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;
  padding:22px var(--gutter);
  background:linear-gradient(180deg,rgba(10,11,13,.45) 0%,rgba(10,11,13,.25) 40%,rgba(10,11,13,.92) 100%);}
.band__top,.band__bot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;
  max-width:var(--container);margin:0 auto;width:100%;}
.chip{display:inline-block;background:var(--accent);color:var(--accent-ink);padding:4px 9px;
  font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;}
.band__h{font-family:var(--display);font-weight:800;text-transform:uppercase;color:var(--nink);
  font-size:clamp(28px,5.2vw,68px);line-height:.9;letter-spacing:-.04em;}

/* ── Areas table ──────────────────────────────────────────────────────────── */
.rows{border:1px solid var(--n3);}
.row{display:grid;grid-template-columns:44px minmax(0,190px) minmax(0,1fr) 96px 22px;gap:14px;align-items:center;
  width:100%;text-align:left;padding:16px 18px;border-top:1px solid var(--n2);background:transparent;
  transition:background var(--dur-fast) var(--ease-out);}
.row:first-child{border-top:none;}
.row:hover{background:var(--n2);}
.row__n{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;color:var(--accent);}
.row__name{font-family:var(--display);font-size:var(--t-h4);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;color:var(--nink);}
.row__scope{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.08em;color:var(--nmuted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.row__count{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--nmuted);text-align:right;}
.row__arrow{color:var(--nmuted);text-align:right;}
@media(max-width:760px){
  .row{grid-template-columns:40px 1fr 22px;row-gap:6px;}
  .row__scope{grid-column:2/4;white-space:normal;}
  .row__count{grid-column:2/4;text-align:left;}
}

/* ── The timer panel ──────────────────────────────────────────────────────── */
.timer{border:1px solid var(--nline);}
.timer__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--n3);}
.timer__head .l{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--nmuted);}
.timer__state{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--nmuted);}
.timer__well{background:var(--nwell);padding:20px 18px;}
.timer__area{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}
.timer__job{font-family:var(--body);font-size:var(--t-sm);color:var(--nmuted);margin:8px 0 14px;}
.timer__clock{font-family:var(--mono);font-size:clamp(38px,6.4vw,58px);font-variant-numeric:tabular-nums;color:var(--nink);line-height:1;letter-spacing:-.02em;}
.timer__bar{height:3px;background:var(--n2);margin-top:16px;}
.timer__bar i{display:block;height:100%;width:0;background:var(--accent);}
.timer__sub{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--nmuted);}
.timer__foot{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--n3);}
.timer__foot > div{background:var(--n0);padding:14px 16px;}
.timer__foot .v{font-family:var(--mono);font-size:var(--t-sm);color:var(--nink);font-variant-numeric:tabular-nums;}
.timer__foot .v.accent{color:var(--accent);}
.timer__foot .k{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--nmuted);margin-top:5px;}
.timer__note{padding:12px 16px;border-top:1px dashed var(--n3);font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.04em;color:var(--nmuted);}

/* a 3-row machine table */
.tbl{border:1px solid var(--n3);}
.tbl div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-top:1px solid var(--n2);
  font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;}
.tbl div:first-child{border-top:none;}
.tbl .k{color:var(--nmuted);}
.tbl .v{color:var(--nink);font-variant-numeric:tabular-nums;}
.tbl .v.none{color:var(--blood);}

/* ── Waitlist band ────────────────────────────────────────────────────────── */
.waitlist{background:var(--accent);color:var(--accent-ink);padding:34px var(--gutter);}
.waitlist__in{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:32px;align-items:center;}
.waitlist .eyebrow{color:var(--accent-ink);opacity:.72;}
.waitlist__h{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,4.4vw,54px);letter-spacing:-.045em;line-height:.9;color:var(--accent-ink);margin:14px 0;}
.waitlist__note{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.04em;line-height:1.8;color:var(--accent-ink);opacity:.78;}
.waitlist__form{display:flex;gap:10px;flex-wrap:wrap;}
.waitlist__form input{flex:1;min-width:220px;height:50px;background:var(--accent-ink);color:var(--accent);
  border:1px solid var(--accent-ink);padding:0 16px;font-family:var(--mono);font-size:var(--t-sm);}
.waitlist__form input::placeholder{color:var(--accent);opacity:.5;}
.waitlist__form .bc-inkkey{height:50px;}
.waitlist__status{margin-top:12px;font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.04em;color:var(--accent-ink);opacity:.78;}

/* ── Footer ───────────────────────────────────────────────────────────────── */
.foot{border-top:1px solid var(--n3);padding:30px var(--gutter) 44px;}
.foot__in{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:26px;align-items:end;}
.foot__mark{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.04em;line-height:.9;color:var(--nink);font-size:clamp(30px,5vw,58px);}
.foot__mark em{font-style:normal;color:var(--accent);}
.foot__links{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end;}
.foot__links a{font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--nmuted);transition:color var(--dur-fast) var(--ease-out);}
.foot__links a:hover{color:var(--nink);}
@media(max-width:760px){.foot__links{justify-content:flex-start;}}

/* ── Grain overlay ────────────────────────────────────────────────────────── */
.grain{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.032;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ── Motion ───────────────────────────────────────────────────────────────────
   Entrances are armed only once motion.js sets [data-motion] on <html>, so with
   JS off the page is simply complete. */
[data-motion="on"] [data-rise]{opacity:0;transform:translateY(10px);
  transition:opacity .26s var(--ease-in),transform .26s var(--ease-in);}
[data-motion="on"] [data-rise][data-shown]{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none!important;transition:none!important;}
  [data-motion="on"] [data-rise]{opacity:1;transform:none;}
}