/* =====================================================================
   PPR Pinturas e Reformas — Design System
   Direção "Oficina". Mobile first (base 380px), escalando em 720 e 1060.
   Carregado por todas as páginas. Sem framework.
   ===================================================================== */

/* ---------- 1. TOKENS ---------- */
:root{
  /* Tinta e papel — neutros quentes, nunca cinza puro */
  --ink:#121214; --ink-2:#2C2D31; --ink-3:#5C5E66; --ink-4:#8A8C95;
  --paper:#F1EFEC; --paper-2:#E4E1DC; --paper-3:#D4D0C9; --paper-4:#BFBAB1;

  /* Marca */
  --red:#D42B2B;      /* vermelho PPR — superfícies e títulos grandes */
  --red-dk:#B01F1F;   /* hover em fundo claro */
  --red-ink:#8E1818;  /* texto vermelho pequeno sobre papel (AA) */
  --red-hi:#E85757;   /* texto vermelho pequeno sobre tinta (AA) */

  /* Apoio — sinalização, uso contido */
  --amber:#E8B931; --amber-dk:#A6811A;

  --wa:#178644; --wa-dk:#0F6633;

  --line:#CFCBC4;     /* filete em papel */
  --line-dk:#2E2F35;  /* filete em tinta */

  /* Tipografia */
  --f-disp:"Archivo Black",Impact,"Haettenschweiler",sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,sans-serif;

  /* Escala — base 16px, razão 1.25 no celular */
  --t-2xs:.6875rem; --t-xs:.75rem; --t-sm:.875rem; --t-md:1rem;
  --t-lg:1.125rem; --t-xl:1.375rem; --t-2xl:1.75rem;
  --t-3xl:2.25rem; --t-4xl:3rem; --t-5xl:4rem;

  /* Espaçamento — base 4 */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;

  --gut:20px; --maxw:1180px; --tap:48px;
}
@media(min-width:720px){ :root{ --gut:32px } }

/* ---------- 2. BASE ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--f-body);font-size:var(--t-md);line-height:1.6;color:var(--ink-2);background:var(--paper);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
svg{display:block}
a{color:var(--red-ink);text-decoration:none}
a:hover{color:var(--red-dk)}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
h1,h2,h3,h4{color:var(--ink);text-wrap:balance}
h1,h2{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;letter-spacing:-.02em;line-height:1}
h3,h4{font-weight:600;line-height:1.25;letter-spacing:-.005em}
h1{font-size:clamp(2.5rem,11.5vw,3.25rem)}
h2{font-size:clamp(1.875rem,8vw,2.5rem)}
h3{font-size:var(--t-lg)}
h4{font-size:var(--t-md)}
p{text-wrap:pretty}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- 3. UTILITÁRIOS ---------- */
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gut)}
.ico{width:18px;height:18px;fill:currentColor;flex:none}
.eyebrow{display:inline-block;font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ink-3);padding-bottom:var(--s-2);border-bottom:2px solid var(--amber)}
.eyebrow--esc{color:var(--paper-3)}
.lead{margin-top:var(--s-4);font-size:var(--t-lg);color:var(--ink-3);max-width:46ch}
.lead--esc{color:var(--paper-3)}
.filete{height:4px;background:var(--ink);position:relative}
.filete::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;background:var(--red)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);font-family:var(--f-body);font-weight:600;font-size:var(--t-sm);letter-spacing:.04em;text-transform:uppercase;border:2px solid transparent;cursor:pointer;transition:background .16s,color .16s,border-color .16s}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-dk);color:#fff}
.btn-out{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-out:hover{background:var(--ink);color:var(--paper)}
.btn-out--esc{border-color:var(--paper-4);color:var(--paper)}
.btn-out--esc:hover{background:var(--paper);color:var(--ink)}
.btn-lg{min-height:54px;padding-inline:var(--s-6)}

/* ---------- 4. TOPO + RODAPÉ ---------- */
.topo{background:var(--ink);color:var(--paper);position:sticky;top:0;z-index:40}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-block:var(--s-3)}
.marca{display:flex;align-items:center;gap:var(--s-3);color:var(--paper)}
.marca:hover{color:var(--paper)}
.marca-sig{width:40px;height:40px;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--f-disp);font-size:.75rem}
.marca-nm{display:block;font-family:var(--f-disp);font-size:1.0625rem;line-height:1;text-transform:uppercase}
.marca-sub{display:block;font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4);margin-top:4px}
.topo-nav{display:none}
.topo .btn{min-height:44px;font-size:var(--t-xs);padding-inline:var(--s-4);box-shadow:0 0 0 3px rgba(23,134,68,.26)}
.topo .btn:hover{box-shadow:0 0 0 3px rgba(23,134,68,.4)}
.menu-btn{display:grid;place-items:center;width:var(--tap);height:var(--tap);background:transparent;border:2px solid var(--line-dk);color:var(--paper)}
.menu-btn .ico{width:20px;height:20px}
.gaveta{display:none;background:var(--ink-2);border-top:2px solid var(--red)}
.gaveta[data-aberta]{display:block}
.gaveta a{display:block;padding:var(--s-4) var(--gut);min-height:var(--tap);font-size:var(--t-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-3);border-bottom:1px solid var(--line-dk)}
.gaveta a:hover{background:var(--ink);color:var(--amber)}

.rodape{background:var(--ink);color:var(--paper-3);padding-block:var(--s-8) var(--s-6);position:relative}
.rodape::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--ink-2)}
.rodape::after{content:"";position:absolute;inset:0 auto auto 0;height:4px;width:38%;background:var(--red)}
.rodape-topo{display:grid;gap:var(--s-7)}
.rodape-marca p{margin-top:var(--s-4);font-size:var(--t-sm);color:var(--ink-4);max-width:38ch;line-height:1.75}
.rodape-social{display:flex;gap:var(--s-2);margin-top:var(--s-5)}
.rodape-social a{width:42px;height:42px;display:grid;place-items:center;background:var(--ink-2);color:var(--paper-3);transition:background .16s,color .16s}
.rodape-social a .ico{width:18px;height:18px}
.rodape-social a:hover{background:var(--paper);color:var(--ink)}
.rodape h4{color:var(--paper);font-size:var(--t-2xs);letter-spacing:.18em;text-transform:uppercase;margin-bottom:var(--s-4);padding-bottom:var(--s-2);border-bottom:2px solid var(--line-dk)}
.rodape-col a{display:block;color:var(--paper-3);font-size:var(--t-sm);padding-block:var(--s-2)}
.rodape-col a:hover{color:var(--amber)}
.rodape-sub{padding-left:var(--s-4);font-size:var(--t-xs)!important;color:var(--ink-4)!important}
.rodape-sub:hover{color:var(--amber)!important}
.rodape-areas{list-style:none;display:grid;gap:var(--s-1)}
.rodape-areas li{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-sm);color:var(--paper-3);padding-block:var(--s-2)}
.rodape-areas li::before{content:"";width:6px;height:6px;flex:none;background:var(--red);border-radius:50%}
.rodape-areas li:nth-child(even)::before{background:var(--amber)}
.rodape-col a.rodape-canal{display:flex;align-items:center;gap:var(--s-3);padding-block:var(--s-3);border-bottom:1px solid var(--line-dk)}
.rodape-col a.rodape-canal:last-child{border-bottom:0}
.rodape-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;background:var(--ink-2);color:var(--paper);transition:background .16s,color .16s}
.rodape-ic .ico{width:18px;height:18px}
.rodape-ic--wa{background:var(--wa);color:#fff}
.rodape-canal small{display:block;font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}
.rodape-canal b{display:block;margin-top:2px;font-size:var(--t-sm);color:var(--paper);font-weight:600}
.rodape-canal:hover .rodape-ic{background:var(--paper);color:var(--ink)}
.rodape-canal:hover .rodape-ic--wa{background:var(--wa-dk);color:#fff}
.rodape-canal:hover b{color:var(--amber)}
.rodape-fim{margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line-dk);font-size:var(--t-xs);color:var(--ink-4);display:grid;gap:var(--s-3)}
.rodape-dev a{color:var(--paper-3);border-bottom:1px solid var(--ink-3);padding-bottom:1px}
.rodape-dev a:hover{color:var(--amber);border-bottom-color:var(--amber)}

/* ---------- 5. BLOCO: hero ---------- */
[data-bloco="hero"]{background:var(--ink);color:var(--paper);padding-block:var(--s-7) var(--s-8);position:relative;overflow:hidden}
[data-bloco="hero"]::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-dk) 1px,transparent 1px),linear-gradient(90deg,var(--line-dk) 1px,transparent 1px);background-size:56px 56px;opacity:.55;pointer-events:none}
[data-bloco="hero"]>*{position:relative}
.hero h1{color:var(--paper);margin-top:var(--s-5)}
.hero h1 em{font-style:normal;color:var(--red);display:block}
.hero .lead{color:var(--paper-3)}
.hero-acoes{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-6)}
.hero-nota{margin-top:var(--s-4);font-size:var(--t-sm);color:var(--ink-4)}
.hero--curto{padding-block:var(--s-6) var(--s-7)}
.hero--curto h1{font-size:clamp(2rem,9.5vw,2.75rem)}

/* prova social */
.prova{margin-top:var(--s-7);background:var(--paper);color:var(--ink-2);padding:var(--s-5);border-left:4px solid var(--ink)}
.prova blockquote{margin-top:var(--s-3);font-size:var(--t-lg);line-height:1.4;color:var(--ink);font-weight:500}
.prova figcaption{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--ink-3)}
.prova figcaption b{color:var(--ink);font-weight:600}

/* cifras — placar */
.cifras{margin-top:var(--s-6);display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line-dk);border:2px solid var(--line-dk)}
.cifra{background:var(--ink);padding:var(--s-5) var(--s-4)}
.cifra b{display:block;font-family:var(--f-disp);font-size:clamp(2rem,8.5vw,2.5rem);line-height:.9;color:var(--paper);font-weight:400}
.cifra b sup{font-size:.42em;vertical-align:super;color:var(--amber);margin-left:2px}
.cifra span{display:block;margin-top:var(--s-2);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}
.cifra:first-child{background:var(--ink);box-shadow:inset 3px 0 0 var(--red)}
.cifra:first-child b{color:var(--paper)}
.cifra:first-child b sup{color:var(--red-hi)}
.cifra:first-child span{color:var(--ink-4)}

/* ---------- 6. BLOCO: texto ---------- */
[data-bloco="texto"]{padding-block:var(--s-8);background:var(--paper)}
[data-bloco="texto"].esc{background:var(--ink);color:var(--paper-3)}
[data-bloco="texto"].esc h2{color:var(--paper)}
.prosa{max-width:62ch;margin-top:var(--s-5)}
.prosa p{margin-top:var(--s-4);color:var(--ink-3)}
.prosa p:first-child{margin-top:0}
.prosa strong{color:var(--ink);font-weight:600}
.esc .prosa p{color:var(--paper-3)}
.esc .prosa strong{color:var(--paper)}

/* passos numerados */
.passos{margin-top:var(--s-7);display:grid;gap:2px;background:var(--line);border:2px solid var(--ink);counter-reset:p}
.passo{background:var(--paper);padding:var(--s-5);counter-increment:p}
.passo::before{content:counter(p,decimal-leading-zero);display:block;font-family:var(--f-disp);font-size:var(--t-2xl);line-height:1;color:var(--ink);margin-bottom:var(--s-3)}
.passo h3{font-size:var(--t-md)}
.passo p{margin-top:var(--s-2);font-size:var(--t-sm);color:var(--ink-3)}

/* ---------- 7. BLOCO: imagem ---------- */
[data-bloco="imagem"]{padding-block:var(--s-8);background:var(--paper-2)}
[data-bloco="imagem"] figure{border:2px solid var(--ink)}
[data-bloco="imagem"] img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--paper-3)}
[data-bloco="imagem"] figcaption{padding:var(--s-4) var(--s-5);background:var(--ink);color:var(--paper-3);font-size:var(--t-sm)}
[data-bloco="imagem"] figcaption b{color:var(--amber);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:var(--t-2xs);display:block;margin-bottom:var(--s-1)}

/* ---------- 8. BLOCO: galeria (antes/depois) ---------- */
[data-bloco="galeria"]{padding-block:var(--s-8);background:var(--ink);color:var(--paper-3)}
[data-bloco="galeria"] h2{color:var(--paper)}
.ad-lista{margin-top:var(--s-7);display:grid;gap:var(--s-7)}
.ad{border:2px solid var(--line-dk);background:var(--ink)}
.ad-palco{position:relative;aspect-ratio:4/3;overflow:hidden;touch-action:pan-y}
.ad-palco img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ad-depois{clip-path:inset(0 0 0 var(--corte,50%))}
.ad-sel{position:absolute;top:var(--s-3);z-index:2;font-size:var(--t-2xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:4px 8px;background:rgba(18,18,20,.82);color:var(--paper)}
.ad-sel--a{left:var(--s-3)}
.ad-sel--d{right:var(--s-3);background:var(--paper);color:var(--ink)}
.ad-linha{position:absolute;top:0;bottom:0;left:var(--corte,50%);width:2px;background:var(--paper);z-index:3;pointer-events:none}
.ad-linha::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid var(--paper);background:rgba(18,18,20,.55);border-radius:50%}
.ad-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ad-pe{padding:var(--s-4) var(--s-5);border-top:2px solid var(--line-dk);display:grid;gap:var(--s-1)}
.ad-pe b{font-size:var(--t-md);color:var(--paper);font-weight:600}
.ad-pe span{font-size:var(--t-sm);color:var(--ink-4)}
.ad-vazio{border:2px dashed var(--line-dk);padding:var(--s-7) var(--s-5);text-align:center;color:var(--ink-4);font-size:var(--t-sm)}

/* ---------- 9. BLOCO: lista-de-servicos ---------- */
[data-bloco="lista-de-servicos"]{padding-block:var(--s-8);background:var(--paper)}
.servs{margin-top:var(--s-7);display:grid;gap:2px;background:var(--line);border:2px solid var(--ink)}
.serv{position:relative;background:var(--paper);padding:var(--s-5);display:block;color:inherit;border-top:4px solid transparent}
.serv h3{color:var(--ink)}
.serv p{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--ink-3);line-height:1.65}
.serv-ic{width:40px;height:40px;display:grid;place-items:center;background:var(--ink);color:var(--paper);margin-bottom:var(--s-4)}
.serv-ic .ico{width:20px;height:20px}
.serv-n{position:absolute;top:var(--s-4);right:var(--s-5);font-family:var(--f-disp);font-size:var(--t-xs);color:var(--ink-3)}
.serv-ver{margin-top:var(--s-4);display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--red-ink)}
.serv-ver .ico{width:14px;height:14px;transition:transform .16s}
.serv:hover{background:#fff;border-top-color:var(--red)}
.serv:hover .serv-ver .ico{transform:translateX(4px)}
.serv.destaque{background:var(--ink);border-top-color:var(--red);padding:var(--s-6) var(--s-5)}
.serv.destaque h3{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(1.5rem,6.5vw,1.875rem);color:var(--paper);line-height:1.02}
.serv.destaque p{color:var(--paper-3)}
.serv.destaque .serv-ic{background:transparent;border:2px solid var(--amber);color:var(--amber)}
.serv.destaque .serv-ver{color:var(--amber)}
.serv.destaque .serv-n{color:var(--ink-4)}
.serv.destaque:hover{background:#1C1D21}
.tag{display:inline-block;font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ink);background:var(--amber);padding:3px 7px;margin-bottom:var(--s-3)}

/* ---------- 10. BLOCO: cta ---------- */
[data-bloco="cta"]{background:var(--ink);color:var(--paper-3);padding-block:var(--s-8);position:relative}
[data-bloco="cta"]::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--red)}
[data-bloco="cta"] h2{color:var(--paper)}
[data-bloco="cta"] p{margin-top:var(--s-4);color:var(--paper-3);max-width:46ch}
[data-bloco="cta"] .eyebrow{color:var(--paper-3);border-bottom-color:var(--amber)}
.cta-acoes{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-6)}
[data-bloco="cta"] .btn-out{border-color:var(--paper-4);color:var(--paper)}
[data-bloco="cta"] .btn-out:hover{background:var(--paper);color:var(--ink)}

/* ---------- 11. BLOCO: faq ---------- */
[data-bloco="faq"]{padding-block:var(--s-8);background:var(--paper-2)}
.faq-lista{margin-top:var(--s-6);display:grid;gap:2px;background:var(--line);border:2px solid var(--ink)}
.faq-lista details{background:var(--paper);padding:var(--s-4) var(--s-5)}
.faq-lista summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);min-height:var(--tap);font-weight:600;color:var(--ink)}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary::after{content:"+";font-family:var(--f-disp);font-size:var(--t-xl);color:var(--ink-3);line-height:1}
.faq-lista details[open] summary::after{content:"–"}
.faq-lista p{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--ink-3)}
.faq-reservado{margin-top:var(--s-5);border:2px dashed var(--line);padding:var(--s-5);font-size:var(--t-sm);color:var(--ink-3)}

/* ---------- 12. BLOCO: contato ---------- */
[data-bloco="contato"]{padding-block:var(--s-8);background:var(--paper)}
.contato-cards{margin-top:var(--s-6);display:grid;gap:2px;background:var(--line);border:2px solid var(--ink)}
.card-c{background:var(--paper);padding:var(--s-5);display:block;color:inherit;min-height:var(--tap)}
.card-c:hover{background:#fff}
.card-c .ico{width:22px;height:22px;color:var(--ink);margin-bottom:var(--s-3)}
.card-c span{display:block;font-size:var(--t-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.card-c b{display:block;margin-top:var(--s-2);font-size:var(--t-lg);color:var(--ink);font-weight:600;line-height:1.3}
.areas{margin-top:var(--s-7)}
.areas h3{font-size:var(--t-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.areas-texto{margin-top:var(--s-4);font-size:var(--t-sm);color:var(--ink-3);max-width:60ch}
.areas ul{margin-top:var(--s-4);display:flex;flex-wrap:wrap;gap:var(--s-2);list-style:none}
.areas li{font-size:var(--t-sm);color:var(--ink-3);border:1px solid var(--line);padding:6px 12px;background:var(--paper-2)}

/* ---------- 13. (reservado) ---------- */

/* ---------- 14. ≥720px ---------- */
@media(min-width:720px){
  .topo-nav{display:flex;gap:var(--s-5)}
  .topo-nav a{color:var(--paper-3);font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500}
  .topo-nav a:hover{color:var(--amber)}
  .menu-btn{display:none}
  .gaveta{display:none!important}
  h1{font-size:clamp(3.25rem,7vw,4.5rem)}
  .hero--curto h1{font-size:clamp(2.75rem,5.5vw,3.5rem)}
  .hero-acoes,.cta-acoes{flex-direction:row;flex-wrap:wrap}
  .cifras{grid-template-columns:repeat(4,1fr)}
  .servs{grid-template-columns:1fr 1fr}
  .serv.destaque{grid-column:span 2}
  .passos,.contato-cards{grid-template-columns:1fr 1fr}
  .ad-lista{grid-template-columns:1fr 1fr}
  .rodape-topo{grid-template-columns:repeat(2,1fr);gap:var(--s-7) var(--s-6)}
  .rodape-fim{grid-template-columns:1fr auto;align-items:center;gap:var(--s-2) var(--s-5)}
  .rodape-local{grid-column:1;grid-row:2}
  .rodape-dev{grid-column:2;grid-row:1/span 2;justify-self:end}
  .wa-fixo{left:auto;right:var(--gut);width:auto;padding-inline:var(--s-6)}
  body{padding-bottom:0}
}

/* ---------- 15. ≥1060px ---------- */
@media(min-width:1060px){
  .hero-grid{display:block}
  .hero h1{max-width:18ch}
  .hero .lead{max-width:52ch}
  .hero--curto .hero-grid{display:block}
  .servs{grid-template-columns:repeat(3,1fr)}
  .serv.destaque{grid-column:span 1}
  .serv.destaque:first-of-type{grid-column:span 2}
  .passos{grid-template-columns:repeat(4,1fr)}
  .contato-cards{grid-template-columns:repeat(4,1fr)}
  .secao-dupla{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--s-9);align-items:start}
  .rodape-topo{grid-template-columns:1.6fr .9fr 1fr 1.3fr;gap:var(--s-8)}
  .rodape-col--div{border-left:1px solid var(--line-dk);padding-left:var(--s-6)}
  .rodape-fim{grid-template-columns:auto 1fr auto;gap:var(--s-5)}
  .rodape-local{grid-column:2;grid-row:1;justify-self:center;text-align:center}
  .rodape-dev{grid-column:3;grid-row:1}
}

/* ---------- 16. MOVIMENTO REDUZIDO ---------- */
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}