/* ============================================================
   NextGenMobility — v2 design system  (editorial / warm)
   Display: Fraunces (soft serif) · Body: Inter
   Palette from logo: green #0C9C3C · navy #003C84 · sky #0090D8
   ============================================================ */
:root{
  --ink:#0A2440; --ink-2:#3C4F6B;
  --green:#0C9C3C; --green-d:#0A7E31;
  --navy:#003C84; --navy-d:#002A5E;
  --sky:#0090D8;
  --cream:#FAF7EF; --cream-2:#F2ECDD; --card:#FFFFFF;
  --line:#E7E0CF; --muted:#5E6C82;
  --display:"Fraunces", Georgia, serif;
  --body:"Inter", system-ui, sans-serif;
  --maxw:1200px; --rad:22px;
}
:root{--spring:#0C9C3C;--spring-deep:#0A7E31;--coral:#003C84;--soft:#F2ECDD;--paper:#FAF7EF;--paper-2:#F2ECDD;}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--cream);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4{font-family:var(--display);font-weight:550;line-height:1.05;margin:0;letter-spacing:-.015em;font-optical-sizing:auto;}
a{color:inherit;text-decoration:none;}
em{font-style:italic;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 30px;}

/* kicker / eyebrow — outline pill */
.eyebrow{display:inline-block;font-family:var(--body);font-weight:600;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d);background:rgba(12,156,60,.08);border:1px solid rgba(12,156,60,.25);padding:6px 13px;border-radius:30px;}
.eyebrow::before{display:none;}

/* ---------- NAV (floating white pill) ---------- */
header.nav{position:sticky;top:0;z-index:60;background:transparent;padding:14px 0;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:60px;padding:10px 12px 10px 20px;box-shadow:0 10px 30px -18px rgba(10,36,64,.35);}
.brand{display:flex;align-items:center;flex:0 0 auto;}
.brand-logo{height:40px;width:auto;display:block;}
nav.links{display:flex;gap:26px;align-items:center;}
nav.links a{font-size:.93rem;font-weight:500;color:var(--ink-2);position:relative;padding:4px 0;}
nav.links a:hover{color:var(--ink);}
nav.links a.active{color:var(--green-d);}
nav.links a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:0;background:var(--green);transition:width .25s;}
nav.links a:not(.nav-cta):hover::after,nav.links a.active::after{width:100%;}
.nav-cta{background:var(--green);color:#fff;padding:11px 20px;border-radius:40px;font-weight:600;font-size:.9rem;}
.nav-cta:hover{background:var(--green-d);}
.burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:10px;}
.burger span{width:24px;height:2px;background:var(--ink);display:block;border-radius:2px;}

/* ---------- BUTTONS ---------- */
.btn{font-family:var(--body);font-weight:600;font-size:.96rem;padding:14px 26px;border-radius:40px;display:inline-flex;align-items:center;gap:9px;transition:transform .2s,background .2s,color .2s;cursor:pointer;}
.btn-primary{background:var(--green);color:#fff;}
.btn-primary:hover{transform:translateY(-2px);background:var(--green-d);}
.btn-ghost{border:1.6px solid currentColor;color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink);}

/* ---------- HERO (full green block) ---------- */
.hero{position:relative;background:var(--green);color:#fff;overflow:hidden;margin-top:-86px;padding:158px 0 90px;}
.hero::after{content:"";position:absolute;right:-160px;top:-120px;width:560px;height:560px;border-radius:50%;border:60px solid rgba(255,255,255,.07);}
.hero .emblem-watermark{position:absolute;right:4%;bottom:-60px;width:300px;opacity:.12;}
.hero-inner{position:relative;z-index:2;max-width:780px;}
.hero .eyebrow{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff;}
.hero h1{font-size:clamp(2.7rem,6vw,4.7rem);margin:22px 0 0;font-weight:500;}
.hero p.lede{font-size:1.22rem;max-width:46ch;margin:24px 0 32px;color:rgba(255,255,255,.92);}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.hero .btn-primary{background:#fff;color:var(--green-d);}
.hero .btn-primary:hover{background:var(--ink);color:#fff;}
.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6);}
.hero .btn-ghost:hover{background:#fff;color:var(--green-d);border-color:#fff;}

/* ---------- STATS ---------- */
.stats{background:var(--cream);}
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:54px 0;}
.stat .num{font-family:var(--display);font-weight:550;font-size:2.7rem;line-height:1;color:var(--navy);}
.stat .num span{color:var(--green);font-size:1.4rem;}
.stat .cap{font-size:.92rem;color:var(--muted);margin-top:8px;}

/* ---------- SECTIONS ---------- */
section{padding:92px 0;}
.sec-head{max-width:64ch;margin-bottom:48px;}
.sec-head h2{font-size:clamp(2rem,4vw,3rem);margin-top:16px;}
.sec-head p{font-size:1.1rem;color:var(--ink-2);margin-top:18px;}
.center-link{text-align:center;margin-top:44px;}

/* ---------- CHALLENGE (photo + text) ---------- */
.challenge{background:var(--card);}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.challenge h2{font-size:clamp(2rem,4vw,2.9rem);margin-top:16px;}
.challenge .big{font-size:1.16rem;color:var(--ink-2);margin:20px 0 26px;}
.points{display:grid;gap:20px;}
.pt{padding-left:20px;border-left:3px solid var(--green);}
.pt h4{font-family:var(--display);font-weight:600;font-size:1.12rem;margin-bottom:4px;}
.pt p{margin:0;color:var(--ink-2);font-size:.98rem;}

/* ---------- CONCEPT ---------- */
.concept{background:var(--cream-2);}
.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.pill{font-size:.86rem;font-weight:500;background:var(--card);border:1px solid var(--line);padding:8px 16px;border-radius:30px;color:var(--ink-2);}
.pill b{color:var(--green-d);font-weight:600;}

/* ---------- METHOD (editorial numbered rows) ---------- */
.mlist{border-top:1px solid var(--line);}
a.mrow{display:grid;grid-template-columns:80px 1fr auto;gap:28px;align-items:center;padding:30px 8px;border-bottom:1px solid var(--line);color:inherit;transition:background .2s,padding .2s;}
a.mrow:hover{background:var(--card);padding-left:20px;padding-right:20px;}
.mrow .mno{font-family:var(--display);font-weight:500;font-size:2.4rem;color:var(--green);line-height:1;}
.mrow:nth-child(2) .mno{color:var(--sky);}
.mrow:nth-child(3) .mno{color:var(--navy);}
.mrow:nth-child(4) .mno{color:var(--green-d);}
.mrow h3{font-family:var(--display);font-weight:600;font-size:1.5rem;}
.mrow .lead-by{font-size:.82rem;color:var(--muted);margin:3px 0 8px;font-weight:500;}
.mrow p{margin:0;color:var(--ink-2);font-size:.98rem;max-width:62ch;}
.mrow .arrow{font-size:1.5rem;color:var(--green-d);transition:transform .2s;}
a.mrow:hover .arrow{transform:translateX(5px);}

/* ---------- PARTNERSHIP band ---------- */
.partnership{background:var(--navy);color:#fff;}
.partnership .split{align-items:center;}
.partnership .eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff;}
.partnership h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.6rem);}
.partnership p{color:rgba(255,255,255,.86);font-size:1.06rem;margin-top:16px;}
.dut-on-card{background:#fff;border-radius:var(--rad);padding:34px;display:flex;align-items:center;justify-content:center;}
.dut-on-card img{width:78%;max-width:300px;height:auto;}
.pathway-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.pathway{font-size:.82rem;font-weight:500;padding:8px 15px;border-radius:30px;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);}
.pathway.on{background:var(--green);border-color:var(--green);color:#fff;}

/* ---------- CITIES / LABS ---------- */
.cities{background:var(--cream);}
.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.lab{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 40px -28px rgba(10,36,64,.4);}
.lab .ph{aspect-ratio:3/2;border-radius:0;}
.lab .lab-body{padding:24px 26px 28px;}
.lab .lab-no{font-family:var(--display);font-size:.95rem;color:var(--green);font-weight:600;}
.lab h3{font-family:var(--display);font-weight:600;font-size:1.55rem;margin:4px 0 2px;}
.lab .country{color:var(--muted);font-size:.9rem;margin-bottom:14px;}
.lab .focus-tag{display:inline-block;font-size:.76rem;font-weight:600;background:rgba(12,156,60,.1);color:var(--green-d);padding:6px 13px;border-radius:24px;margin-bottom:13px;}
.lab p{margin:0;color:var(--ink-2);font-size:.96rem;}

/* ---------- PARTNERS (home list) ---------- */
.partners{background:var(--card);}
.plist{display:grid;grid-template-columns:repeat(2,1fr);gap:0 50px;}
.prow{display:flex;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);}
.prow .pdot{width:11px;height:11px;border-radius:50%;background:var(--green);flex:0 0 auto;transform:translateY(2px);}
.prow.coord .pdot{background:var(--navy);}
.prow .pname{font-family:var(--display);font-weight:600;font-size:1.12rem;}
.prow .prole{font-size:.82rem;color:var(--muted);margin-top:1px;}
.prow .pctry{margin-left:auto;font-size:.84rem;color:var(--ink-2);font-weight:500;white-space:nowrap;}

/* ---------- GALLERY ---------- */
.gallery{background:var(--cream-2);}
.g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.gallery .ph{aspect-ratio:4/3;}

/* ---------- OUTCOMES ---------- */
.outcomes{background:var(--cream);}
.out-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;}
.ocard .ic{width:46px;height:46px;border-radius:14px;background:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.ocard:nth-child(3n+2) .ic{background:var(--sky);}
.ocard:nth-child(3n) .ic{background:var(--navy);}
.ocard h4{font-family:var(--display);font-weight:600;font-size:1.14rem;margin-bottom:6px;}
.ocard p{margin:0;color:var(--ink-2);font-size:.96rem;}

/* ---------- CTA BAND ---------- */
.ctaband{background:var(--ink);color:#fff;text-align:center;}
.ctaband .eyebrow{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff;}
.ctaband h2{color:#fff;font-size:clamp(2rem,4vw,3rem);max-width:20ch;margin:16px auto 0;}
.ctaband p{max-width:50ch;margin:18px auto 30px;color:rgba(255,255,255,.85);font-size:1.08rem;}
.ctaband .btn-primary{background:var(--green);}
.ctaband .btn-primary:hover{background:#fff;color:var(--ink);}

/* ---------- PHOTO PLACEHOLDERS ---------- */
.ph{position:relative;border-radius:var(--rad);overflow:hidden;background:linear-gradient(135deg,#e9e3d3,#dcd5c1);display:flex;align-items:center;justify-content:center;}
.ph img{width:100%;height:100%;object-fit:cover;display:block;}
.ph .ph-ico{width:42px;height:42px;color:#a99f86;}
.ph .ph-cap{position:absolute;left:14px;bottom:13px;font-size:.7rem;font-weight:600;letter-spacing:.02em;color:#6c6450;background:rgba(255,255,255,.75);padding:4px 11px;border-radius:14px;}

/* ---------- PAGE HEAD (subpages) ---------- */
.page-head{padding:80px 0 12px;}
.page-head h1{font-size:clamp(2.4rem,5vw,3.7rem);margin-top:16px;font-weight:500;}
.page-head p{font-size:1.15rem;color:var(--ink-2);max-width:62ch;margin-top:18px;}

/* ---------- TEAM ---------- */
.team-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:20px;}
.team-intro h2{font-size:1.7rem;}
.role-key{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.rk{font-size:.8rem;padding:7px 14px;border-radius:30px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);}
.rk b{color:var(--green-d);}
.partner-list{display:grid;gap:22px;}
.partner{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:34px;display:grid;grid-template-columns:70px 1fr;gap:26px;box-shadow:0 14px 40px -30px rgba(10,36,64,.4);}
.partner .pnum{font-family:var(--display);font-weight:550;font-size:1.5rem;color:#fff;background:var(--green);width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;}
.partner.coord .pnum{background:var(--navy);}
.partner .ptop{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;}
.partner h3{font-size:1.45rem;font-weight:600;}
.tags{display:flex;flex-wrap:wrap;gap:8px;}
.ptag{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:18px;background:var(--cream-2);color:var(--ink-2);}
.ptag.country{background:var(--navy);color:#fff;}
.ptag.lead{background:rgba(12,156,60,.12);color:var(--green-d);}
.ptag.coordtag{background:rgba(0,60,132,.1);color:var(--navy);}
.legal{font-size:.85rem;color:var(--muted);margin:2px 0 14px;}
.org-label{font-family:var(--display);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green-d);margin:2px 0 6px;}
.org-desc{color:var(--ink-2);font-size:.98rem;margin:0 0 18px;}
.people-head{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 0 16px;border-top:1px dashed var(--line);padding-top:14px;}
.people-row{display:flex;flex-wrap:wrap;gap:24px;}
.person{display:flex;gap:14px;align-items:flex-start;width:calc(50% - 12px);min-width:230px;}
.avatar{width:56px;height:56px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:1rem;color:#fff;background:var(--green);overflow:hidden;}
.avatar.c2{background:var(--sky);}.avatar.c3{background:var(--navy);}.avatar.c4{background:var(--green-d);}
.avatar img{width:100%;height:100%;object-fit:cover;}
.person .pname{font-family:var(--display);font-weight:600;font-size:1rem;line-height:1.2;}
.person .prole{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--green-d);text-transform:uppercase;margin:3px 0 5px;}
.person .pbio{margin:0;font-size:.88rem;color:var(--muted);line-height:1.5;}

/* ---------- NEWS ---------- */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;}
.filter{font-size:.84rem;font-weight:500;padding:9px 18px;border-radius:30px;border:1px solid var(--line);background:var(--card);color:var(--ink-2);cursor:pointer;transition:all .18s;}
.filter:hover{border-color:var(--green);}
.filter.active{background:var(--green);color:#fff;border-color:var(--green);}
.news-index-grid,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ncard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;transition:transform .22s,box-shadow .22s;box-shadow:0 14px 40px -30px rgba(10,36,64,.4);}
.ncard:hover{transform:translateY(-4px);box-shadow:0 22px 46px -28px rgba(10,36,64,.45);}
.ncard .thumb{height:168px;display:flex;align-items:flex-end;padding:14px;}
.ncard .thumb.t1{background:linear-gradient(135deg,var(--green-d),var(--green));}
.ncard .thumb.t2{background:linear-gradient(135deg,#0b6fa6,var(--sky));}
.ncard .thumb.t3{background:linear-gradient(135deg,var(--navy-d),var(--navy));}
.ncard .thumb.t4{background:linear-gradient(135deg,#0a1f3d,#143257);}
.ncard .cat{font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(10,36,64,.4);padding:5px 11px;border-radius:20px;}
.ncard .body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1;}
.ncard .date{font-size:.78rem;color:var(--muted);font-weight:500;}
.ncard h3{font-family:var(--display);font-weight:600;font-size:1.2rem;line-height:1.25;}
.ncard p{margin:0;color:var(--ink-2);font-size:.93rem;}
.ncard .more{margin-top:auto;font-weight:600;font-size:.86rem;color:var(--green-d);}

/* ---------- ARTICLE ---------- */
.article{max-width:760px;margin:0 auto;padding:54px 0 30px;}
.article .meta{font-size:.8rem;color:var(--muted);font-weight:500;display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;align-items:center;}
.article .cat-chip{background:var(--green);color:#fff;padding:4px 12px;border-radius:16px;font-weight:600;}
.article h1{font-size:clamp(2.1rem,4.4vw,3rem);line-height:1.08;font-weight:500;}
.article .standfirst{font-size:1.2rem;color:var(--ink-2);margin:22px 0 30px;line-height:1.55;}
.article .hero-img{height:340px;border-radius:var(--rad);background:linear-gradient(135deg,var(--green-d),var(--sky));display:flex;align-items:flex-end;padding:18px;margin-bottom:32px;color:#fff;font-size:.82rem;font-weight:500;}
.article h2{font-family:var(--display);font-weight:600;font-size:1.6rem;margin:36px 0 12px;}
.article p,.article li{font-size:1.05rem;color:var(--ink-2);margin:0 0 18px;}
.article ul{padding-left:20px;}.article li{margin-bottom:8px;}
.article blockquote{border-left:3px solid var(--green);margin:26px 0;padding:8px 0 8px 24px;font-family:var(--display);font-size:1.25rem;font-style:italic;color:var(--ink);}
.article blockquote cite{display:block;font-style:normal;font-family:var(--body);font-size:.82rem;color:var(--muted);margin-top:10px;}
.back-link{font-weight:600;font-size:.9rem;color:var(--green-d);display:inline-block;margin-bottom:20px;}
.layer{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 28px;margin-bottom:16px;border-left:5px solid var(--green);}
.layer:nth-child(2){border-left-color:var(--sky);}
.layer:nth-child(3){border-left-color:var(--navy);}
.layer:nth-child(4){border-left-color:var(--green-d);}
.layer .lnum{font-size:.76rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;}
.layer h3{font-family:var(--display);font-weight:600;font-size:1.25rem;margin:6px 0 8px;}
.layer p{margin:0;color:var(--ink-2);font-size:.98rem;}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;}
.chip{font-size:.78rem;font-weight:500;background:var(--cream-2);color:var(--ink-2);padding:7px 14px;border-radius:22px;}
.domain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0;}
.domain{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;}
.domain h4{font-family:var(--display);font-weight:600;font-size:1.04rem;margin-bottom:5px;}
.domain p{margin:0;color:var(--ink-2);font-size:.9rem;}

/* ---------- FOOTER (navy) ---------- */
footer{background:var(--navy-d);color:#C6D2E6;padding-top:70px;}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:42px;padding-bottom:46px;}
.foot-brand{background:#fff;border-radius:16px;padding:12px 16px;display:inline-block;}
.foot-brand img{height:38px;display:block;}
footer .lead{font-size:.92rem;max-width:42ch;color:#9FB0CC;margin-top:16px;}
footer h5{font-family:var(--display);font-weight:600;font-size:.95rem;color:#fff;margin:0 0 14px;}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
footer ul a{font-size:.93rem;color:#AEBDD6;}
footer ul a:hover{color:#fff;}
.fund{border-top:1px solid rgba(255,255,255,.14);padding:28px 0;display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.fund .logos{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.logo-plate{background:#fff;border-radius:10px;padding:9px 14px;display:inline-flex;align-items:center;}
.dut-logo-img{height:28px;width:auto;display:block;}
.eu-logo-img{height:60px;width:auto;display:block;}
.fund p{font-size:.82rem;color:#9FB0CC;max-width:58ch;margin:0;flex:1;min-width:280px;}
.agencies{font-size:.78rem;color:#8294B3;padding-bottom:26px;}
.copyright{border-top:1px solid rgba(255,255,255,.14);padding:22px 0;font-size:.8rem;color:#8294B3;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s;}
.reveal.in{opacity:1;transform:none;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:920px){
  .split,.team-intro{grid-template-columns:1fr;gap:34px;}
  .stats-inner{grid-template-columns:repeat(2,1fr);gap:24px;}
  .lab-grid,.out-grid,.news-index-grid,.news-grid,.g-grid,.plist{grid-template-columns:1fr;}
  .out-grid{gap:28px;}
  .foot-grid{grid-template-columns:1fr;gap:30px;}
  .partner{grid-template-columns:1fr;gap:16px;}
  .partner .pnum{width:54px;height:54px;font-size:1.2rem;}
  a.mrow{grid-template-columns:54px 1fr;gap:18px;}
  a.mrow .arrow{display:none;}
  nav.links{display:none;position:absolute;top:78px;left:30px;right:30px;background:var(--card);flex-direction:column;align-items:flex-start;padding:20px 24px;gap:16px;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 40px -20px rgba(10,36,64,.4);}
  nav.links.open{display:flex;}
  .burger{display:flex;}
}
@media(max-width:560px){.person{width:100%;} .domain-grid{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}.reveal{opacity:1;transform:none;}html{scroll-behavior:auto;}}