/* Chefie AI website. Visual language taken from the App Store screenshots:
   Fraunces Black headlines with italic orange accents, alternating black / orange / cream panels,
   rounded pills, the mascot, and real app screens as the hero imagery. */
:root{
  --black:#120D0A; --ink:#1A1410; --card:#1E1813;
  --orange:#FE6A00; --orange-hi:#FE6A00; --orange-deep:#E65000;
  --cream:#F4ECE1; --cream-ink:#120D0A;
  --white:#FFFFFF; --muted:rgba(255,255,255,.66); --muted-2:rgba(255,255,255,.45);
  --radius:28px;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}

/* type */
.display{font-family:var(--serif);font-weight:900;letter-spacing:-.035em;line-height:.95}
.display em{font-style:italic;font-weight:900;color:var(--orange-hi)}
.on-orange .display em{color:#fff}
.on-cream .display em{color:var(--orange)}
.kicker{display:inline-flex;align-items:center;gap:8px;font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-hi);border:1.5px solid rgba(255,122,0,.55);border-radius:999px;padding:6px 14px}
.kicker img{width:20px;height:20px}
.lede{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:560px}
.on-orange .lede{color:rgba(0,0,0,.72)}
.on-cream .lede{color:rgba(28,23,18,.7)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;height:68px;display:flex;align-items:center;background:rgba(18,13,10,.74);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 21px var(--serif);letter-spacing:-.02em}
.brand img{width:34px;height:34px;border-radius:9px}
.nav ul{display:flex;gap:28px;list-style:none;align-items:center}
.nav ul a{text-decoration:none;font:600 14px var(--sans);color:var(--muted)}
.nav ul a:hover{color:#fff}
.pill{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--orange-hi);color:#fff;font:700 14px var(--sans);padding:10px 18px;border-radius:999px}

/* app store badge (official artwork style) */
.badge{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#000;text-decoration:none;border-radius:14px;padding:11px 20px 11px 16px;transition:transform .15s}
.badge:hover{transform:translateY(-2px)}
.badge svg{width:26px;height:26px}
.badge small{display:block;font:500 11px/1 var(--sans)}
.badge b{display:block;font:700 20px/1.05 var(--sans);letter-spacing:-.01em}
.trialnote{font:600 14px var(--sans);color:var(--muted);margin-top:14px}

/* hero */
.hero{position:relative;padding:150px 0 40px;overflow:hidden}
.hero:before{content:"";position:absolute;width:900px;height:900px;left:50%;top:-120px;transform:translateX(-10%);background:radial-gradient(circle,rgba(255,122,0,.22),rgba(255,122,0,0) 60%);pointer-events:none}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(64px,9vw,128px);margin:22px 0 22px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}
.chips span{font:600 13px var(--sans);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 14px;color:#fff}
.fan{position:relative;height:640px}
.fan img{position:absolute;width:270px;border-radius:30px;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.fan .a{left:50%;top:10px;transform:translateX(-50%);z-index:3;width:300px}
.fan .b{left:2%;top:70px;transform:rotate(-8deg);opacity:.9;z-index:2}
.fan .c{right:2%;top:70px;transform:rotate(8deg);opacity:.9;z-index:1}

/* screenshot rail */
.rail{padding:40px 0 100px}
.rail .track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 24px 24px;scrollbar-width:none}
.rail .track::-webkit-scrollbar{display:none}
.rail img{flex:none;width:250px;border-radius:26px;scroll-snap-align:center;box-shadow:0 16px 40px rgba(0,0,0,.5)}

/* story sections */
.band{padding:96px 0}
.on-orange{background:var(--orange);color:var(--black)}
.on-cream{background:var(--cream);color:var(--cream-ink)}
.on-black{background:var(--black)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.band h2.display{font-size:clamp(52px,7vw,96px);margin-bottom:22px}
section[id]{scroll-margin-top:68px}
.split.rev .vis{order:-1}
/* App Store screenshots shown without their headline: the band colour matches the screenshot's own
   background, so only the app screen and food remain, unboxed. --keep = pixels kept from the bottom. */
.vis{position:relative;width:100%;max-width:410px;margin:0 auto;aspect-ratio:700/var(--keep,1040);overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 94%,transparent 100%),linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 94%,transparent 100%),linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-composite:intersect}
.vis img{position:absolute;left:0;bottom:0;width:100%;height:auto}
.hero-vis{max-width:470px}
.center{text-align:center}
.center .lede,.center-lede{margin-left:auto;margin-right:auto}
.store{display:inline-block;transition:transform .15s}
.store:hover{transform:translateY(-2px)}
.store img{width:180px;height:60px}
.center-store{display:table;margin:36px auto 0}
.todo{background:#5a2d00;color:#ffd2a8;padding:0 4px;border-radius:4px}
.bullets{list-style:none;margin-top:26px;display:grid;gap:12px}
.bullets li{display:flex;gap:12px;align-items:flex-start;font:500 16px var(--sans)}
.bullets li:before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--orange-hi) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/13px no-repeat}
.on-orange .bullets li:before{background-color:var(--black)}

/* trio */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.tile{background:var(--card);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.tile .img{height:330px;overflow:hidden;background:#000}
.tile .img img{width:100%;height:100%;object-fit:cover;object-position:top}
.tile .txt{padding:24px}
.tile h3{font:900 30px/1 var(--serif);letter-spacing:-.02em}
.tile h3 em{font-style:italic;color:var(--orange-hi)}
.tile p{color:var(--muted);margin-top:10px;font-size:15px}

/* food marquee: two identical sets; padding-right = gap so -50% lands exactly on the seam */
.food{overflow:hidden;margin-top:64px}
.food .row{display:flex;gap:16px;padding-right:16px;width:max-content;animation:drift 70s linear infinite;will-change:transform}
.food img{flex:none;width:200px;height:200px;object-fit:cover;border-radius:26px}
@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.js .food .row{animation-play-state:paused}
.js .food.in .row{animation-play-state:running}
@media (prefers-reduced-motion:reduce){.food .row{animation:none}}

/* trust */
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.tags span{background:#fff;color:var(--cream-ink);font:600 14px var(--sans);border-radius:999px;padding:9px 15px}
.small{font-size:13px;opacity:.7;margin-top:22px}

/* pricing */
.pricing{text-align:center}
.pricing h2{font-size:clamp(52px,7vw,92px)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:780px;margin:52px auto 0;text-align:left}
.plan{background:var(--card);border-radius:var(--radius);padding:30px;position:relative}
.plan.best{background:#24160B;box-shadow:inset 0 0 0 2px var(--orange-hi)}
.plan .tag{position:absolute;top:-13px;left:28px;background:var(--orange-hi);color:#fff;font:800 11px var(--sans);letter-spacing:.1em;padding:5px 12px;border-radius:999px}
.plan .name{font:700 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.plan .price{font:700 50px/1 ui-rounded,'SF Pro Rounded',var(--sans);letter-spacing:-.02em;margin-top:12px}
.plan .price small{font:600 17px var(--sans);color:var(--muted);letter-spacing:0}
.plan .sub{font:600 14px var(--sans);color:var(--orange-hi);margin-top:10px}
.plan .sub.grey{color:var(--muted)}
.plan ul{list-style:none;margin-top:22px;display:grid;gap:9px;color:var(--muted);font-size:14.5px}
.plan li:before{content:"✓  ";color:var(--orange-hi);font-weight:800}
.fine{color:var(--muted-2);font-size:13px;max-width:640px;margin:26px auto 0}

/* faq */
.faq{max-width:820px;margin:0 auto;padding:0 24px}
.faq h2{font-size:clamp(46px,6vw,80px);margin-bottom:34px}
details{border-top:1px solid rgba(255,255,255,.1);padding:20px 0}
details:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
summary{cursor:pointer;list-style:none;font:700 19px var(--sans);display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font:400 26px/1 var(--sans);color:var(--orange-hi)}
details[open] summary:after{content:"−"}
details p{color:var(--muted);margin-top:12px;max-width:700px}

/* final */
.final{text-align:center;padding:130px 0}
.final h2{font-size:clamp(60px,9vw,128px)}
.final .mascot{width:120px;margin:0 auto 22px}

/* footer */
footer{background:#0B0806;padding:56px 0 40px;color:var(--muted-2);font-size:13px}
footer .cols{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
footer ul{list-style:none;display:flex;gap:22px;flex-wrap:wrap}
footer a{text-decoration:none;color:var(--muted)}
footer a:hover{color:#fff}
footer .legal{margin-top:26px;line-height:1.7}

/* legal pages */
.doc{max-width:760px;margin:0 auto;padding:130px 24px 90px}
.doc h1{font:900 clamp(40px,6vw,64px)/1 var(--serif);letter-spacing:-.03em;margin-bottom:12px}
.doc h2{font:800 22px var(--sans);margin:38px 0 10px}
.doc h3{font:700 17px var(--sans);margin:24px 0 8px}
.doc p,.doc li{color:rgba(255,255,255,.78);font-size:15.5px}
.doc ul,.doc ol{padding-left:22px;margin:10px 0}
.doc table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.doc th,.doc td{border-bottom:1px solid rgba(255,255,255,.1);padding:9px 8px;text-align:left;vertical-align:top;color:rgba(255,255,255,.8)}
.doc th{color:#fff}
.doc .fill{background:#5a2d00;color:#ffd2a8;padding:0 4px;border-radius:4px}
.doc blockquote{border-left:3px solid var(--orange-hi);padding-left:14px;color:var(--muted)}

/* responsive */
@media (max-width:900px){
  .nav ul li:not(:last-child){display:none}
  .hero{padding-top:120px}
  .hero .grid,.split{grid-template-columns:1fr;gap:40px}
  .split.rev .vis{order:0}
  .fan{height:520px}
  .fan img{width:210px}.fan .a{width:240px}
  .trio{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
  .band{padding:72px 0}
  .vis{max-width:340px}
  .bullets{margin-top:20px}
}
.doc .tbl{overflow-x:auto;margin:14px 0}
.doc .tbl table{margin:0;min-width:560px}
.doc a{color:var(--orange-hi)}
.doc code{font-size:.9em;background:rgba(255,255,255,.08);padding:1px 5px;border-radius:5px}
.doc hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:34px 0}
.doc p{margin:10px 0}
/* support */
.support .lede{margin:6px 0 30px}
.mailcard{display:flex;gap:16px;align-items:center;background:var(--card);border-radius:var(--radius);padding:20px 22px;text-decoration:none;margin-bottom:34px}
.mailcard img{width:56px;height:56px;flex:none}
.mailcard b{display:block;font:800 19px var(--sans);color:var(--orange-hi)}
.mailcard small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.faq-list details p{color:var(--muted)}
.doc details a{color:var(--orange-hi)}

/* ---------- shared: recipes link, footer guides, a11y ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pill.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.recipes-cta{margin-top:44px}
.recipes-cta .pill{font-size:15px;padding:13px 22px}
.recipes-cta p{font-size:14px;opacity:.7;margin-top:12px}
footer .guides{margin-top:30px}
footer .foot-h{font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px}
footer .guides ul{gap:10px 22px}

/* ---------- regional prices (homepage; see the inline script) ---------- */
.intl-price .uk-only{display:none}

/* ---------- Android waitlist (assets/site.js) ---------- */
.waitlist{max-width:460px}
.waitlist[hidden]{display:none}
.waitlist .wl-lead{font:600 15px/1.45 var(--sans);margin:0 0 12px;color:inherit;max-width:none}
.wl-row{display:flex;gap:8px;flex-wrap:wrap}
.wl-row input{flex:1 1 210px;min-width:0;font:500 16px var(--sans);padding:13px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff}
.wl-row input::placeholder{color:rgba(255,255,255,.5)}
.wl-row button{flex:none;font:700 15px var(--sans);padding:13px 22px;border-radius:999px;border:0;background:var(--orange);color:#fff;cursor:pointer}
.wl-row button[disabled]{opacity:.6;cursor:default}
.wl-row input:focus-visible,.wl-row button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.on-orange .wl-row input{background:#fff;color:var(--black);border-color:transparent}
.on-orange .wl-row input::placeholder,.on-cream .wl-row input::placeholder{color:rgba(18,13,10,.45)}
.on-orange .wl-row button{background:var(--black)}
.on-orange .wl-row input:focus-visible,.on-orange .wl-row button:focus-visible{outline-color:var(--black)}
.on-cream .wl-row input{background:#fff;color:var(--black);border-color:rgba(18,13,10,.2)}
.wl-msg{font:600 14px var(--sans);margin-top:10px}
.wl-msg:empty{display:none}
.waitlist.done .wl-row{display:none}
.waitlist.center-wl{margin:36px auto 0;text-align:center}
.waitlist.center-wl .wl-row{justify-content:center}
details .waitlist{margin-top:16px}
details .waitlist .wl-lead{color:#fff}

/* ---------- intent landing pages ---------- */
.lp-hero{padding-bottom:72px}
.lp-hero h1{font-size:clamp(48px,6.6vw,96px)}
.hero.on-orange:before,.hero.on-cream:before{display:none}
.on-orange .kicker{color:var(--black);border-color:rgba(18,13,10,.4)}
.on-cream .kicker{color:var(--orange-deep);border-color:rgba(230,80,0,.45)}
.on-orange .trialnote{color:rgba(0,0,0,.7)}
.on-cream .trialnote{color:rgba(28,23,18,.7)}
.on-orange .chips span{background:rgba(18,13,10,.1);color:var(--black)}
.on-cream .chips span{background:rgba(18,13,10,.07);color:var(--black)}
.prose{max-width:780px;margin:0 auto;padding:0 24px}
.prose>h2:first-child{margin-top:0}
.prose h2{font:900 clamp(34px,4.6vw,54px)/1 var(--serif);letter-spacing:-.03em;margin:64px 0 18px}
.prose h2 em{font-style:italic;color:var(--orange)}
.prose h3{font:700 19px/1.35 var(--sans);margin:0 0 6px;color:#fff}
.prose p,.prose li{color:rgba(255,255,255,.78);font-size:17px}
.prose p{margin:12px 0}
.prose strong{color:#fff}
.prose a{color:var(--orange)}
.steps{list-style:none;counter-reset:s;display:grid;gap:16px;margin:22px 0}
.steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start}
.steps li:before{content:counter(s);flex:none;width:30px;height:30px;margin-top:1px;border-radius:50%;background:var(--orange);color:#fff;font:800 14px/30px var(--sans);text-align:center}
.prose ul.tips{padding-left:22px;display:grid;gap:10px;margin:18px 0}
.examples{display:grid;gap:14px;margin:22px 0}
.example{background:var(--card);border-radius:var(--radius);padding:22px 24px}
.example .ask{font:600 15px/1.45 var(--sans);color:var(--orange);margin:0 0 8px}
.example p:last-child{margin-bottom:0}
.callout{background:#24160B;box-shadow:inset 0 0 0 2px var(--orange);border-radius:var(--radius);padding:22px 24px;margin:26px 0}
.callout p{margin:0;color:#fff}
.callout p+p{margin-top:10px;color:rgba(255,255,255,.78)}
.on-orange .callout{background:rgba(18,13,10,.9)}
.lp-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.lp-links a{text-decoration:none}
.final .lede{margin:0 auto}
@media (max-width:900px){
  .lp-hero{padding-bottom:56px}
  .prose h2{margin-top:52px}
  .prose p,.prose li{font-size:16px}
}

/* ---------- homepage: official App Store badge in nav and footer ---------- */
.store-mini{display:inline-block;line-height:0;border-radius:9px;transition:transform .15s}
.store-mini:hover{transform:translateY(-1px)}
.store-mini img{width:120px;height:40px}
.store-mini:focus-visible,.store:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
footer .cols{align-items:center}
footer .foot-links{margin-top:26px}

/* ---------- homepage: before / with Chefie ---------- */
.contrast h2.display{margin-bottom:52px}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin:0 auto}
.side{border-radius:var(--radius);padding:34px 32px 38px}
.side .label{display:inline-block;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:7px 14px}
.side h3{font:900 clamp(28px,3.2vw,38px)/1.04 var(--serif);letter-spacing:-.03em;margin:18px 0 24px}
.side h3 em{font-style:italic;color:var(--orange)}
.before{background:#E7DACA;color:rgba(18,13,10,.62)}
.before .label{background:rgba(18,13,10,.08);color:rgba(18,13,10,.62)}
.before h3{color:rgba(18,13,10,.5)}
.after{background:var(--black);color:#fff}
.after .label{background:var(--orange);color:#fff}
.moments{list-style:none;display:grid;gap:14px}
.moments li{display:flex;gap:14px;align-items:center;font:600 16px/1.4 var(--sans)}
.moments li span{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:19px;line-height:1}
.before .moments li span{background:rgba(18,13,10,.07);filter:grayscale(1);opacity:.7}
.after .moments li span{background:rgba(254,106,0,.18)}

/* ---------- homepage: a week with Chefie ---------- */
.weekgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.week-head{position:sticky;top:120px}
.days{list-style:none;display:grid;gap:12px}
.day{display:flex;gap:20px;align-items:flex-start;background:var(--card);border-radius:var(--radius);padding:22px 26px}
.day:last-child{background:#24160B}
.dname{flex:none;width:60px;text-align:center;background:var(--orange);color:#fff;font:800 12.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:9px 0;margin-top:2px}
.day h3{font:900 24px/1.1 var(--serif);letter-spacing:-.02em}
.day p{color:var(--muted);margin-top:5px;font-size:15.5px;line-height:1.5}

/* ---------- homepage: recipes (cards written by tools/fetch_recipes.py) ---------- */
.rgrid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:36px 22px;margin:56px 0}
.rcard a{display:block;text-decoration:none;color:var(--cream-ink);border-radius:24px}
.rimg{display:block;overflow:hidden;border-radius:24px;aspect-ratio:4/3;background:#E7DACA}
.rimg img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.rcard a:hover .rimg img{transform:scale(1.045)}
.rcard a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.rname{display:block;font:900 20px/1.12 var(--serif);letter-spacing:-.02em;margin-top:14px}
.rmeta{display:block;font:600 13.5px var(--sans);color:rgba(18,13,10,.55);margin-top:6px}
.pill.big{font-size:16px;padding:15px 26px}
@media (max-width:1000px){.rgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){
  .vs,.weekgrid{grid-template-columns:1fr}
  .weekgrid{gap:36px}
  .week-head{position:static}
  .side{padding:26px 22px 30px}
  .day{padding:18px 20px;gap:16px}
  .day h3{font-size:22px}
}
@media (max-width:720px){
  .rgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:40px -24px 44px;padding:0 24px 6px;scroll-padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rgrid::-webkit-scrollbar{display:none}
  .rcard{flex:0 0 74%;scroll-snap-align:start}
}

/* ---------- motion (homepage). Start states need html.js, which the head script sets only when
   IntersectionObserver exists and reduced motion is off, so no JS means everything shows.
   Only opacity and transform animate. ---------- */
@media (prefers-reduced-motion:no-preference){
  .js .rv{opacity:0;transform:translate3d(0,26px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform 1s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
  .js .rv-vis{transform:translate3d(0,56px,0) scale(.96)}
  .js .rv.in{opacity:1;transform:none}
  /* Above the fold shows at once (first impression, LCP); only a quick lift, no wait. */
  .js .hero .rv,.js .hero .stagger>*{opacity:1;transition:transform .5s cubic-bezier(.2,.7,.2,1);--d:0s;--i:0}
  .js .stagger>*{opacity:0;transform:translate3d(0,14px,0);transition:opacity .55s ease calc(var(--d,0s) + var(--i,0) * 60ms),transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--d,0s) + var(--i,0) * 60ms)}
  .js .stagger.in>*{opacity:1;transform:none}
  .js .hero-vis{will-change:transform}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .store:hover,.store-mini:hover,.badge:hover{transform:none}
  .rimg img{transition:none}
  .rcard a:hover .rimg img{transform:none}
}
.home .final{padding-bottom:88px}
.home .final .food{margin-top:72px}