/* Cozy Recipe — TheLeanTable-style theme: dark wood photography, hand-lettered uppercase headings,
   cream recipe cards (tilted in the hero), cream panels holding photo tiles, brown pill buttons. */
:root{
  --wood:#1F140E; --wood-2:#2A1B12; --wood-3:#3A271B; --text:#F3EADB; --text-2:#CDBDA8;
  --cream:#E9E1D2; --cream-2:#DED4C2; --ink:#2A1B12; --ink-2:#6A5644; --brown:#6E4422; --brown-2:#8B5A2E; --line:#CFC3AE;
  --hand:"Amatic SC", "Patrick Hand", "Comic Sans MS", cursive;
  --title:"Patrick Hand", "Segoe Print", "Comic Sans MS", cursive;
  --sans:"Nunito Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --r:14px; --r-lg:22px; --wrap:1220px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-x:clip;background:var(--wood);color:var(--text);font-family:var(--sans);font-size:1rem;line-height:1.65}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--wood)}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:.2em}
:focus-visible{outline:3px solid #E6B577;outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;font-weight:700;text-wrap:balance}
.hand{font-family:var(--hand);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.05}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-999px;top:8px;background:var(--brown);color:#fff;padding:.6rem 1rem;border-radius:99px;z-index:100}
.skip:focus{left:16px}
.pill{display:inline-block;font-size:.72rem;font-weight:700;padding:.3rem .9rem;border-radius:99px;background:rgba(233,225,210,.16);color:var(--text);backdrop-filter:blur(4px);border:1px solid rgba(233,225,210,.18)}
.pill.dark{background:var(--wood-3);color:var(--text);border:0}

/* Wood backgrounds */
.woodbg{position:relative;overflow:hidden;background:var(--wood-2)}
.woodbg>.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.woodbg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(18,11,7,.78) 0%,rgba(18,11,7,.45) 30%,rgba(18,11,7,.35) 70%,rgba(18,11,7,.7) 100%)}
.woodbg>*:not(.bg){position:relative;z-index:2}

/* Header */
.site-header{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50}
.nav{display:flex;align-items:center;gap:1.2rem;min-height:84px;position:relative}
.logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;background:var(--brown);border:2px solid #9A6A3B;border-radius:8px;padding:.25rem .9rem;font-family:var(--hand);font-weight:700;font-size:1.7rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--text);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.nav-holder{flex:1;display:flex;justify-content:center}
.menu{display:flex;gap:1.8rem;list-style:none;margin:0;padding:0}
.menu a{text-decoration:none;font-size:.9rem;font-weight:600;color:var(--text-2);padding:.4rem 0;border-bottom:2px solid transparent}
.menu a:hover{color:var(--text)}
.menu a[aria-current="page"]{color:var(--text);border-color:#B98249}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.6rem;border-radius:8px;font:inherit;font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;border:0;transition:background .2s}
.btn-brown{background:var(--brown);color:var(--text)}
.btn-brown:hover{background:var(--brown-2)}
.btn-cream{background:var(--cream);color:var(--ink)}
.btn-cream:hover{background:#fff}
.menu-toggle{display:none}
@media (max-width:860px){
  .menu-toggle{display:inline-flex}
  .nav-holder{flex:0}
  .nav .btn-brown.sub{display:none}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--wood-2);border:1px solid var(--wood-3);border-radius:var(--r);padding:.6rem 1.2rem;margin-inline:max(16px,env(safe-area-inset-left,0px))}
  .menu.open{display:flex}
  .menu a{display:block;padding:.85rem 0;font-size:1rem;border-bottom:1px solid var(--wood-3)}
  .nav{justify-content:space-between}
}

/* Hero */
.hero{padding-top:84px}
.hero-copy{text-align:center;padding-block:clamp(2.5rem,6vw,4rem) 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
.hero h1{font-size:clamp(2.8rem,6.6vw,5.2rem);max-width:20ch}
.hero .sub{color:var(--text-2);max-width:42ch;font-size:.95rem}
.search{display:flex;align-items:center;width:min(560px,100%);background:var(--cream);border-radius:99px;padding:5px 5px 5px 1.3rem;margin-top:.6rem;box-shadow:0 0 0 4px rgba(233,225,210,.12)}
.search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:.92rem;color:var(--ink);min-height:44px;outline:none}
.search input::placeholder{color:#8C7A66}
.search button{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--brown);color:var(--text);display:grid;place-items:center;cursor:pointer}
.search button:hover{background:var(--brown-2)}
.search button svg{width:17px;height:17px}
.search:focus-within{box-shadow:0 0 0 4px rgba(230,181,119,.5)}

/* Fanned cards */
.fan{display:flex;justify-content:center;align-items:flex-end;gap:0;padding:2.5rem 0 3.5rem;margin-inline:-40px}
.fan .rcard{width:clamp(180px,19vw,250px);flex:none;margin-inline:-6px;transition:transform .35s}
.fan .rcard:nth-child(1){transform:rotate(-14deg) translateY(48px)}
.fan .rcard:nth-child(2){transform:rotate(-7deg) translateY(10px)}
.fan .rcard:nth-child(3){transform:translateY(-6px)}
.fan .rcard:nth-child(4){transform:rotate(7deg) translateY(10px)}
.fan .rcard:nth-child(5){transform:rotate(14deg) translateY(48px)}
@media (prefers-reduced-motion:no-preference){.fan .rcard:hover{transform:rotate(0) translateY(-14px) scale(1.03);z-index:3}}
@media (max-width:760px){.fan .rcard:nth-child(1),.fan .rcard:nth-child(5){display:none}.fan .rcard{width:min(44vw,200px)}.fan{margin-inline:0}}
@media (max-width:480px){.fan .rcard:nth-child(2){transform:rotate(-8deg) translate(12px,14px)}.fan .rcard:nth-child(4){transform:rotate(8deg) translate(-12px,14px)}.fan .rcard{width:40vw}}

/* Recipe card (cream) */
.rcard{position:relative;background:var(--cream);color:var(--ink);border-radius:var(--r);padding:8px 8px 14px;box-shadow:0 18px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;min-width:0}
.rcard .ph{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:var(--cream-2)}
.rcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rcard:hover .ph img{transform:scale(1.05)}
.rcard .tag{position:absolute;left:0;top:0;background:var(--cream);color:var(--ink);font-size:.68rem;font-weight:700;padding:.3rem .8rem .35rem .6rem;border-radius:0 0 10px 0;z-index:1}
.rcard .meta{font-size:.72rem;color:var(--ink-2);margin:.6rem .3rem 0}
.rcard h3{font-family:var(--title);font-weight:400;font-size:1.22rem;line-height:1.2;margin:.15rem .3rem 0}
.rcard h3 a{text-decoration:none}
.rcard h3 a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:var(--r)}
.heart{position:absolute;right:14px;top:calc(8px + (100% - 8px) * 0);z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:var(--cream);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.rcard .heart{top:auto;right:14px;margin-top:0}
.rcard .ph + .heart{position:absolute}
.heart svg{width:16px;height:16px}
.heart[aria-pressed="true"] svg{fill:#B4472B;stroke:#B4472B}
.heart-slot{position:absolute;right:16px;bottom:-14px;z-index:2}
.heart-slot .heart{position:static}

/* Section with cream panel */
.panel-sec{padding-top:clamp(3rem,7vw,5rem)}
.panel-sec .intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding-bottom:2.5rem}
.panel-sec h2{font-size:clamp(2.4rem,5vw,3.6rem);max-width:16ch}
.panel-sec .intro p{color:var(--text-2);max-width:44ch;font-size:.95rem}
.panel{background:var(--cream);color:var(--ink);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:clamp(1rem,3vw,1.8rem);margin-inline:auto;max-width:1120px}
.panel.round{border-radius:var(--r-lg)}
.bento{display:grid;grid-template-columns:1.25fr 1fr .75fr;grid-template-rows:repeat(2,minmax(210px,auto));gap:12px}
.tile{position:relative;border-radius:var(--r);overflow:hidden;color:var(--text);text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;min-height:210px;background:var(--wood-3)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tile:hover img{transform:scale(1.05)}
.tile::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,9,5,.15) 20%,rgba(15,9,5,.78) 100%)}
.tile>*:not(img){position:relative;z-index:2}
.tile .pill{position:absolute;left:1.1rem;top:1.1rem}
.tile h3{font-family:var(--hand);font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1;text-transform:uppercase}
.tile p{font-size:.82rem;color:var(--text-2);margin-top:.4rem;max-width:36ch}
.tile .more{font-size:.78rem;font-weight:700;margin-top:.6rem;display:inline-flex;gap:.4rem;align-items:center}
.tile.big{grid-row:span 2}
.tile.wide{grid-column:span 2}
.panel .center{display:flex;justify-content:center;padding-top:1.4rem}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.tile.big{grid-row:span 1;grid-column:span 2;min-height:300px}.tile.wide{grid-column:span 2}}
@media (max-width:520px){.bento{grid-template-columns:1fr}.tile.big,.tile.wide{grid-column:span 1}}

/* Cream content area */
.cream-area{background:var(--cream);color:var(--ink)}
.section{padding-block:clamp(3rem,7vw,5rem)}
.head{display:flex;justify-content:space-between;align-items:end;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:1.8rem}
.head h2{font-size:clamp(2.3rem,4.6vw,3.2rem);font-family:var(--hand);text-transform:uppercase;line-height:1}
.head p{color:var(--ink-2);margin-top:.3rem}
.dark .head p{color:var(--text-2)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips button{font:inherit;font-size:.85rem;font-weight:700;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:.45rem 1rem;cursor:pointer;min-height:40px}
.chips button[aria-pressed="true"]{background:var(--brown);border-color:var(--brown);color:var(--text)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 1.2rem}
.grid .rcard{box-shadow:0 8px 22px rgba(42,27,18,.16);background:#F4EEE3}
.grid .rcard .tag{background:#F4EEE3}
.grid .rcard p.desc{font-size:.85rem;color:var(--ink-2);margin:.35rem .3rem 0}
.rcard[hidden]{display:none!important}
.empty{grid-column:1/-1;text-align:center;color:var(--ink-2);padding:2rem}
@media (max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.grid{grid-template-columns:1fr}}

/* Why section */
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
.why div{border:1px solid var(--wood-3);border-radius:var(--r);padding:1.4rem;background:rgba(42,27,18,.6)}
.why svg{width:30px;height:30px;color:#D7A46A}
.why h3{font-family:var(--hand);font-size:1.9rem;text-transform:uppercase;line-height:1;margin:.7rem 0 .4rem}
.why p{color:var(--text-2);font-size:.9rem}
@media (max-width:900px){.why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.why{grid-template-columns:1fr}}

/* Newsletter */
.letter{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;background:var(--cream);color:var(--ink);border-radius:var(--r-lg);padding:clamp(1.6rem,4vw,2.8rem);position:relative;overflow:hidden}
.letter h2{font-family:var(--hand);text-transform:uppercase;font-size:clamp(2.2rem,4.4vw,3rem);line-height:1}
.letter p{color:var(--ink-2);margin-top:.6rem;font-size:.92rem}
.letter form{display:grid;gap:.6rem}
.field-row{display:flex;background:#F7F2E9;border:1px solid var(--line);border-radius:99px;padding:5px}
.field-row input{flex:1;min-width:0;border:0;background:transparent;font:inherit;padding:0 1rem;min-height:44px;color:var(--ink);outline:none}
.field-row:focus-within{border-color:var(--brown)}
.field-row .btn{border-radius:99px}
.form-msg{font-weight:700;color:#4E6B2E;min-height:1.5em;font-size:.9rem}
.fine{font-size:.78rem;color:var(--ink-2)}
@media (max-width:820px){.letter{grid-template-columns:1fr}}

/* Footer */
.site-footer{background:#160E09;color:var(--text-2);margin-top:0}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:2rem;padding-block:3.2rem 2rem}
.foot h4{color:var(--text);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.9rem}
.foot a{text-decoration:none}.foot a:hover{color:var(--text)}
.foot p{margin-top:1rem;max-width:34ch;font-size:.9rem}
.foot .mail{display:inline-block;margin-top:1rem;color:var(--text);font-weight:700}
.legal{border-top:1px solid var(--wood-3);padding-block:1.3rem 1.8rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}

/* Inner page hero */
.page-hero{padding-top:84px}
.page-hero .inner{text-align:center;padding-block:clamp(2.5rem,6vw,4rem) clamp(3rem,7vw,5rem);display:flex;flex-direction:column;align-items:center;gap:.9rem}
.page-hero h1{font-size:clamp(2.6rem,6vw,4.4rem);max-width:16ch}
.page-hero p{color:var(--text-2);max-width:46ch}
.crumbs{font-size:.8rem;color:var(--text-2)}
.crumbs a{color:var(--text-2)}

/* Recipe page */
.recipe-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;text-align:left;padding-block:clamp(2rem,5vw,3.5rem) clamp(2.5rem,6vw,4rem)}
.recipe-top h1{font-size:clamp(2.6rem,5.4vw,4.2rem);margin-block:.8rem}
.recipe-top .dek{color:var(--text-2)}
.recipe-photo{position:relative;background:var(--cream);padding:10px;border-radius:var(--r-lg);transform:rotate(2deg);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.recipe-photo img{border-radius:14px;aspect-ratio:4/3;object-fit:cover;width:100%}
.facts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.facts div{background:rgba(233,225,210,.12);border:1px solid rgba(233,225,210,.18);border-radius:12px;padding:.55rem .9rem;min-width:92px}
.facts b{display:block;font-size:1rem;font-variant-numeric:tabular-nums}
.facts span{font-size:.72rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}
.top-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.recipe-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(2rem,5vw,4rem);padding-block:3rem}
.prose{max-width:70ch;min-width:0;color:var(--ink)}
.prose>*+*{margin-top:1rem}
.prose h2{font-family:var(--hand);text-transform:uppercase;font-size:2.4rem;line-height:1;margin-top:2.2rem;scroll-margin-top:24px}
.prose h3{font-size:1.15rem;margin-top:1.5rem}
.prose ul,.prose ol{padding-left:1.3rem}
.prose li+li{margin-top:.4rem}
.prose li::marker{color:var(--brown)}
.prose a{color:var(--brown);font-weight:700}
.tip{background:#F4EEE3;border-left:4px solid var(--brown);border-radius:10px;padding:1rem 1.2rem}
.tip b{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brown);margin-bottom:.2rem}
.side{display:grid;gap:1.2rem;align-content:start;position:sticky;top:24px}
.side-card{background:#F4EEE3;border:1px solid var(--line);border-radius:var(--r);padding:1.3rem}
.side-card h3{font-family:var(--hand);text-transform:uppercase;font-size:1.9rem;line-height:1;margin-bottom:.6rem}
.nutri{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.nutri div{background:var(--cream);border-radius:10px;padding:.6rem .8rem}
.nutri b{display:block;font-size:1.1rem;font-variant-numeric:tabular-nums}
.nutri span{font-size:.75rem;color:var(--ink-2)}
.side-card .fine{margin-top:.7rem}
.recipe-card{background:#F4EEE3;border:2px dashed var(--line);border-radius:var(--r-lg);padding:clamp(1.3rem,3vw,2rem);margin-top:2.4rem;scroll-margin-top:24px}
.recipe-card .rc-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:end;border-bottom:1px solid var(--line);padding-bottom:1rem}
.recipe-card h2{margin:0}
.servings{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem}
.servings button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--cream);font:inherit;font-weight:800;cursor:pointer;color:var(--ink)}
.servings output{min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}
.ing{list-style:none;padding:0!important;display:grid;gap:.2rem}
.ing li{margin:0!important}
.ing label{display:flex;gap:.7rem;align-items:flex-start;padding:.45rem 0;border-bottom:1px dotted var(--line);cursor:pointer}
.ing input{width:20px;height:20px;margin-top:.2rem;accent-color:var(--brown);flex:none}
.ing input:checked + span{text-decoration:line-through;color:var(--ink-2)}
.steps{list-style:none;padding:0!important;counter-reset:s;display:grid;gap:1rem}
.steps li{counter-increment:s;display:grid;grid-template-columns:42px 1fr;gap:.9rem;margin:0!important}
.steps li::before{content:counter(s);width:36px;height:36px;border-radius:50%;background:var(--brown);color:var(--text);display:grid;place-items:center;font-weight:800;font-size:.9rem}
.table-wrap{overflow-x:auto}
@media (max-width:960px){.recipe-top{grid-template-columns:1fr}.recipe-photo{transform:rotate(1deg)}.recipe-body{grid-template-columns:1fr}.side{position:static}}

/* About / contact / legal */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.polaroid{background:#F4EEE3;padding:10px 10px 16px;border-radius:var(--r);box-shadow:0 14px 34px rgba(42,27,18,.25);transform:rotate(-2deg)}
.polaroid img{border-radius:10px;aspect-ratio:4/5;object-fit:cover;width:100%}
.polaroid span{display:block;font-family:var(--title);font-size:1.2rem;text-align:center;margin-top:.6rem}
.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:3rem}
.value{background:#F4EEE3;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem}
.value h3{font-family:var(--hand);text-transform:uppercase;font-size:1.9rem;line-height:1;margin-bottom:.4rem}
.value p{color:var(--ink-2);font-size:.92rem}
.contact-card{background:#F4EEE3;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.3rem,3vw,2rem);display:grid;gap:1rem}
.contact-card h2{font-family:var(--hand);text-transform:uppercase;font-size:2.4rem;line-height:1}
.contact-card label{font-weight:700;font-size:.9rem;display:block;margin-bottom:.3rem}
.contact-card input,.contact-card textarea,.contact-card select{font:inherit;color:var(--ink);background:var(--cream);border:1.5px solid var(--line);border-radius:10px;padding:.75rem .9rem;width:100%;min-height:46px}
.contact-card :is(input,textarea,select):focus{outline:none;border-color:var(--brown);box-shadow:0 0 0 3px rgba(110,68,34,.2)}
.email-line{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-size:1.15rem;font-weight:800;margin-top:.5rem}
.email-line .email-text{user-select:all}
.info-list{display:grid;gap:1.1rem;margin-top:1.8rem}
.info-list div{border-top:1px solid var(--line);padding-top:.9rem}
.info-list b{display:block}
.info-list span{color:var(--ink-2)}
.legal-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}
.legal-nav{position:sticky;top:24px;align-self:start;display:grid;gap:.3rem;background:#F4EEE3;border:1px solid var(--line);border-radius:var(--r);padding:.5rem}
.legal-nav a{padding:.65rem .9rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:.9rem}
.legal-nav a:hover{background:var(--cream)}
.legal-nav a[aria-current="page"]{background:var(--brown);color:var(--text)}
.updated{display:inline-block;font-size:.8rem;font-weight:700;background:rgba(233,225,210,.14);padding:.35rem .9rem;border-radius:99px}
@media (max-width:860px){.split{grid-template-columns:1fr}.values{grid-template-columns:1fr}.legal-wrap{grid-template-columns:1fr}.legal-nav{position:static;display:flex;flex-wrap:wrap}.polaroid{max-width:420px}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}