:root {
  --ink:#0b0b0c;
  --paper:#f7f3ea;
  --red:#c81e1e;
  --muted:#8a8a8e;
  --line:rgba(247,243,234,.17);
  --panel:#151516;
  --ease:cubic-bezier(.2,.78,.24,1);
  --sans:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Noto Sans SC",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{height:82px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.12;letter-spacing:.13em;font-weight:700}
.brand img{width:42px;height:42px}
.top-meta{display:flex;gap:38px;font-size:11px;letter-spacing:.16em;color:#aaa}
.status-dot{display:inline-block;width:5px;height:5px;background:var(--red);margin-right:8px;animation:pulse 1.8s infinite}
.top-actions{justify-self:end;display:flex;align-items:center;gap:18px}.theme-switch{background:transparent;color:inherit;border:0;font-size:11px;letter-spacing:.15em;cursor:pointer;padding:12px 0}.top-star{background:var(--red);color:#fff;padding:11px 15px;font-size:11px;letter-spacing:.13em;font-weight:800}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:44% 56%;position:relative;border-bottom:1px solid var(--line)}
.hero-copy{padding:7.5vh 0 9vh 5vw;position:relative;z-index:2}
.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.18em;color:var(--red);margin:0 0 3vh;font-weight:700}
h1{font-size:clamp(58px,7vw,118px);line-height:.79;letter-spacing:-.075em;margin:0;font-weight:900}
h1 .outline{color:transparent;-webkit-text-stroke:1px var(--paper)}
.manifesto{font-size:clamp(17px,1.8vw,28px);letter-spacing:.09em;margin:4vh 0 2vh}
.manifesto strong{color:var(--red)}
.deck{font-family:var(--sans);font-size:clamp(17px,1.35vw,21px);line-height:1.55;color:#c4c4c6;margin:0 0 5vh;font-weight:400}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.button{border:1px solid var(--line);padding:17px 20px;font-size:12px;letter-spacing:.12em;display:flex;gap:28px;justify-content:space-between;transition:.25s;font-weight:700}
.button:hover{background:var(--paper);color:var(--ink)}
.button.primary{background:var(--red);border-color:var(--red);color:#fff}
.button.primary:hover{background:#e32828}
.hero-stage{position:relative;overflow:hidden;border-left:1px solid var(--line);min-height:630px;background:radial-gradient(circle at 50% 45%,#202022 0,#101011 43%,#0b0b0c 75%)}
.stage-grid{position:absolute;inset:-1px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:10% 10%;mask-image:radial-gradient(circle,#000 0,transparent 70%);opacity:.24}
.orbit{position:absolute;border:1px solid rgba(247,243,234,.17);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin 19s linear infinite}
.orbit:before,.orbit:after{content:"";position:absolute;background:var(--paper);width:5px;height:5px;top:50%;transform:translateY(-50%)}
.orbit:before{left:-3px}.orbit:after{right:-3px;background:var(--red)}
.orbit-a{width:52%;aspect-ratio:1}.orbit-b{width:77%;aspect-ratio:1;animation-direction:reverse;animation-duration:42s;border-style:dashed;opacity:.28}
.hero-mark{position:absolute;left:50%;top:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}
.mark-core{width:46%;height:46%;background:var(--paper);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:core 4.8s var(--ease) infinite}
.mark-index,.mark-label{position:absolute;font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:#aaa;font-weight:600}
.mark-index{top:2%;left:0}.mark-label{bottom:0;right:-18%;line-height:1.5}
.signal{position:absolute;font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:#aaa;border-left:2px solid var(--red);padding-left:10px;font-weight:700}
.s1{left:9%;top:17%}
.red-runner{position:absolute;width:11px;height:11px;background:var(--red);left:78%;top:24%;animation:pulse 2.4s ease-in-out infinite;box-shadow:0 0 24px rgba(200,30,30,.55)}
.scroll-cue{position:absolute;bottom:25px;left:5vw;font-family:var(--sans);font-size:11px;letter-spacing:.16em;color:#888;display:flex;gap:12px;align-items:center;font-weight:600}
.scroll-cue span{display:block;width:32px;height:1px;background:var(--red)}
.atlas{padding:11vh 4vw 12vh;background:var(--paper);color:var(--ink)}
.section-head{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;border-bottom:1px solid rgba(11,11,12,.2);padding-bottom:5vh}
.section-head h2,.method h2{font-size:clamp(42px,5.4vw,82px);line-height:.89;letter-spacing:-.06em;margin:0}
.section-head h2 span,.method h2 span{color:var(--red)}
.section-note{font-family:var(--sans);max-width:470px;line-height:1.55;color:#4f4f52;font-size:17px}
.filterbar{display:flex;gap:7px;padding:24px 0}
.filter{border:1px solid rgba(11,11,12,.25);background:transparent;padding:10px 14px;font-family:var(--sans);font-size:11px;letter-spacing:.09em;cursor:pointer;font-weight:700}
.filter.active,.filter:hover{background:var(--ink);color:var(--paper)}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
.motion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.motion-card{min-height:190px;border:1px solid rgba(11,11,12,.15);background:#f1ede4;position:relative;padding:13px;cursor:pointer;overflow:hidden;transition:transform .25s var(--ease),background .25s}
.motion-card:hover,.motion-card.selected{background:#fff;transform:translateY(-3px);box-shadow:0 12px 30px rgba(11,11,12,.08)}
.motion-card.selected{outline:2px solid var(--red);outline-offset:-2px}
.card-head{display:flex;justify-content:space-between;font-family:var(--sans);font-size:11px;letter-spacing:.07em;position:relative;z-index:2;font-weight:600}
.card-state{color:#777}.card-state[data-state="ready"]{color:#176b48}.card-state[data-state="external"]{color:var(--red)}
.mini{height:105px;margin-top:12px;position:relative;overflow:hidden;border-top:1px solid rgba(11,11,12,.1);border-bottom:1px solid rgba(11,11,12,.1)}
.mini i{position:absolute;display:block;background:var(--ink)}
.card-name{font-weight:800;font-size:13px;letter-spacing:.02em;text-transform:uppercase;margin:9px 0 0}
.inspector{position:sticky;top:18px;background:var(--ink);color:var(--paper);min-height:610px;padding:20px}
.inspector-top{display:flex;justify-content:space-between;font-family:var(--sans)}
.inspector-number{font-size:34px;font-weight:700}
.inspector-state{font-size:11px;letter-spacing:.09em;height:max-content;padding:7px 8px;border:1px solid #555;font-weight:700}
.state-ready{color:#6ee7b7}.state-recipe{color:#f3d573}.state-external{color:#ff7373}
.inspector-demo{height:220px;margin:24px -20px 27px;background:#19191b;position:relative;overflow:hidden;border-block:1px solid var(--line)}
.inspector h3{font-size:34px;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 9px}
.inspector-role{font-family:var(--sans);font-size:11px;letter-spacing:.1em;color:var(--red);font-weight:700}
.inspector dl{margin-top:28px}.inspector dl div{border-top:1px solid var(--line);padding:15px 0}
.inspector dt{font-family:var(--sans);font-size:11px;letter-spacing:.1em;color:#999;margin-bottom:8px;font-weight:700}
.inspector dd{margin:0;font-family:var(--sans);font-size:15px;line-height:1.5;color:#d2d2d4}
.inspect-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:11px;letter-spacing:.1em;margin-top:16px;color:#eee;font-weight:700}
.method{min-height:82vh;padding:10vh 5vw;display:grid;grid-template-columns:14% 43% 43%;align-items:start;border-bottom:1px solid var(--line)}
.method-index{font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:#888}.method-index span{font-size:72px;color:#29292b;font-family:var(--sans)}
.method .eyebrow{margin-bottom:30px}
.method-steps{margin:0;padding:0;list-style:none}
.method-steps li{display:grid;grid-template-columns:42px 1fr;padding:23px 0;border-top:1px solid var(--line)}
.method-steps li>span{font-family:var(--sans);color:var(--red);font-size:12px;font-weight:700}
.method-steps strong{font-size:15px;letter-spacing:.06em}
.method-steps p{grid-column:2;font-family:var(--sans);color:#999;font-size:15px;line-height:1.45;margin:8px 0 0}
footer{padding:50px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;min-height:230px}
footer p{font-size:12px;line-height:1.5;letter-spacing:.08em}
footer>div:last-child{display:flex;flex-direction:column;gap:20px;align-items:flex-end;font-family:var(--sans);font-size:11px;letter-spacing:.1em;color:#999}
footer a{color:var(--paper)}

/* each mini animation is a semantic sketch, not decorative confetti */
.fx-rise i{width:54%;height:10px;left:23%;top:55%;animation:rise 2.4s var(--ease) infinite}
.fx-mask i{width:75%;height:7px;left:12%;top:30%;box-shadow:0 18px 0 var(--ink),0 36px 0 var(--ink);animation:mask 2.6s var(--ease) infinite}
.fx-stagger i{width:18%;height:46%;bottom:12%;left:12%;animation:stagger 2.4s var(--ease) infinite}.fx-stagger i:nth-child(2){left:41%;animation-delay:.18s}.fx-stagger i:nth-child(3){left:70%;animation-delay:.36s}
.fx-clash i{width:27%;height:38%;top:31%}.fx-clash i:first-child{left:9%;animation:clashL 2.5s var(--ease) infinite}.fx-clash i:last-child{right:9%;background:var(--red);animation:clashR 2.5s var(--ease) infinite}
.fx-wipe i{inset:16% 10%;background:linear-gradient(90deg,var(--ink) 50%,var(--red) 50%);clip-path:inset(0 48% 0 0);animation:wipe 2.6s var(--ease) infinite}
.fx-count i{background:transparent;color:var(--ink);font:800 48px/1 Arial;left:18%;top:27%}.fx-count i:after{content:"87";animation:count 2.8s steps(1) infinite}
.fx-draw i{background:transparent;width:76%;height:60%;left:12%;top:20%;border:2px solid var(--ink);border-left-color:transparent;border-bottom-color:var(--red);transform:skewX(-18deg);clip-path:inset(0 100% 0 0);animation:draw 2.8s var(--ease) infinite}
.fx-travel i{width:10px;height:10px;background:var(--red);left:10%;top:70%;animation:travel 3s var(--ease) infinite}
.fx-morph i{width:38px;height:38px;left:39%;top:32%;animation:morph 3s var(--ease) infinite}
.fx-circle i{width:72px;height:72px;border-radius:50%;left:34%;top:18%;background:var(--red);animation:circleReveal 2.8s var(--ease) infinite}
.fx-flip i{width:25%;height:30%;top:17%;left:9%;animation:flip 2.7s var(--ease) infinite}.fx-flip i:nth-child(2){left:38%;animation-delay:.14s}.fx-flip i:nth-child(3){left:67%;animation-delay:.28s}
.fx-spot i{width:65px;height:65px;border-radius:50%;left:14%;top:17%;background:radial-gradient(circle,var(--paper) 0 35%,var(--red) 37% 42%,transparent 44%);animation:spot 3s var(--ease) infinite}
.fx-depth i{width:90%;height:10px;left:5%;top:15%;box-shadow:0 20px 0 #555,0 40px 0 #888,0 60px 0 var(--red);animation:depth 3s var(--ease) infinite}
.fx-zoom i{width:24px;height:24px;border:2px solid var(--red);background:transparent;left:44%;top:37%;animation:zoom 3s var(--ease) infinite}
.fx-bars i{bottom:15%;width:13%;left:14%;height:25%;animation:bars 2.8s var(--ease) infinite}.fx-bars i:nth-child(2){left:36%;height:46%;animation-delay:.15s}.fx-bars i:nth-child(3){left:58%;height:67%;background:var(--red);animation-delay:.3s}
.fx-chain i{width:14px;height:14px;left:11%;top:43%;animation:chain 2.8s steps(1) infinite}.fx-chain i:nth-child(2){left:42%;animation-delay:.25s}.fx-chain i:nth-child(3){left:73%;animation-delay:.5s}
.fx-branch i{width:62%;height:2px;left:18%;top:50%;transform-origin:left;background:var(--red);animation:branch 3s var(--ease) infinite}.fx-branch i:last-child{transform:rotate(0);animation-name:branch2}
.fx-funnel i{width:80%;height:70%;left:10%;top:14%;background:var(--ink);clip-path:polygon(0 0,100% 0,58% 52%,58% 100%,42% 100%,42% 52%);animation:funnel 3s var(--ease) infinite}
.fx-particles i{width:8px;height:8px;left:20%;top:22%;box-shadow:39px 13px 0 var(--ink),77px 1px 0 var(--red),21px 53px 0 var(--ink),91px 60px 0 var(--ink),54px 40px 0 var(--ink);animation:particles 3s var(--ease) infinite}
.fx-network i{width:8px;height:8px;border-radius:50%;left:20%;top:20%;box-shadow:62px 9px 0 var(--ink),26px 52px 0 var(--red),85px 64px 0 var(--ink);animation:network 3s var(--ease) infinite}
.fx-flow i{width:84%;height:10px;left:8%;top:45%;background:repeating-linear-gradient(90deg,var(--ink) 0 13px,transparent 13px 20px);animation:flow 1.7s linear infinite}
.fx-shader i{inset:14% 8%;background:linear-gradient(115deg,var(--ink),var(--red),var(--ink));background-size:230% 100%;animation:shader 2.6s linear infinite}
.fx-glitch i{width:62%;height:22%;left:19%;top:39%;background:var(--red);animation:glitch 1.4s steps(1) infinite}
.fx-type i{height:13px;width:70%;left:15%;top:44%;background:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 12px);animation:type 2.5s steps(8) infinite}
.fx-control i{width:76%;height:56%;left:12%;top:21%;background:transparent;border:1px solid var(--ink)}.fx-control i:after{content:"▶ LIVE";position:absolute;inset:35% auto auto 27%;font:700 13px var(--sans);color:var(--red);animation:pulse 1.2s infinite}
.fx-svg i{width:54px;height:54px;left:34%;top:24%;animation:morphSvg 3.1s var(--ease) infinite;background:var(--red)}
.fx-scroll i{width:65%;height:20px;left:17%;top:18%;box-shadow:0 27px 0 #555,0 54px 0 var(--red);animation:scroll 3s var(--ease) infinite}
.fx-character i{width:38px;height:48px;left:38%;top:30%;background:var(--red);border-radius:50% 50% 12% 12%;animation:character 2.4s var(--ease) infinite}
.fx-camera i{width:78%;height:70%;left:11%;top:15%;background:transparent;border:1px solid var(--ink);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);animation:camera 3.2s var(--ease) infinite}
.fx-timeline i{height:2px;width:78%;left:11%;top:50%;background:var(--ink)}.fx-timeline i:after{content:"";position:absolute;width:11px;height:11px;background:var(--red);top:-5px;left:0;animation:timeline 3s var(--ease) infinite}
.fx-audio i{width:7px;height:45%;left:17%;bottom:25%;box-shadow:17px 12px 0 var(--ink),34px -7px 0 var(--red),51px 18px 0 var(--ink),68px 4px 0 var(--ink),85px 14px 0 var(--ink);animation:audio .9s var(--ease) infinite alternate}

@keyframes pulse{50%{opacity:.25}}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes core{0%,15%{transform:rotate(0) scale(.35);opacity:.2}45%,75%{transform:rotate(45deg) scale(1);opacity:1}100%{transform:rotate(90deg) scale(.35);opacity:.2}}
@keyframes runner{0%{left:8%;top:10%}25%{left:86%;top:17%}50%{left:70%;top:82%}75%{left:14%;top:69%}100%{left:8%;top:10%}}
@keyframes rise{0%,15%{opacity:0;transform:translateY(30px)}45%,78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-12px)}}
@keyframes mask{0%,10%{clip-path:inset(0 100% 0 0)}55%,80%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes stagger{0%,15%{transform:translateY(35px);opacity:0}45%,80%{transform:none;opacity:1}100%{opacity:0}}
@keyframes clashL{0%,15%{transform:translateX(-70px)}50%,75%{transform:translateX(25px)}100%{transform:translateX(-70px)}}@keyframes clashR{0%,15%{transform:translateX(70px)}50%,75%{transform:translateX(-25px)}100%{transform:translateX(70px)}}
@keyframes wipe{0%,12%{clip-path:inset(0 100% 0 0)}50%,78%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes count{0%{content:"12"}25%{content:"34"}50%{content:"61"}75%,100%{content:"87"}}
@keyframes draw{0%,15%{clip-path:inset(0 100% 0 0)}60%,85%{clip-path:inset(0)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes travel{0%{left:10%;top:70%}35%{left:39%;top:28%}70%{left:72%;top:58%}100%{left:10%;top:70%}}
@keyframes morph{0%,10%{border-radius:0;transform:rotate(0)}50%{border-radius:50%;transform:rotate(180deg);background:var(--red)}90%,100%{border-radius:0;transform:rotate(360deg)}}
@keyframes circleReveal{0%,15%{transform:scale(.05)}55%,80%{transform:scale(1)}100%{transform:scale(.05)}}
@keyframes flip{0%,10%{transform:rotateY(90deg)}45%,80%{transform:rotateY(0)}100%{transform:rotateY(-90deg)}}
@keyframes spot{0%{left:10%}50%{left:55%}100%{left:10%}}
@keyframes depth{0%,10%{transform:translateY(-35px);opacity:.1}55%,80%{transform:none;opacity:1}100%{transform:translateY(35px);opacity:.1}}
@keyframes zoom{0%{transform:scale(.25)}55%,80%{transform:scale(3)}100%{transform:scale(.25)}}
@keyframes bars{0%,10%{transform:scaleY(.1);transform-origin:bottom}60%,80%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(.1);transform-origin:bottom}}
@keyframes chain{0%{opacity:.15}35%,100%{opacity:1}}
@keyframes branch{0%,20%{transform:rotate(0) scaleX(.15)}60%,85%{transform:rotate(-28deg) scaleX(1)}100%{transform:rotate(0) scaleX(.15)}}@keyframes branch2{0%,20%{transform:rotate(0) scaleX(.15)}60%,85%{transform:rotate(28deg) scaleX(1)}100%{transform:rotate(0) scaleX(.15)}}
@keyframes funnel{0%,12%{transform:scaleY(.2);opacity:.2}55%,82%{transform:none;opacity:1}100%{transform:scaleY(.2);opacity:.2}}
@keyframes particles{0%,15%{transform:scale(2.4);opacity:.2}60%,82%{transform:scale(.6);opacity:1}100%{transform:scale(2.4);opacity:.2}}
@keyframes network{50%{transform:rotate(35deg) scale(1.2)}}
@keyframes flow{to{background-position:20px 0}}
@keyframes shader{to{background-position:230% 0}}
@keyframes glitch{0%,70%,100%{transform:none;clip-path:inset(0)}73%{transform:translateX(8px);clip-path:inset(20% 0 44% 0)}77%{transform:translateX(-6px);clip-path:inset(55% 0 10% 0)}}
@keyframes type{0%{clip-path:inset(0 100% 0 0)}70%,100%{clip-path:inset(0)}}
@keyframes morphSvg{0%{clip-path:polygon(50% 0,100% 100%,0 100%)}50%{clip-path:circle(48%)}100%{clip-path:polygon(50% 0,100% 100%,0 100%)}}
@keyframes scroll{0%{transform:translateY(28px)}50%{transform:translateY(-28px)}100%{transform:translateY(28px)}}
@keyframes character{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-17px) rotate(7deg)}}
@keyframes camera{0%{transform:scale(.35);opacity:.2}60%,80%{transform:scale(1);opacity:1}100%{transform:scale(.35);opacity:.2}}
@keyframes timeline{0%{left:0}70%,100%{left:92%}}
@keyframes audio{to{transform:scaleY(.35);transform-origin:bottom}}

body.light{--ink:#f7f3ea;--paper:#0b0b0c;--panel:#eee9df;--line:rgba(11,11,12,.16);background:#f7f3ea;color:#0b0b0c}
body.light .hero-stage{background:radial-gradient(circle at 50% 45%,#fff 0,#eee9df 48%,#f7f3ea 78%)}
body.light .deck,body.light .top-meta,body.light .method-steps p,body.light footer>div:last-child{color:#5d5d60}
body.light .inspector{background:#f7f3ea;color:#0b0b0c;border:1px solid rgba(11,11,12,.18)}
body.light .inspector-demo{background:#eee9df}
body.light .inspector dd{color:#4d4d50}

@media (max-width:1000px){
  .top-meta{display:none}.topbar{grid-template-columns:1fr 1fr}
  .hero{grid-template-columns:1fr}.hero-copy{padding:8vh 6vw 5vh}.hero-stage{min-height:65vh;border-left:0;border-top:1px solid var(--line)}
  .scroll-cue{display:none}.section-head{grid-template-columns:1fr}.section-note{margin-top:25px}
  .atlas-layout{grid-template-columns:1fr}.inspector{position:relative;top:0;min-height:520px}
  .motion-grid{grid-template-columns:repeat(3,1fr)}
  .method{grid-template-columns:1fr 1fr}.method-index{display:none}.method-steps{margin-top:20px}
}
@media (max-width:650px){
  .topbar{height:68px}.hero{min-height:auto}.hero-copy{padding-top:7vh}h1{font-size:16vw}.actions{display:grid}.hero-stage{min-height:520px}
  .atlas{padding-inline:15px}.motion-grid{grid-template-columns:repeat(2,1fr)}.motion-card{min-height:170px}.filterbar{overflow:auto}
  .section-head h2,.method h2{font-size:12vw}.method{grid-template-columns:1fr;padding-inline:20px}.method-steps{margin-top:45px}
  footer{grid-template-columns:1fr;gap:35px}footer>div:last-child{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}