/* =========================================================
   Da Tutela – Taverna Verde · restyling 2026
   Palette: stagno (verde acqua scuro), canneto (verde del logo),
   rana (verde rana), nebbia (fondo), frittura (oro delle rane fritte)
   ========================================================= */

@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../fonts/fraunces-latin-wght-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"Outfit";src:url(../fonts/outfit-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --stagno:#12301f;
  --stagno-2:#1b4430;
  --canneto:#4b5d23;
  --rana:#6cae2e;
  --rana-d:#4a8a1d;
  --nebbia:#eef2e4;
  --tovaglia:#fbfcf6;
  --frittura:#e3a32b;
  --frittura-d:#c98a14;
  --brace:#b8402a;
  --ink:#17261c;
  --ink-soft:#43554a;
  --line:rgba(23,38,28,.15);
  --f-display:"Fraunces",Georgia,"Times New Roman",serif;
  --f-body:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --hh:76px;
  --ease:cubic-bezier(.22,.8,.24,1);
  --gut:clamp(1.15rem,4vw,2.5rem);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 10px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--f-body);font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--nebbia);overflow-x:clip;-webkit-font-smoothing:antialiased}
body.is-intro,body.is-locked{overflow:hidden}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
ul,ol{padding:0;list-style:none}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.1;font-weight:650;letter-spacing:-.015em}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--frittura);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--frittura);color:var(--ink);padding:.7rem 1rem;border-radius:10px;font-weight:600;transition:top .2s}
.skip:focus{top:12px}
.wrap{width:min(1200px,100% - var(--gut)*2);margin-inline:auto}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico--xl{width:42px;height:42px;stroke-width:1.5}

.lead{font-size:clamp(1.1rem,1.5vw,1.28rem);line-height:1.6;color:var(--ink-soft);max-width:34em}

/* ---------- Bottoni ---------- */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;border:2px solid transparent;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--gold{background:var(--frittura);color:var(--ink);box-shadow:0 10px 24px -10px rgba(227,163,43,.7)}
.btn--gold:hover{background:#efb23d;box-shadow:0 14px 28px -10px rgba(227,163,43,.8)}
.btn--ghost{border-color:rgba(251,252,246,.7);color:var(--tovaglia)}
.btn--ghost:hover{background:var(--tovaglia);color:var(--stagno)}
.btn--ink{background:var(--stagno);color:var(--tovaglia)}
.btn--ink:hover{background:var(--stagno-2)}
.btn--line{border-color:var(--stagno);color:var(--stagno)}
.btn--line:hover{background:var(--stagno);color:var(--tovaglia)}
.btn--out{border-color:rgba(251,252,246,.75);color:var(--tovaglia)}
.btn--out:hover{background:var(--tovaglia);color:var(--stagno)}
.btn--out-d{border-color:var(--stagno);color:var(--stagno)}
.btn--out-d:hover{background:var(--stagno);color:var(--tovaglia)}
.btn--lg{min-height:56px;font-size:1.06rem;width:100%}
.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.22;transform:scale(0);animation:ripple .65s ease-out forwards;pointer-events:none}
@keyframes ripple{to{transform:scale(1);opacity:0}}
.linkbtn{text-decoration:underline;text-underline-offset:.2em;font-weight:500}
.linkbtn:hover{color:var(--frittura)}

/* ---------- Introduzione ---------- */
.intro{display:none}
.js .intro{position:fixed;inset:0;z-index:300;display:grid;place-content:center;justify-items:center;gap:1.6rem;background:var(--stagno);color:var(--tovaglia);transition:transform 1s cubic-bezier(.7,0,.25,1);cursor:pointer}
.intro__stage{position:relative;width:min(340px,80vw);height:150px}
.intro__ground{position:absolute;left:0;right:0;bottom:6px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(108,174,46,.8),transparent)}
.intro__hopx{position:absolute;left:0;bottom:10px;width:84px;transform:translateX(-30px)}
.intro__frog{width:84px;transform-origin:50% 100%}
.play .intro__hopx{animation:hopx 1.9s cubic-bezier(.4,0,.4,1) forwards}
.play .intro__frog{animation:hopy 1.9s linear forwards}
@keyframes hopx{from{transform:translateX(-30px)}to{transform:translateX(min(260px,calc(80vw - 80px)))}}
@keyframes hopy{
  0%{transform:translateY(0) scale(1.1,.85)}
  8%{transform:translateY(0) scale(.9,1.12)}
  20%{transform:translateY(-58px) rotate(-6deg) scale(.95,1.06)}
  32%{transform:translateY(0) scale(1.12,.85)}
  42%{transform:translateY(0) scale(.92,1.1)}
  54%{transform:translateY(-58px) rotate(-6deg) scale(.95,1.06)}
  66%{transform:translateY(0) scale(1.12,.85)}
  76%{transform:translateY(0) scale(.92,1.1)}
  88%{transform:translateY(-58px) rotate(-6deg) scale(.95,1.06)}
  100%{transform:translateY(0) scale(1.1,.88)}
}
.intro__name{font-family:var(--f-display);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:650;opacity:0;animation:fadein .7s .5s forwards}
.intro__name span{display:block;font-family:var(--f-body);font-weight:400;font-size:.95rem;letter-spacing:.06em;opacity:.7;text-align:center}
@keyframes fadein{to{opacity:1}}
.intro__wave{position:absolute;left:0;right:0;top:100%;width:100%;height:60px;fill:var(--stagno);margin-top:-1px}
.intro.done{transform:translateY(-110%)}

/* ---------- Header ---------- */
.progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:120;transform-origin:left;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--rana),var(--frittura))}
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hh);display:flex;align-items:center;color:var(--tovaglia);transition:background .35s,box-shadow .35s}
.site-header.is-solid{background:rgba(18,48,31,.94);box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}
@supports (backdrop-filter:blur(8px)){.site-header.is-solid{background:rgba(18,48,31,.82);backdrop-filter:blur(12px)}}
.header__in{display:flex;align-items:center;gap:1.5rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto}
.brand img{width:44px;height:auto;transition:transform .5s var(--ease)}
.brand:hover img{transform:rotate(-8deg) translateY(-3px)}
.brand__t{display:flex;flex-direction:column;font-family:var(--f-display);font-weight:700;font-size:1.32rem;line-height:1}
.brand__t small{font-family:var(--f-body);font-weight:400;font-size:.78rem;letter-spacing:.07em;opacity:.8;margin-top:.25rem}
.nav ul{display:flex;gap:.3rem}
.nav a{position:relative;display:block;padding:.55rem .85rem;text-decoration:none;font-weight:500;font-size:.98rem;border-radius:999px;transition:color .2s,background .2s}
.nav a:hover{background:rgba(251,252,246,.12)}
.nav a.is-on{color:var(--frittura)}
.nav a.is-on::after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--frittura)}
.header__cta{min-height:44px;padding:.55rem 1.15rem}
.burger{display:none;width:46px;height:46px;border-radius:50%;position:relative;z-index:140;background:rgba(251,252,246,.14)}
.burger span{position:absolute;left:13px;right:13px;height:2px;background:currentColor;border-radius:2px;transition:transform .35s var(--ease),top .35s var(--ease)}
.burger span:nth-child(1){top:19px}
.burger span:nth-child(2){top:26px}
.burger[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){top:22px;transform:rotate(-45deg)}

.drawer{position:fixed;inset:0;z-index:130;background:var(--stagno);color:var(--tovaglia);display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--hh) + 1.5rem) var(--gut) calc(1.5rem + env(safe-area-inset-bottom));clip-path:circle(0 at calc(100% - 46px) 38px);visibility:hidden;transition:clip-path .7s cubic-bezier(.7,0,.25,1),visibility 0s .7s}
.drawer.is-open{clip-path:circle(150% at calc(100% - 46px) 38px);visibility:visible;transition:clip-path .7s cubic-bezier(.7,0,.25,1),visibility 0s}
.drawer ul{display:grid;gap:.3rem}
.drawer li{overflow:hidden}
.drawer a{display:block;font-family:var(--f-display);font-size:clamp(2.1rem,9vw,3rem);font-weight:650;text-decoration:none;padding:.15em 0;transform:translateY(100%);transition:transform .6s var(--ease)}
.drawer.is-open a{transform:none}
.drawer.is-open li:nth-child(1) a{transition-delay:.22s}
.drawer.is-open li:nth-child(2) a{transition-delay:.28s}
.drawer.is-open li:nth-child(3) a{transition-delay:.34s}
.drawer.is-open li:nth-child(4) a{transition-delay:.4s}
.drawer.is-open li:nth-child(5) a{transition-delay:.46s}
.drawer__foot{display:grid;gap:1rem;justify-items:start}
.drawer__foot p{opacity:.75}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:max(640px,90svh);max-height:880px;display:grid;grid-template-rows:1fr auto;color:var(--tovaglia);isolation:isolate;background:var(--stagno);overflow:hidden}
.hero__slides{position:absolute;inset:0;z-index:-2}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
.slide img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform:scale(1.04)}
.slide.is-active{opacity:1}
.slide.is-active img{animation:kb 9s linear forwards}
.slide.is-leaving{opacity:0}
.slide.is-leaving img{transform:scale(1.14)}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.14)}}
.hero__shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(10,32,20,.9) 0%,rgba(10,32,20,.6) 46%,rgba(10,32,20,.12) 100%),
  linear-gradient(0deg,rgba(10,32,20,.7) 0%,transparent 38%),
  linear-gradient(180deg,rgba(10,32,20,.55) 0%,transparent 22%)}
.hero__inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:3rem;align-items:end;padding-top:calc(var(--hh) + 3.5rem);padding-bottom:3.2rem}
.hero__title{font-size:clamp(3.2rem,9vw,7.6rem);line-height:.9;font-weight:780;letter-spacing:-.03em;margin-bottom:1.6rem;text-wrap:balance}
.line{display:block;overflow:hidden;padding:.04em 0 .1em;margin-bottom:-.06em}
.line>span{display:block}
.js .line>span{transform:translateY(108%)}
.js .ready .line>span{transform:none;transition:transform 1.15s var(--ease)}
.js .ready .line:nth-child(2)>span{transition-delay:.14s}
.hero__lead,.hero__cta,.today{transition:opacity .9s .5s,transform .9s .5s var(--ease)}
.js .hero__lead,.js .hero__cta,.js .today{opacity:0;transform:translateY(22px)}
.js .ready .hero__lead,.js .ready .hero__cta,.js .ready .today{opacity:1;transform:none}
.js .ready .hero__cta{transition-delay:.65s}
.js .ready .today{transition-delay:.8s}
.hero__lead{max-width:30em;font-size:clamp(1.1rem,1.6vw,1.32rem);line-height:1.55;margin-bottom:2rem;color:rgba(251,252,246,.94)}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem}

.today{background:rgba(251,252,246,.1);border:1px solid rgba(251,252,246,.24);border-radius:24px;padding:1.4rem 1.5rem;display:grid;gap:1.1rem}
@supports (backdrop-filter:blur(8px)){.today{backdrop-filter:blur(14px);background:rgba(251,252,246,.12)}}
.today__row{display:flex;gap:.9rem;align-items:flex-start}
.today__row .ico{margin-top:.2rem;color:var(--frittura)}
.today__h{font-family:var(--f-display);font-size:1.18rem;font-weight:650;line-height:1.2}
.today__t{font-size:.98rem;line-height:1.45;opacity:.92}
.today__note{font-size:.93rem;line-height:1.45;border-top:1px solid rgba(251,252,246,.22);padding-top:1rem;opacity:.9}

.hero__foot{display:flex;align-items:center;gap:1.2rem;padding-bottom:5.6rem}
.dots{display:flex;gap:.5rem}
.dots button{position:relative;width:48px;height:22px}
.dots button::before{content:"";position:absolute;left:0;right:0;top:9px;height:3px;border-radius:3px;background:rgba(251,252,246,.35)}
.dots button::after{content:"";position:absolute;left:0;top:9px;height:3px;border-radius:3px;width:0;background:var(--frittura)}
.dots button.is-on::after{animation:fill var(--dur,6s) linear forwards}
.dots button.is-done::after{width:100%}
@keyframes fill{to{width:100%}}
.hero__cap{font-size:.95rem;opacity:.9}

.wave{position:absolute;left:0;right:0;bottom:-1px;height:74px;pointer-events:none;overflow:hidden;line-height:0}
.wave svg{position:absolute;left:0;bottom:0;width:200%;height:100%;fill:var(--nebbia)}
.wave__b{opacity:.5;animation:drift 22s linear infinite}
.wave__f{animation:drift 14s linear infinite reverse}
@keyframes drift{to{transform:translateX(-50%)}}

/* ---------- Striscia ---------- */
.marquee{background:var(--nebbia);overflow:hidden;padding:1.1rem 0 1.6rem;color:var(--canneto)}
.marquee__track{display:flex;width:max-content;animation:marq 46s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__set{display:flex;align-items:center;gap:1.8rem;padding-right:1.8rem}
.marquee__set span{font-family:var(--f-display);font-style:italic;font-weight:560;font-size:clamp(1.7rem,3.6vw,2.8rem);white-space:nowrap}
.marquee__set img{width:40px;opacity:.9}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- Sezioni ---------- */
.sec{position:relative;padding:clamp(4.5rem,9vw,8rem) 0}
.sec--white{background:var(--tovaglia)}
.sec--mist{background:var(--nebbia)}
.sec--pond{background:var(--stagno);color:var(--tovaglia)}
.sec h2{font-size:clamp(2.1rem,4.6vw,3.6rem);margin-bottom:1.2rem;text-wrap:balance}
.edge{position:absolute;left:0;right:0;height:46px;line-height:0;pointer-events:none}
.edge svg{width:100%;height:100%}
.edge--top{top:-1px;fill:var(--nebbia)}
.edge--bottom{bottom:-1px;fill:var(--nebbia);transform:scaleY(-1)}

/* ---------- Storia ---------- */
.story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,7vw,6rem);align-items:start}
.story__side{position:sticky;top:calc(var(--hh) + 2rem)}
.polaroid{margin-top:2.4rem;width:min(330px,84%);background:#fff;padding:12px 12px 14px;border-radius:4px;box-shadow:0 22px 40px -18px rgba(18,48,31,.5),0 2px 6px rgba(0,0,0,.08);transform:rotate(-3.2deg);transition:transform .6s var(--ease)}
.polaroid:hover{transform:rotate(0) scale(1.03)}
.polaroid img{width:100%;aspect-ratio:380/234;object-fit:cover;filter:sepia(.25) saturate(.9)}
.polaroid figcaption{font-family:var(--f-display);font-style:italic;font-size:1.02rem;text-align:center;margin-top:.7rem;color:var(--ink-soft)}

.tl{position:relative;padding-left:78px;counter-reset:none}
.tl::before{content:"";position:absolute;left:23px;top:20px;bottom:30px;width:4px;border-radius:4px;background:repeating-linear-gradient(to bottom,rgba(75,93,35,.4) 0 10px,transparent 10px 20px)}
.tl__item{position:relative;padding-bottom:3.1rem}
.tl__item:last-child{padding-bottom:0}
.tl__pad{position:absolute;left:-78px;top:-4px;width:50px;height:50px;color:var(--rana)}
.js .tl__pad{opacity:.28;filter:saturate(.4);transform:scale(.8);transition:opacity .6s,transform .6s var(--ease),filter .6s}
.js .tl__item.is-on .tl__pad{opacity:1;filter:none;transform:scale(1)}
.tl__item h3{font-size:clamp(1.5rem,2.4vw,1.95rem);color:var(--stagno);margin-bottom:.5rem}
.tl__item p{color:var(--ink-soft);max-width:36em}
.js .tl__item{opacity:.45;transition:opacity .6s}
.js .tl__item.is-on{opacity:1}
.tl__frog{position:absolute;left:-1px;top:var(--fy,0px);width:48px;z-index:3;transition:top 1s cubic-bezier(.5,-.35,.3,1.25);pointer-events:none}
.tl__frog img{width:48px;filter:drop-shadow(0 6px 5px rgba(18,48,31,.35));transform-origin:50% 100%}
.tl__frog.hop img{animation:frogjump .9s cubic-bezier(.3,.6,.4,1)}
@keyframes frogjump{0%{transform:scale(1.15,.8)}30%{transform:translateY(-22px) scale(.92,1.14) rotate(-8deg)}70%{transform:translateY(-6px) rotate(4deg)}100%{transform:none}}

/* ---------- Famiglia ---------- */
.family__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.family__photo{border-radius:30px 30px 120px 30px;overflow:hidden;aspect-ratio:1000/700;box-shadow:0 30px 50px -28px rgba(18,48,31,.55);background:var(--stagno)}
.family__photo img{width:100%;height:100%;object-fit:cover;will-change:transform}
.family__txt p{font-size:1.15rem;color:var(--ink-soft);max-width:30em}
.nums{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0;margin-top:2.2rem}
.nums>div{padding:0 2rem;border-left:2px solid var(--line)}
.nums>div:first-child{padding-left:0;border-left:0}
.nums dd{font-family:var(--f-display);font-weight:750;font-size:clamp(2.6rem,5vw,4rem);line-height:1;color:var(--canneto);order:1}
.nums dt{order:2;font-size:.98rem;color:var(--ink-soft);margin-top:.35rem}
.nums>div{display:flex;flex-direction:column}

/* ---------- Menu ---------- */
.menu{padding-top:clamp(6rem,10vw,9rem);padding-bottom:clamp(6rem,10vw,9rem)}
.menu__in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.plates{position:relative;aspect-ratio:1/1.05;width:100%;max-width:520px;margin-inline:auto}
.plate{position:absolute;margin:0;border-radius:50%;overflow:visible;transition:transform .5s var(--ease)}
.plate img{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 9px var(--tovaglia),0 0 0 11px rgba(0,0,0,.14),0 34px 50px -18px rgba(0,0,0,.65)}
.plate figcaption{position:absolute;left:50%;bottom:-.9rem;transform:translateX(-50%);background:var(--frittura);color:var(--ink);font-family:var(--f-display);font-style:italic;font-weight:600;padding:.2rem .95rem;border-radius:999px;font-size:1.02rem;white-space:nowrap;box-shadow:0 8px 16px -8px rgba(0,0,0,.5)}
.plate--a{width:64%;aspect-ratio:1;top:0;left:0}
.plate--b{width:52%;aspect-ratio:1;top:30%;right:0}
.plate--c{width:44%;aspect-ratio:1;bottom:0;left:12%}
.plate--a img{object-position:50% 50%}
.plate--b img{object-position:50% 50%}

.menu__card{position:relative;background:var(--tovaglia);color:var(--ink);border-radius:26px;padding:clamp(1.6rem,3.5vw,3rem);box-shadow:0 40px 70px -30px rgba(0,0,0,.6)}
.menu__card::before{content:"";position:absolute;inset:10px;border:1.5px solid rgba(75,93,35,.35);border-radius:18px;pointer-events:none}
.menu__card h2{color:var(--stagno);margin-bottom:.6rem}
.menu__intro{color:var(--ink-soft);max-width:32em;margin-bottom:1.6rem}
.tabs{position:relative;display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1.5px solid var(--line);margin-bottom:1.8rem}
.tabs button{position:relative;padding:.7rem 1rem;font-weight:600;font-size:1.02rem;color:var(--ink-soft);border-radius:10px 10px 0 0;transition:color .2s}
.tabs button:hover{color:var(--stagno)}
.tabs button[aria-selected="true"]{color:var(--stagno)}
.tabs__ink{position:absolute;bottom:-1.5px;left:0;height:3px;width:var(--w,0);transform:translateX(var(--x,0));background:var(--frittura);border-radius:3px;transition:transform .45s var(--ease),width .45s var(--ease)}
.panel h3{font-size:1.45rem;color:var(--stagno);margin-bottom:.5rem}
.panel>p{color:var(--ink-soft);margin-bottom:1.2rem;max-width:36em}
.panel.is-in>*,.panel.is-in .carta section,.panel.is-in .deg article{animation:panelin .6s var(--ease) both}
.panel.is-in>*:nth-child(2),.panel.is-in .carta section:nth-child(2),.panel.is-in .deg article:nth-child(2){animation-delay:.07s}
.panel.is-in>*:nth-child(3),.panel.is-in .carta section:nth-child(3){animation-delay:.14s}
.panel.is-in .carta section:nth-child(4){animation-delay:.21s}
@keyframes panelin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.deg{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.4rem}
.deg article{background:var(--nebbia);border-radius:16px;padding:1.3rem 1.3rem 1.1rem}
.deg li,.carta li{position:relative;padding-left:1.15rem;margin:.28rem 0;line-height:1.45}
.deg li::before,.carta li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--rana)}
.menu__note{background:rgba(227,163,43,.16);border-left:4px solid var(--frittura);padding:.9rem 1.1rem;border-radius:0 12px 12px 0;color:var(--ink)}
.carta{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 2rem}
.carta .sub{font-size:.95rem;color:var(--ink-soft);margin-bottom:.4rem;line-height:1.4}
.carta li.fav{font-weight:600}
.carta li.fav::before{width:16px;height:14px;top:.35em;left:-.15rem;border-radius:0;background:url(../img/rana.webp) center/contain no-repeat}
.carta li.fav{padding-left:1.5rem}
.legend{display:flex;align-items:center;gap:.5rem;font-size:.94rem;color:var(--ink-soft);margin-top:1.4rem}
.lav{display:grid;gap:.9rem;justify-items:start}
.lav p{color:var(--ink-soft);max-width:34em}

/* ---------- Sale ---------- */
.sale{overflow:hidden}
.sale__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.4rem}
.gal__ctrl{display:flex;gap:.6rem}
.round{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--stagno);color:var(--stagno);transition:background .25s,color .25s,transform .25s var(--ease)}
.round:hover{background:var(--stagno);color:var(--tovaglia);transform:scale(1.06)}
.gal{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(var(--gut),calc((100vw - 1200px)/2)) 1.4rem;scrollbar-width:thin;scrollbar-color:var(--canneto) transparent;cursor:grab}
.gal.is-drag{cursor:grabbing;scroll-snap-type:none}
.gal.is-drag *{pointer-events:none}
.gal__item{position:relative;flex:0 0 auto;width:clamp(290px,62vw,760px);aspect-ratio:3/2;border-radius:22px;overflow:hidden;scroll-snap-align:center;background:var(--stagno);text-align:left}
.gal__item img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.gal__item:hover img{transform:scale(1.06)}
.gal__item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,32,20,.7),transparent 45%)}
.gal__cap{position:absolute;left:1.3rem;bottom:1.1rem;z-index:2;color:var(--tovaglia);font-family:var(--f-display);font-size:1.45rem;font-weight:620}
.gal__ex{position:absolute;right:1.1rem;bottom:1.2rem;z-index:2;color:var(--tovaglia);opacity:0;transform:scale(.7);transition:opacity .3s,transform .3s var(--ease)}
.gal__item:hover .gal__ex,.gal__item:focus-visible .gal__ex{opacity:1;transform:none}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2.6rem;border-top:1.5px solid var(--line)}
.facts li{padding:1.4rem 1.4rem 0 0}
.facts li+li{padding-left:1.4rem;border-left:1.5px solid var(--line)}
.facts strong{display:block;font-family:var(--f-display);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:720;color:var(--canneto);line-height:1.05}
.facts span{display:block;font-size:.97rem;color:var(--ink-soft);margin-top:.3rem;line-height:1.4}

/* ---------- Eventi ---------- */
.eventi__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:start}
.cer{position:sticky;top:calc(var(--hh) + 1.5rem);border-radius:30px;overflow:hidden;background:var(--stagno);color:var(--tovaglia);box-shadow:0 34px 60px -32px rgba(18,48,31,.7)}
.cer__img{aspect-ratio:4/3}
.cer__img img{width:100%;height:100%;object-fit:cover}
.cer__txt{padding:1.8rem 1.8rem 2rem;display:grid;gap:1rem;justify-items:start}
.cer__txt h3{font-size:clamp(1.5rem,2.4vw,2rem)}
.cer__txt p{opacity:.9}
.empty{display:grid;gap:.3rem;padding:1.2rem 1.4rem;border:2px dashed rgba(75,93,35,.45);border-radius:18px;background:var(--nebbia);margin:1.6rem 0 2.4rem}
.empty strong{font-family:var(--f-display);font-size:1.25rem;color:var(--stagno)}
.empty span{color:var(--ink-soft)}
.ev__h{font-size:1.5rem;color:var(--stagno);margin-bottom:1rem}
.trad{margin-bottom:3rem}
.trad li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1rem 2rem;padding:1.15rem 0;border-top:1.5px solid var(--line);align-items:baseline;transition:background .3s,padding .3s var(--ease)}
.trad li:last-child{border-bottom:1.5px solid var(--line)}
.trad li:hover{background:linear-gradient(90deg,rgba(108,174,46,.12),transparent);padding-left:.8rem}
.trad h4{font-size:1.4rem;color:var(--stagno)}
.trad .when{display:block;font-family:var(--f-body);font-weight:400;font-size:.95rem;color:var(--ink-soft);letter-spacing:0;margin-top:.15rem}
.trad p{font-size:.98rem;color:var(--ink-soft);line-height:1.45}
.trad p strong{color:var(--ink);font-weight:600}
.years{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}
.years button{padding:.45rem 1rem;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:.98rem;color:var(--ink-soft);transition:background .25s,color .25s,border-color .25s}
.years button:hover{border-color:var(--canneto);color:var(--canneto)}
.years button[aria-selected="true"]{background:var(--stagno);border-color:var(--stagno);color:var(--tovaglia)}
.arch li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:1rem 1.2rem;align-items:center;padding:1rem 0;border-top:1px solid var(--line);animation:panelin .5s var(--ease) both}
.arch li:last-child{border-bottom:1px solid var(--line)}
.date{display:grid;place-items:center;width:64px;height:68px;border-radius:14px;background:var(--nebbia);font-family:var(--f-display);line-height:1}
.date b{font-size:1.7rem;font-weight:740;color:var(--stagno)}
.date i{font-style:normal;font-family:var(--f-body);font-size:.82rem;color:var(--ink-soft);margin-top:.1rem}
.arch h5{font-family:var(--f-display);font-size:1.18rem;font-weight:650;line-height:1.2}
.arch p{font-size:.94rem;color:var(--ink-soft);line-height:1.4;margin-top:.15rem}
.price{font-family:var(--f-display);font-weight:700;font-size:1.15rem;color:var(--canneto);text-align:right;line-height:1.1}
.price small{display:block;font-family:var(--f-body);font-weight:400;font-size:.78rem;color:var(--ink-soft);margin-top:.15rem}

/* ---------- Contatti ---------- */
.contatti__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.2rem,6vw,5rem);align-items:start}
.info__list{display:grid;gap:.9rem;margin:2rem 0}
.info__list li{display:flex;gap:.9rem;align-items:flex-start}
.info__list .ico{margin-top:.2rem;color:var(--rana-d)}
.info__list strong{display:block;font-family:var(--f-display);font-size:1.2rem;font-weight:650;color:var(--stagno)}
.info__list a{text-decoration-color:rgba(18,48,31,.3)}
.info__list a:hover{color:var(--rana-d)}
.hours{background:var(--tovaglia);border-radius:20px;padding:1.3rem 1.5rem;margin-bottom:1.6rem}
.hours h3{font-size:1.25rem;margin-bottom:.7rem;color:var(--stagno)}
.hours dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .7rem;border-radius:10px;transition:background .3s}
.hours dt{font-weight:600}
.hours dd{color:var(--ink-soft);text-align:right}
.hours dl>div.is-today{background:rgba(227,163,43,.22)}
.hours dl>div.is-today dt::after{content:" · oggi";font-weight:500;color:var(--canneto)}
.map{position:relative;border-radius:22px;overflow:hidden;background:var(--stagno);aspect-ratio:16/11;min-height:260px}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map__ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.9rem;padding:1.4rem;text-align:center;color:var(--tovaglia);background:
  radial-gradient(circle at 20% 25%,rgba(108,174,46,.35) 0 90px,transparent 91px),
  radial-gradient(circle at 80% 70%,rgba(108,174,46,.28) 0 120px,transparent 121px),
  var(--stagno)}
.map__ph .ico{color:var(--frittura)}
.map__ph p{max-width:26em;font-size:.98rem;line-height:1.45}
.map__btns{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.map__btns .btn--ink{background:var(--frittura);color:var(--ink)}
.map__btns .btn--line{border-color:rgba(251,252,246,.7);color:var(--tovaglia)}
.map__btns .btn--line:hover{background:var(--tovaglia);color:var(--stagno)}

.form{background:var(--tovaglia);border-radius:28px;padding:clamp(1.5rem,3.5vw,2.6rem);box-shadow:0 34px 60px -36px rgba(18,48,31,.55);position:sticky;top:calc(var(--hh) + 1.2rem)}
.form h3{font-size:clamp(1.6rem,2.6vw,2.1rem);color:var(--stagno);margin-bottom:.6rem}
.form__hint{font-size:.97rem;color:var(--ink-soft);margin-bottom:1.5rem;line-height:1.5}
.f{margin-bottom:1rem}
.f--2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.f--3{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:1rem}
.f label{display:block;font-weight:600;font-size:.95rem;margin-bottom:.35rem}
.f abbr{text-decoration:none;color:var(--brace)}
.f input[type=text],.f input[type=email],.f input[type=tel],.f input[type=date],.f input[type=number],.f select,.f textarea{width:100%;min-height:48px;padding:.7rem .9rem;border:1.5px solid rgba(23,38,28,.28);border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}
.f textarea{resize:vertical;min-height:110px}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--rana-d);box-shadow:0 0 0 4px rgba(108,174,46,.25)}
.f.is-bad input,.f.is-bad textarea{border-color:var(--brace);box-shadow:0 0 0 4px rgba(184,64,42,.12)}
.err{display:none;color:var(--brace);font-size:.9rem;margin-top:.3rem;font-weight:500}
.f.is-bad .err{display:block}
.f--check{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;align-items:start}
.f--check input{width:22px;height:22px;margin-top:.15rem;accent-color:var(--rana-d)}
.f--check label{margin:0;font-weight:400}
.f--check .err{grid-column:1/-1}
.form .btn--lg{margin-top:.6rem}
.form__ok{margin-top:1.2rem;padding:1rem 1.2rem;border-radius:14px;background:var(--nebbia);display:grid;gap:.8rem;justify-items:start;font-size:.97rem;animation:panelin .5s var(--ease)}

/* ---------- Footer ---------- */
.foot{background:var(--stagno);color:var(--tovaglia);padding:4rem 0 2rem}
.foot__in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}
.foot__logo{display:inline-block;background:var(--tovaglia);border-radius:18px;padding:.7rem 1.1rem;margin-bottom:1rem}
.foot__logo img{width:190px}
.foot__brand p{max-width:20em;opacity:.85}
.foot h4{font-family:var(--f-body);font-weight:600;font-size:.98rem;margin-bottom:.8rem;color:var(--frittura);letter-spacing:.02em}
.foot__col p{margin-bottom:.8rem;line-height:1.5;opacity:.92}
.foot a{text-decoration-color:rgba(251,252,246,.4)}
.foot a:hover{color:var(--frittura)}
.foot__legal{margin-top:3rem;padding-top:1.4rem;border-top:1px solid rgba(251,252,246,.16);font-size:.9rem;opacity:.75}

/* ---------- Cookie ---------- */
.cb{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:160;width:min(440px,calc(100vw - 32px));background:var(--stagno);color:var(--tovaglia);border-radius:24px;padding:1.5rem 1.5rem 1.2rem;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(251,252,246,.12);animation:cbin .8s var(--ease) both}
@keyframes cbin{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.cb__frog{position:absolute;right:26px;top:-34px;width:60px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));animation:peek 1s .5s var(--ease) both}
@keyframes peek{from{transform:translateY(34px)}to{transform:none}}
.cb h2{font-size:1.35rem;margin-bottom:.5rem;padding-right:60px}
.cb p{font-size:.96rem;line-height:1.5;opacity:.92;margin-bottom:1.1rem}
.cb a{color:var(--frittura)}
.cb__btns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.cb__btns .btn{min-height:46px;padding:.6rem 1rem}
.cb__more{display:block;margin:.9rem auto 0;font-size:.95rem;color:var(--tovaglia)}
@media (min-width:701px){
  .cb{left:0;right:0;margin-inline:auto;width:min(1060px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2.6rem;align-items:center;padding:1.3rem 1.9rem 1.2rem}
  .cb__frog{right:auto;left:30px}
  .cb h2{grid-column:1;padding-right:0;margin-bottom:.3rem}
  .cb p{grid-column:1;margin:0;max-width:44em}
  .cb__act{grid-column:2;grid-row:1/3;min-width:330px}
  .cb__more{margin-top:.6rem}
}

.modal{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:1rem}
.modal__bg{position:absolute;inset:0;background:rgba(10,24,16,.7);animation:fadein2 .3s both}
@keyframes fadein2{from{opacity:0}to{opacity:1}}
.modal__box{position:relative;width:min(560px,100%);max-height:calc(100svh - 2rem);overflow:auto;background:var(--tovaglia);border-radius:26px;padding:2rem;animation:pop .5s var(--ease) both}
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.modal__x{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:background .2s}
.modal__x:hover{background:var(--nebbia)}
.modal h2{font-size:1.7rem;color:var(--stagno);margin-bottom:.6rem;padding-right:44px}
.modal__p{color:var(--ink-soft);font-size:.98rem;margin-bottom:1.3rem}
.pref{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding:1rem 0;border-top:1px solid var(--line)}
.pref h3{font-size:1.1rem;margin-bottom:.2rem;color:var(--stagno)}
.pref p{font-size:.93rem;color:var(--ink-soft);line-height:1.4}
.sw{position:relative;flex:none;width:56px;height:32px}
.sw input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}
.sw span{position:absolute;inset:0;border-radius:999px;background:#b9c1b3;transition:background .25s}
.sw span::after{content:"";position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:transform .3s var(--ease)}
.sw input:checked+span{background:var(--rana-d)}
.sw input:checked+span::after{transform:translateX(24px)}
.sw input:focus-visible+span{outline:3px solid var(--frittura);outline-offset:3px}
.sw--lock{opacity:.6}
.sw--lock input{cursor:not-allowed}
.modal__btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--line)}

.pp{position:fixed;inset:0;z-index:240;visibility:hidden;pointer-events:none}
.pp.is-open{visibility:visible;pointer-events:auto}
.pp__bg{position:absolute;inset:0;background:rgba(10,24,16,.62);opacity:0;transition:opacity .4s}
.pp.is-open .pp__bg{opacity:1}
.pp__panel{position:absolute;right:0;top:0;bottom:0;width:min(780px,100%);background:var(--tovaglia);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .6s cubic-bezier(.7,0,.25,1);box-shadow:-30px 0 60px -30px rgba(0,0,0,.5)}
.pp.is-open .pp__panel{transform:none}
.pp__bar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.6rem 1.2rem 2rem;border-bottom:1px solid var(--line)}
.pp__bar h2{font-size:1.5rem;color:var(--stagno)}
.pp__bar .modal__x{position:static}
.pp__body{overflow:auto;padding:1.6rem 2rem 3rem;overscroll-behavior:contain}
.pp__body h3{font-size:1.25rem;color:var(--stagno);margin:1.8rem 0 .5rem}
.pp__body p{margin-bottom:.8rem;color:var(--ink-soft);font-size:1rem;max-width:42em}
.pp__body a{color:var(--rana-d);font-weight:500}
.pp__lead{font-size:1.1rem!important;color:var(--ink)!important}
.pp__date{font-size:.92rem!important;margin-top:1.5rem}
.pp__table{overflow-x:auto;margin:.6rem 0 1rem;border:1px solid var(--line);border-radius:14px}
.pp__table table{border-collapse:collapse;width:100%;min-width:480px;font-size:.95rem}
.pp__table th,.pp__table td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}
.pp__table th{background:var(--nebbia);font-weight:600}
.pp__table tr:last-child td{border-bottom:0}

.lb{position:fixed;inset:0;z-index:260;background:rgba(8,20,13,.94);display:grid;place-items:center;animation:fadein2 .3s both}
.lb__fig{margin:0;width:min(1400px,94vw);text-align:center}
.lb__fig img{width:100%;max-height:78svh;object-fit:contain;border-radius:14px;animation:pop .5s var(--ease) both}
.lb__fig figcaption{color:var(--tovaglia);margin-top:1rem;font-family:var(--f-display);font-size:1.15rem}
.lb__x,.lb__nav{position:absolute;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--tovaglia);background:rgba(251,252,246,.14);transition:background .2s}
.lb__x:hover,.lb__nav:hover{background:rgba(251,252,246,.28)}
.lb__x{right:18px;top:18px}
.lb__prev{left:18px;top:50%;margin-top:-26px}
.lb__next{right:18px;top:50%;margin-top:-26px}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);z-index:300;background:var(--stagno);color:var(--tovaglia);padding:.8rem 1.3rem;border-radius:999px;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s,transform .4s var(--ease);max-width:calc(100vw - 32px);text-align:center}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- Rivelazioni allo scroll ---------- */
.js [data-rv="img"]{clip-path:inset(0 0 100% 0 round 24px);transition:clip-path 1.2s var(--ease)}
.js [data-rv="img"] img{transform:scale(1.25);transition:transform 1.6s var(--ease)}
.js [data-rv="img"].in{clip-path:inset(0 0 0 0 round 24px)}
.js [data-rv="img"].in img{transform:scale(1)}
.js .cer__img[data-rv="img"]{clip-path:inset(0 0 100% 0)}
.js .cer__img[data-rv="img"].in{clip-path:inset(0 0 0 0)}
.js .family__photo[data-rv="img"]{clip-path:inset(0 100% 0 0 round 30px)}
.js .family__photo[data-rv="img"].in{clip-path:inset(0 0 0 0 round 30px 30px 120px 30px)}
.js .family__photo[data-rv="img"] img{transform:none;transition:none}
.js .polaroid[data-rv="img"]{clip-path:none;opacity:0;transform:translateY(40px) rotate(-9deg);transition:opacity .9s,transform 1.1s var(--ease)}
.js .polaroid[data-rv="img"].in{opacity:1;transform:rotate(-3.2deg)}
.js .polaroid[data-rv="img"] img{transform:none}
.js .polaroid[data-rv="img"].in:hover{transform:rotate(0) scale(1.03)}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .nav,.header__cta{display:none}
  .burger{display:block}
  .hero__inner{grid-template-columns:1fr;gap:2rem}
  .today{max-width:520px}
  .story{grid-template-columns:1fr}
  .story__side{position:static}
  .polaroid{margin-inline:0}
  .family__in,.menu__in,.eventi__in,.contatti__in{grid-template-columns:1fr}
  .plates{max-width:440px}
  .cer,.form{position:static}
  .foot__in{grid-template-columns:1fr 1fr}
}
@media (max-width:700px){
  :root{--hh:68px}
  body{font-size:1.03rem}
  .hero{min-height:max(700px,92svh)}
  .hero__shade{background:
    linear-gradient(180deg,rgba(10,32,20,.6) 0%,rgba(10,32,20,.45) 40%,rgba(10,32,20,.88) 100%)}
  .hero__inner{padding-top:calc(var(--hh) + 2rem);padding-bottom:1.4rem;align-content:end}
  .hero__foot{padding-bottom:4.6rem}
  .hero__cta .btn{flex:1 1 100%}
  .nums>div{padding:0 1rem}
  .deg,.carta{grid-template-columns:1fr}
  .sale__head{flex-direction:column;align-items:flex-start}
  .gal__ctrl{display:none}
  .facts{grid-template-columns:1fr 1fr}
  .facts li:nth-child(3){padding-left:0;border-left:0}
  .facts li:nth-child(n+3){border-top:1.5px solid var(--line);margin-top:1.4rem}
  .trad li{grid-template-columns:1fr;gap:.3rem}
  .arch li{grid-template-columns:56px minmax(0,1fr)}
  .arch .price{grid-column:2;text-align:left}
  .date{width:56px;height:62px}
  .f--2,.f--3{grid-template-columns:1fr}
  .foot__in{grid-template-columns:1fr}
  .cb{left:0;right:0;bottom:0;width:100%;border-radius:24px 24px 0 0;padding:1.1rem 1.2rem calc(.9rem + env(safe-area-inset-bottom))}
  .cb h2{font-size:1.18rem;margin-bottom:.35rem}
  .cb p{font-size:.9rem;line-height:1.42;margin-bottom:.8rem}
  .cb__more{margin-top:.5rem}
  .cb__frog{width:50px;top:-28px}
  .pp__body{padding:1.2rem 1.2rem 3rem}
  .pp__bar{padding:1rem 1rem 1rem 1.2rem}
  .tl{padding-left:68px}
  .tl__pad{left:-68px}
  .lb__prev{left:6px}.lb__next{right:6px}
}

/* ---------- Movimento ridotto ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee__track,.wave svg,.slide.is-active img{animation:none!important}
  .marquee{overflow-x:auto}
  .js .line>span,.js .hero__lead,.js .hero__cta,.js .today{transform:none!important;opacity:1!important;transition:none!important}
  .js [data-rv]{clip-path:none!important;opacity:1!important;transform:none!important;transition:none!important}
  .js [data-rv] img{transform:none!important}
  .js .polaroid[data-rv="img"]{transform:rotate(-3.2deg)!important}
  .tl__frog,.tl__frog img,.cb,.cb__frog,.panel.is-in>*,.arch li{animation:none!important;transition:none!important}
  .dots button.is-on::after{animation:none;width:100%}
}
@media print{
  .site-header,.progress,.cb,.intro,.drawer{display:none!important}
}