@font-face{font-family:"Instrument Serif";src:url(/fonts/is.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Instrument Serif";font-style:italic;src:url(/fonts/is-i.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/fonts/sg.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Silkscreen";src:url(/fonts/sk.woff2) format("woff2");font-display:swap}
:root{--paper:#f3ecdd;--paper2:#ebe2cf;--card:#fbf7ee;--ink:#1b1f17;--mute:#5a5e51;--line:#d8ceb8;--moss:#3c6627;--leaf:#7cc25a;--amber:#e9a23b;--night:#14111c;--night2:#1e1929;
--serif:"Instrument Serif",ui-serif,Georgia,serif;--sans:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--pix:"Silkscreen",ui-monospace,Menlo,monospace;
--r:4px;--step:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.5;background-image:radial-gradient(#0000000a 1px,transparent 1px);background-size:4px 4px}
img{max-width:100%;height:auto}.px{image-rendering:pixelated;image-rendering:crisp-edges}
a{color:var(--moss);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin:0 0 .4em;line-height:1.02}
h1{font-size:clamp(46px,7.2vw,104px)}h2{font-size:clamp(34px,4.6vw,60px)}h3,.h3{font-size:clamp(24px,2.4vw,30px);font-family:var(--serif);font-weight:400}
h1 em,h2 em{font-style:italic;color:var(--moss)}.night h2 em{color:var(--leaf)}
.eyebrow{font:12px/1.4 var(--pix);letter-spacing:.08em;text-transform:uppercase;color:var(--moss);margin:0 0 18px}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--mute);max-width:36em;margin:0 0 28px}.muted{color:var(--mute)}.small{font-size:14px}.center{text-align:center}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}.narrow{max-width:820px}
section{padding:clamp(64px,9vw,128px) 0}.paper2{background:var(--paper2)}
.shead{max-width:720px;margin-bottom:44px}.shead.wide{max-width:900px}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--ink);color:var(--paper);padding:10px 14px}.skip:focus{left:8px}
/* header */
.top{position:sticky;top:0;z-index:20;background:#f3ecddd9;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.scrolled{border-color:var(--line)}
.bar{max-width:1180px;margin:0 auto;padding:12px clamp(20px,4vw,40px);display:flex;align-items:center;gap:28px}
.logo{display:inline-flex;align-items:center;gap:10px;font:400 28px/1 var(--serif);color:var(--ink);text-decoration:none;letter-spacing:-.01em}.logo img{border-radius:3px}
.bar nav{display:flex;gap:22px;margin-left:auto}.bar nav a{color:var(--mute);text-decoration:none;font-size:15px;font-weight:500}.bar nav a:hover,.bar nav a[aria-current]{color:var(--ink)}
/* buttons */
.btn{--bg:var(--ink);--fg:var(--paper);display:inline-flex;align-items:center;gap:10px;background:var(--bg);color:var(--fg);font:500 16px/1 var(--sans);padding:16px 24px;text-decoration:none;border:0;cursor:pointer;clip-path:var(--step);transition:transform .15s,background .15s}
.btn:hover{color:var(--fg);transform:translateY(-2px);--bg:#2c3326}.btn:active{transform:translateY(0)}
.btn:focus-visible{clip-path:none;outline-offset:2px}
.btn.ghost{--bg:transparent;--fg:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);clip-path:none}.btn.ghost:hover{--bg:var(--ink);--fg:var(--paper)}
.btn.light{--bg:var(--paper);--fg:var(--ink)}.btn.light:hover{--bg:#fff}
.btn.sm{padding:11px 16px;font-size:14px}
.btn.soon .dot{width:8px;height:8px;background:var(--amber);box-shadow:0 0 0 0 #e9a23b88;animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #e9a23baa}70%{box-shadow:0 0 0 8px #e9a23b00}100%{box-shadow:0 0 0 0 #e9a23b00}}
.link{background:none;border:0;padding:0;font:inherit;color:var(--moss);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.chip{display:inline-block;font:11px/1 var(--pix);letter-spacing:.06em;text-transform:uppercase;padding:6px 8px;background:#e4dcc7;color:var(--ink)}
.chip.t-rare,.cap .t-rare{background:#d7e8c4;color:#2b4d1b}.chip.t-mythic,.cap .t-mythic{background:#2a2140;color:#f5d27a}
/* hero */
.hero{padding-top:clamp(36px,6vw,80px);overflow:hidden}
.hgrid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.facts{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 34px;margin:44px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.facts dt{font:11px var(--pix);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.facts dd{margin:4px 0 0;font:400 26px/1 var(--serif)}
.spec{margin:0;background:var(--card);padding:14px;box-shadow:0 1px 0 var(--line),0 30px 60px -30px #3a2f1f55,0 0 0 1px var(--line);transform:rotate(1.2deg)}
.frame{position:relative;background:#2a2140;overflow:hidden}.frame img{display:block;width:100%}
.frame .no{position:absolute;top:10px;left:10px;z-index:2;font:11px var(--pix);color:#fff;background:#0007;padding:5px 7px;letter-spacing:.06em}
.spec.swap img{animation:reveal .55s steps(8) both}@keyframes reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.spec figcaption{padding:14px 4px 2px}.spec .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.spec b{display:block;font:400 28px/1.1 var(--serif)}.spec [data-f=job]{font-size:14px;color:var(--mute)}.spec .act{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.more{font-size:14px;font-weight:500}
@media (prefers-reduced-motion:no-preference){.spec .frame img{animation:idle 1.6s steps(1) infinite}}
@keyframes idle{50%{transform:translateY(-1.5%)}}
/* wall */
.night{background:var(--night);color:#efe7d6}.night .lead{color:#b9b0c6}.night .eyebrow{color:var(--leaf)}
.wall{position:relative;max-width:960px;margin:0 auto 40px;--x:50%;--y:50%;--w:960px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:none;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -30px #000}
.wall img{display:block;width:100%}
.wall::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--x) var(--y),#ffd08a2e 0,#ffd08a00 calc(var(--w)*.14)),radial-gradient(circle at var(--x) var(--y),#0c0a1200 0,#0c0a1200 calc(var(--w)*.09),#0c0a12b0 calc(var(--w)*.2),#0c0a12f0 calc(var(--w)*.33))}
.wall .links{position:absolute;inset:0;display:grid;grid-template-columns:repeat(16,1fr);z-index:1}
.wall .links a{display:block}.wall .links a:hover{box-shadow:inset 0 0 0 2px var(--amber)}
.tip{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,calc(-100% - 18px));background:var(--paper);color:var(--ink);font:12px var(--pix);padding:7px 9px;white-space:nowrap;letter-spacing:.04em}
@media (hover:none){.wall{cursor:auto}}
@media (prefers-reduced-motion:reduce){.wall::after{background:radial-gradient(circle at 50% 50%,#0c0a1200 0,#0c0a1200 35%,#0c0a1290 75%)}}
/* quiz */
.two{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:start}
.quiz fieldset{border:0;margin:0 0 22px;padding:0}.quiz legend{font:12px var(--pix);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.quiz label{display:inline-block;margin:0 6px 8px 0}.quiz input{position:absolute;opacity:0;pointer-events:none}
.quiz label span{display:inline-block;padding:10px 15px;border:1.5px solid var(--line);background:var(--card);font-size:15px;cursor:pointer;transition:border-color .15s,background .15s}
.quiz label:hover span{border-color:var(--ink)}.quiz input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.quiz input:focus-visible+span{outline:3px solid var(--amber);outline-offset:2px}
.match{margin-top:28px;display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;background:var(--card);padding:16px;box-shadow:0 0 0 1px var(--line)}
.match[hidden]{display:none}.match.empty-m{grid-template-columns:120px 1fr;box-shadow:none;border:1.5px dashed var(--line);background:transparent}.match .q{aspect-ratio:1;display:grid;place-items:center;background:var(--paper2);font:40px var(--pix);color:var(--mute)}.match .px{width:100%;display:block}.match h3{margin:4px 0 6px}.match p{margin:0 0 12px;color:var(--mute);font-size:15px}
.match .alts{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--mute)}.match .alts img{width:44px}
.match.swap{animation:pop .4s ease both}@keyframes pop{from{opacity:0;transform:translateY(8px)}}
/* craft */
.loupe{position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--line);aspect-ratio:1}.loupe img{display:block;width:200%;max-width:none;transform:translate(-25%,-21.875%)}
.loupe .gridlines{background-size:3.125% 3.125%}
.gridlines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#0000002e 1px,transparent 1px),linear-gradient(90deg,#0000002e 1px,transparent 1px);background-size:calc(100%/32) calc(100%/32)}
.frame .gridlines{opacity:0;transition:opacity .2s;background-size:calc(100%/64) calc(100%/64);background-image:linear-gradient(#ffffff30 1px,transparent 1px),linear-gradient(90deg,#ffffff30 1px,transparent 1px)}.frame.grid-on .gridlines{opacity:1}
.ticks{list-style:none;padding:0;margin:0 0 20px}.ticks li{padding:14px 0 14px 30px;border-top:1px solid var(--line);position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:22px;width:10px;height:10px;background:var(--leaf);box-shadow:3px 3px 0 var(--moss)}
/* tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tier{background:var(--card);padding:24px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column}
.tier header{display:flex;justify-content:space-between;align-items:baseline}.tier h3{margin:0}.tier .num{font:400 44px/1 var(--serif);color:var(--mute)}
.tier p{color:var(--mute);font-size:15px;flex:1}.tier .strip{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:6px 0 18px}.tier .strip img{display:block;width:100%}
.tier .price{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:14px;margin:0;flex:none}.tier .price span{font-size:13px}.tier .price b{font:400 24px var(--serif);color:var(--ink)}
.tier.t-mythic{background:#221b33;color:#efe7d6;box-shadow:none}.tier.t-mythic p,.tier.t-mythic .num{color:#b9b0c6}.tier.t-mythic h3,.tier.t-mythic .price b{color:#f5d27a}.tier.t-mythic .price{border-color:#ffffff1f}
/* lore */
.lore{font:400 clamp(22px,2.2vw,28px)/1.35 var(--serif);color:var(--ink)}
.notes{display:grid;gap:12px}.note{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;background:var(--card);padding:12px;text-decoration:none;color:var(--ink);box-shadow:0 0 0 1px var(--line);transition:transform .15s}
.note:hover{transform:translateX(4px);color:var(--ink)}.note img{width:96px;display:block}.note small{display:block;font:11px var(--pix);letter-spacing:.05em;text-transform:uppercase;color:var(--moss);margin-bottom:6px}.note span{font-size:15px;line-height:1.45}
/* collect */
.collect{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);background:var(--ink);color:var(--paper);padding:clamp(28px,5vw,64px)}
.collect h2{color:var(--paper)}.collect .lead,.collect .muted{color:#c9c2b2}.collect .eyebrow{color:var(--leaf)}.collect .btn{--bg:var(--paper);--fg:var(--ink)}.collect .muted{margin-top:22px}
.steps{list-style:none;counter-reset:s;margin:0;padding:0}.steps li{counter-increment:s;padding:18px 0 18px 58px;position:relative;border-top:1px solid #ffffff1f;color:#c9c2b2}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:18px;font:14px var(--pix);color:var(--leaf)}.steps b{color:var(--paper);display:block;font-weight:500}
/* page heads, gallery */
.phead{padding:clamp(48px,7vw,96px) 0 clamp(20px,3vw,32px)}.phead h1{font-size:clamp(44px,6vw,84px)}.phead+section{padding-top:0}
.filters{position:sticky;top:62px;z-index:10;background:#f3ecddf2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 0;margin-bottom:22px;border-bottom:1px solid var(--line)}
.frow{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mute)}
.filters label>span{font:10px var(--pix);letter-spacing:.06em;text-transform:uppercase}
.filters select{appearance:none;-webkit-appearance:none;padding-right:30px;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h2v2h2v2h2V2h2V0h2v2H8v2H6v2H4V4H2V2H0z' fill='%231b1f17'/%3E%3C/svg%3E") no-repeat right 11px center}
.filters select,.filters input{font:15px var(--sans);color:var(--ink);background-color:var(--card);border:1.5px solid var(--line);padding:9px 10px;border-radius:0;min-width:130px;height:42px}
.filters .num input{width:96px;min-width:0}.filters select:hover,.filters input:hover{border-color:var(--ink)}
.more-f summary{list-style:none;cursor:pointer;height:42px;display:flex;align-items:center;padding:0 14px;border:1.5px solid var(--ink);font-size:15px;font-weight:500}.more-f summary::-webkit-details-marker{display:none}
.more-f summary::after{content:"+";margin-left:10px}.more-f[open] summary::after{content:"–"}
.more-f[open]{flex-basis:100%}.fgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.fgrid2 select{width:100%;min-width:0}
.fstat{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;color:var(--mute)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.tiles.six{grid-template-columns:repeat(6,1fr)}
.tile{display:block;background:var(--card);text-decoration:none;color:var(--ink);box-shadow:0 0 0 1px var(--line);transition:transform .15s,box-shadow .15s}
.tile img{display:block;width:100%;aspect-ratio:1}.tile:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--ink),0 14px 24px -14px #0006;color:var(--ink)}
.cap{display:flex;justify-content:space-between;align-items:center;padding:7px 8px;font-size:13px}.cap b{font-weight:500}
.cap i{font:9px var(--pix);font-style:normal;letter-spacing:.05em;text-transform:uppercase;padding:3px 5px;background:#e4dcc7}
.tile[hidden]{display:none}.empty{padding:40px 0;text-align:center;color:var(--mute)}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-block;padding:7px 12px;border:1.5px solid var(--line);background:var(--card);text-decoration:none;color:var(--ink);font-size:14px}.pill:hover{border-color:var(--ink);color:var(--ink)}
.gal .h3{margin-top:56px}
/* traits */
.tcards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tcard{background:var(--card);padding:24px;box-shadow:0 0 0 1px var(--line);scroll-margin-top:90px}.tcard h2{font-size:34px;display:flex;justify-content:space-between;align-items:baseline}.tcard h2 span{font:11px var(--pix);color:var(--mute);letter-spacing:.06em;text-transform:uppercase}
.trows{list-style:none;margin:0;padding:0}.trows a{display:grid;grid-template-columns:40px 1fr 90px 92px;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.trows a:hover .v{text-decoration:underline}.trows img{display:block}.trows .n,.traits .n{font-size:13px;color:var(--mute);text-align:right;font-variant-numeric:tabular-nums}
.meter{display:block;height:6px;background:#e4dcc7;position:relative}.meter i{position:absolute;inset:0 auto 0 0;width:var(--p);background:var(--moss);max-width:100%}
/* token */
.token{padding-top:clamp(32px,5vw,64px)}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.tart{position:sticky;top:84px}.frame.big{box-shadow:0 30px 60px -30px #3a2f1f66,0 0 0 1px var(--line)}
.artbar{display:flex;justify-content:space-between;margin-top:12px}
.tinfo h1{font-size:clamp(44px,5.6vw,80px);margin-bottom:6px}.sub{font:italic 400 clamp(22px,2.2vw,28px) var(--serif);margin:0 0 20px}.sub span{color:var(--mute)}
.tinfo .lore{font-size:clamp(19px,1.8vw,22px);color:var(--mute);margin:0 0 28px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats div{padding:14px 0}.stats div+div{padding-left:18px;border-left:1px solid var(--line)}
.stats dt{font:10px var(--pix);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}.stats dd{margin:0;font:400 26px/1.1 var(--serif)}.stats small{font:13px var(--sans);color:var(--mute)}
.traits{list-style:none;margin:0 0 28px;padding:0}.traits li{display:grid;grid-template-columns:96px 1fr 80px 52px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}
.traits .k{font:10px var(--pix);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.traits .v{color:var(--ink);font-weight:500;text-decoration:none}.traits .v:hover{text-decoration:underline}
.pn{display:flex;justify-content:space-between;margin-top:26px;font-size:15px}
/* faq */
.faq details{border-top:1px solid var(--line);padding:4px 0}.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font:400 clamp(22px,2.2vw,28px)/1.2 var(--serif)}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-family:var(--sans);color:var(--moss)}.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 20px;color:var(--mute);max-width:40em}
.lost{display:block;margin:0 auto 24px;width:160px}
/* footer */
.foot{background:var(--paper2);padding:64px 0 28px;border-top:1px solid var(--line);font-size:15px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.foot h2{font:11px var(--pix);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:6px 0 14px}
.foot a:not(.logo){display:block;color:var(--ink);text-decoration:none;margin-bottom:8px}.foot a:not(.logo):hover{text-decoration:underline}.foot p{color:var(--mute);margin:12px 0 0;max-width:28em}
.fine{margin-top:48px !important;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
/* responsive */
@media (max-width:980px){.tiles.six{grid-template-columns:repeat(3,1fr)}.tcards{grid-template-columns:1fr}}
@media (max-width:860px){.hgrid,.two,.tgrid,.collect{grid-template-columns:1fr}.tiers{grid-template-columns:1fr}.spec{transform:none;max-width:520px}.tart{position:static}.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}}
@media (max-width:640px){body{font-size:16px}.hgrid{gap:28px}.hgrid .spec{order:-1;max-width:300px;margin:0 auto;transform:rotate(-1.5deg)}.spec b{font-size:22px}.spec .act .btn{white-space:nowrap;padding:10px 12px;font-size:13px}.spec .more{white-space:nowrap;font-size:13px}.spec .act{margin-top:10px;padding-top:10px}.hero .ctas .btn{flex:1 1 100%;justify-content:center}.hero h1{font-size:44px}.bar{gap:14px}.bar nav{gap:14px}.bar nav a{font-size:14px}.bar .btn.sm{display:none}.logo{font-size:24px}
.facts{grid-template-columns:repeat(2,auto);gap:14px 30px}.match{grid-template-columns:110px 1fr}
.tiles{grid-template-columns:repeat(3,1fr);gap:8px}.cap{padding:5px 6px;font-size:12px}.cap i{display:none}
.filters{top:56px}.filters select,.filters input{min-width:0;width:100%}.frow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.frow .more-f{grid-column:1/-1}.more-f summary{justify-content:center}
.traits li{grid-template-columns:84px 1fr 44px}.traits .meter{display:none}.trows a{grid-template-columns:36px 1fr 82px}.trows .meter{display:none}.stats dd{font-size:22px}.stats div+div{padding-left:12px}
.tip{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}