/* K'MON wine & more */

@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --rosso:#A3161A;
  --nero:#1A0E12;
  --verde:#17392D;
  --rosa:#E48AA3;
  --barbera:#5B1F45;
  --carta:#F4ECDD;
  --oro:#E2B23A;
  --oro-hover:#D0A435;
  --vino:#4A0A12;
  --aperto:#7FD18B;

  /* secondary text, tinted from each field's own hue */
  --t-rosso:#eed6cb;
  --t-nero:#c4bbb0;
  --t-verde:#c3c5b6;
  --t-barbera:#d2bfbc;
  --t-rosa:#321d23;
  --ghost-verde:#a3ab9e;

  --display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;

  --ease-out-expo:cubic-bezier(.16,1,.3,1);
  --ease-paste:cubic-bezier(.22,1.2,.36,1);

  --s-1:.5rem;--s-2:1rem;--s-3:1.5rem;--s-4:2rem;--s-5:3rem;--s-6:4rem;--s-7:5rem;--s-8:6rem;--s-9:8rem;--s-10:10rem;

  --gutter:16px;
  --pad:clamp(5rem,12vw,10rem);
  --cut:max(2vw,14px);
  --ov:calc(var(--cut) + 4px);
  --hh:88px;
  --bean:var(--rosso);--bean-cut:var(--nero);--bean-ring:none;
}
@media (min-width:600px){:root{--gutter:clamp(1rem,4vw,3.5rem)}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px;scrollbar-color:var(--rosso) var(--nero);scrollbar-width:thin;background:var(--nero)}
body{margin:0;background:var(--nero);color:var(--carta);font-family:var(--sans);font-size:1.0625rem;line-height:1.55;font-stretch:100%;font-weight:400;caret-color:var(--rosso);accent-color:var(--rosso);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,figure,blockquote{margin:0}
ul{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--carta);color:var(--nero)}
.field-rosa ::selection{background:var(--nero);color:var(--rosa)}
:focus-visible{outline:3px solid var(--carta);outline-offset:3px}
.field-rosa :focus-visible{outline-color:var(--nero)}

/* litho grain */
body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 -.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:var(--gutter);top:-5rem;z-index:200;background:var(--carta);color:var(--nero);padding:.8rem 1.2rem;font-weight:700;text-decoration:none}
.skip:focus{top:var(--gutter)}

/* field colours */
.field-rosso{background:var(--rosso);color:var(--carta);--tint:var(--t-rosso);--bean:var(--nero);--bean-cut:var(--rosso)}
.field-nero{background:var(--nero);color:var(--carta);--tint:var(--t-nero);--bean-ring:var(--carta)}
.field-verde{background:var(--verde);color:var(--carta);--tint:var(--t-verde);--bean-ring:var(--carta)}
.field-rosa{background:var(--rosa);color:var(--nero);--tint:var(--t-rosa);--bean:var(--nero);--bean-cut:var(--rosa)}
.field-barbera{background:var(--barbera);color:var(--carta);--tint:var(--t-barbera)}

section,footer{position:relative}
main{overflow-x:clip}
.wrap{width:100%;max-width:92rem;margin-inline:auto;padding-inline:var(--gutter)}

/* seams: each bill is pasted over the one above */
.seam{margin-top:calc(var(--ov) * -1);padding-top:calc(var(--pad) + var(--ov));padding-bottom:var(--pad);clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%)}
.seam.flip{clip-path:polygon(0 0,100% var(--cut),100% 100%,0 100%)}
.vini,.recensioni,.orari,.dove{position:relative}
.vini{z-index:1}.recensioni{z-index:2}.orari{z-index:3}.dove{z-index:4}.footer{z-index:5}

/* shared bits */
.u{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat,linear-gradient(color-mix(in srgb,currentColor 45%,transparent),color-mix(in srgb,currentColor 45%,transparent)) 0 100%/100% 1.5px no-repeat;padding-bottom:.1em;background-position:0 calc(100% - .55rem);transition:background-size .4s var(--ease-out-expo)}
.u{background-position:0 calc(100% - .6rem),0 calc(100% - .6rem)}
.u:hover,.u:focus-visible{background-size:100% 1.5px,100% 1.5px}
.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.bean{width:.6em;height:.9em;flex:none}
.imprint{position:absolute;right:var(--gutter);bottom:calc(var(--ov) + .9rem);margin:0;font-family:var(--sans);font-weight:700;font-stretch:62%;font-size:.8rem;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;color:var(--tint);text-align:right}

.btn-oro{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:44px;padding:.7rem 1.2rem;background:var(--oro);color:var(--nero);font-weight:800;font-stretch:100%;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:background-color .2s ease,scale .15s ease}
.btn-oro:hover{background:var(--oro-hover)}
.btn-oro:active{scale:.98}
.btn-oro:focus-visible{outline-color:var(--carta)}
.btn-oro .ic{width:1.35em;height:1.35em;--bean:var(--nero)}
.btn-oro-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;text-align:left}
.btn-oro-top{font-stretch:62%;font-weight:800;font-size:.9rem;letter-spacing:.18em}
.btn-oro-num{font-weight:900;font-size:1.6rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.btn-oro--sm{padding:.55rem 1rem;font-stretch:62%;font-size:1.05rem;letter-spacing:.14em}
.btn-oro--xl{padding:1.15rem 2rem;gap:1rem}
.btn-oro--xl .btn-oro-num{font-size:clamp(1.6rem,2.4vw,2.1rem)}
.btn-oro--xl .ic{width:1.8rem;height:1.8rem}

/* status */
.status{display:flex;flex-direction:column;gap:.25rem}
.status-label{font-stretch:62%;font-weight:700;font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tint)}
.status-line{display:flex;align-items:center;gap:.7rem}
.status-text{font-stretch:62%;font-weight:800;font-size:clamp(1.7rem,3vw,2.75rem);line-height:1;letter-spacing:.03em;text-transform:uppercase}
.dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--aperto);border:2px solid var(--aperto)}
.status[data-open="false"] .dot{background:transparent;border-color:var(--carta)}
.status--lg{margin-block:var(--s-4) var(--s-3)}
.status--lg .status-text{font-size:clamp(1.5rem,2.5vw,2.3rem)}

/* header */
.site-header{position:fixed;inset:0 0 auto 0;z-index:70;height:var(--hh);background:transparent;color:var(--carta);--bean:var(--carta);--bean-cut:var(--rosso);--bean-ring:none;transition:height .5s var(--ease-out-expo),background-color .4s ease}
.site-header.is-solid{--hh:60px;background:var(--nero);--bean:var(--rosso);--bean-cut:var(--nero);--bean-ring:var(--carta)}
.hdr-in{display:flex;align-items:center;height:100%;padding-inline:var(--gutter);max-width:100%;gap:var(--s-3)}
.lockup{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit;min-height:44px}
.glass{height:46px;width:auto;aspect-ratio:60/110;color:var(--carta);--glass-w:1.7px;transition:height .5s var(--ease-out-expo)}
.is-solid .glass{height:36px}
.lockup-word{font-family:var(--display);font-weight:600;font-size:1.95rem;line-height:1;letter-spacing:.03em;display:inline-flex;align-items:flex-start}
.lockup-word .bean{width:.5em;height:.76em;margin:-.02em .03em 0 .03em;--bean-ring-w:.6}
.lockup-sub{display:none;font-stretch:62%;font-weight:600;font-size:.9rem;letter-spacing:.22em;text-transform:uppercase;margin-left:.2rem;align-self:flex-end;padding-bottom:.55rem}
@media (min-width:1100px){.lockup-sub{display:inline}}
.nav{margin-left:auto}
.nav ul{display:flex;gap:clamp(1.5rem,3vw,2.75rem)}
.nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding-inline:0;text-decoration:none;font-stretch:62%;font-weight:700;font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(currentColor,currentColor) 0 calc(100% - .55rem)/0 1.5px no-repeat;transition:background-size .35s var(--ease-out-expo)}
.nav a:hover,.nav a:focus-visible{background-size:100% 1.5px}
.nav a[aria-current]::before{content:"";width:9px;height:14px;margin-right:.55rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -9 12 18'%3E%3Cellipse rx='4.4' ry='7.2' transform='rotate(26)' fill='%23A3161A' stroke='%23F4ECDD' stroke-width='.9'/%3E%3Cpath d='M-.9 -6.2C3.2 -2.6 -2.8 1.4 1 6.3' transform='rotate(26)' fill='none' stroke='%231A0E12' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.hdr-actions{display:flex;align-items:center;gap:.75rem}
.menu-btn{display:none;min-height:44px;min-width:44px;padding:.4rem .9rem;background:transparent;border:1.5px solid currentColor;cursor:pointer;font-stretch:62%;font-weight:800;font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;color:inherit}
.hdr-actions{margin-left:0}
@media (max-width:899px){
  .nav{display:none}
  .hdr-actions{margin-left:auto}
  .menu-btn{display:inline-flex;align-items:center}
  .btn-oro--sm{padding:.55rem .75rem;min-width:44px}
  .btn-oro--sm span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .site-header{--hh:64px}
  .site-header.is-solid{--hh:56px}
  .glass{height:36px}
  .lockup-word{font-size:1.6rem}
}

/* menu overlay */
.menu{position:fixed;inset:0;z-index:60;display:grid;align-content:center;padding:calc(var(--hh) + 1.5rem) var(--gutter) calc(1.5rem + env(safe-area-inset-bottom));background:var(--rosso);color:var(--carta);--bean:var(--carta);--bean-cut:var(--rosso);--bean-ring:none;overflow-y:auto}
.menu[hidden]{display:none}
.menu-in ul{display:grid;gap:.15rem}
.menu-in li a{display:inline-block;font-family:var(--display);font-style:italic;font-weight:800;font-size:clamp(3.4rem,17vw,7rem);line-height:1.02;letter-spacing:-.03em;text-decoration:none;padding-block:.05em}
.menu-foot{margin-top:var(--s-4);display:grid;gap:var(--s-2);justify-items:start}
.menu-foot p{font-stretch:62%;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:1.1rem;color:var(--t-rosso)}
body.is-locked{overflow:hidden}

/* hero */
.hero{position:relative;display:flex;flex-direction:column;min-height:max(100svh,640px);overflow:clip;--h1:clamp(2.4rem,calc((100vw - 2 * var(--gutter)) / 6.5),11.5rem)}
.hero-main{position:relative;flex:1;padding:calc(var(--hh) + 5vh) var(--gutter) 3.5vh}
h1{position:relative;z-index:1;font-family:var(--display);font-style:italic;font-weight:800;font-size:var(--h1);line-height:.86;letter-spacing:-.03em;-webkit-text-stroke:.045em var(--rosso);paint-order:stroke fill;text-wrap:balance}
.apo{font-variation-settings:"opsz" 18;margin-inline:-.04em -.09em}
.apo--acc{margin-right:.04em;position:relative;left:-.03em}
h1 .ln{display:block}
h1 .ln-2{padding-left:.55em}
.hero-sub{position:relative;z-index:1;margin-top:clamp(1.5rem,4vh,3rem);margin-left:calc(.55em * 0 + 1rem);max-width:min(22ch,54%);font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(1.25rem,2.4vw,2.1rem);line-height:1.18;text-wrap:pretty;color:var(--carta)}
.hero{--cph:min(28vh,250px)}
.hero-main{min-height:calc(var(--hh) + 5vh + 1.72 * var(--h1) + 1.2rem + var(--cph) + 2rem)}
.coupe{position:absolute;z-index:0;right:calc(var(--gutter) + 2vw);top:calc(var(--hh) + 5vh + 1.72 * var(--h1) + 1.2rem);height:var(--cph);width:auto;aspect-ratio:300/570;rotate:9deg;overflow:visible}
.coupe .line path{stroke:var(--carta);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.coupe .wave path{fill:var(--vino)}
.coupe .swirl{stroke:var(--carta);stroke-width:3;stroke-linecap:round;opacity:.55}
.coupe .b{fill:none;stroke:var(--carta);stroke-width:4}
.coupe .drop{fill:var(--vino);stroke:var(--carta);stroke-width:3.5;stroke-linejoin:round}
.coupe .liquid{transform:translateY(84px);transition:transform 1.4s var(--ease-out-expo)}
.coupe[data-state="closed"] .liquid{transform:translateY(215px)}
.coupe[data-state="closed"] .bubbles{opacity:0}
.coupe[data-state="open"] .drop{opacity:0}
@media (min-width:900px){
  .hero-main{min-height:0}
  h1{font-variation-settings:"opsz" 96}
  .hero{--h1:clamp(4.2rem,12.4vw,11.5rem)}
  .coupe{right:clamp(.5rem,2.2vw,4rem);top:clamp(80px,9vh,130px);height:min(66vh,46vw)}
  h1 .ln-2{padding-left:.67em}
  .hero-sub{margin-left:calc(2.2rem + 5vw);max-width:22ch}
}

.strip{position:relative;z-index:2;background:var(--nero);color:var(--carta);--tint:var(--t-nero);padding:1.6rem var(--gutter) 2.4rem}
.strip-in{display:grid;gap:1.4rem;max-width:92rem;margin-inline:auto}
.strip-addr{display:flex;flex-direction:column;gap:.1rem}
.strip-addr small{font-stretch:62%;font-weight:700;font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tint)}
.strip-addr a{font-stretch:62%;font-weight:700;font-size:1.35rem;letter-spacing:.08em;text-transform:uppercase;align-self:flex-start}
.strip .btn-oro{width:100%}
@media (min-width:900px){
  .strip{padding:1.5rem var(--gutter) 2.6rem;min-height:160px}
  .strip-in{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(2rem,4vw,4rem)}
  .strip .btn-oro{width:auto}
  .strip-addr{justify-self:start}
}

/* ticker */
.ticker{position:relative;z-index:6;width:108%;margin:.7rem -4% -2rem;background:var(--carta);color:var(--nero);rotate:-2deg;overflow:hidden;box-shadow:0 12px 26px -12px rgb(0 0 0 / .55);--bean:var(--rosso);--bean-cut:var(--carta)}
.ticker-track{display:flex;width:max-content;padding-block:.75rem}
.ticker-set{display:flex;flex:none}
.ticker-set li{display:flex;align-items:center;gap:1.1rem;padding-right:1.1rem;font-stretch:62%;font-weight:800;font-size:clamp(1.3rem,2.2vw,1.9rem);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.ticker .bean.sep{width:.5em;height:.75em}

/* percorso */
.percorso{padding:clamp(5rem,9vw,7rem) 0 var(--pad);overflow-x:clip}
.stage{padding-inline:var(--gutter);max-width:92rem;margin-inline:auto;position:relative}
.percorso-copy h2,.vini h2{font-family:var(--display);font-style:italic;font-weight:800;letter-spacing:-.035em;line-height:.95;text-wrap:balance}
.percorso-copy h2{font-size:clamp(2.8rem,10.5vw,5.6rem)}
.percorso-copy p{margin-top:var(--s-3);max-width:34rem;color:var(--tint);text-wrap:pretty}
.percorso-copy h2+p{margin-top:var(--s-4)}
.shuffle{display:inline-flex;align-items:center;gap:.6rem;margin-top:var(--s-4);min-height:44px;padding:0;background:linear-gradient(currentColor,currentColor) 0 calc(100% - .5rem)/100% 1.5px no-repeat;border:0;cursor:pointer;font-family:var(--sans);font-stretch:62%;font-weight:800;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:var(--carta);transition:background-size .4s var(--ease-out-expo)}
.shuffle .bean{width:.7em;height:1.05em}
.shuffle:hover{background-size:0 1.5px;background-position:100% calc(100% - .5rem)}
.billboard{position:relative}
.stage-imprint{position:static;margin-top:var(--s-3);display:flex;flex-direction:column;align-items:flex-end}
.counter{display:none}

.bills{display:flex;flex-direction:column;align-items:center;width:min(100%,30rem);margin-inline:auto;padding-block:var(--s-5) var(--s-2)}
.bill{--rot:-2.2deg;--dx:-10px;--dy:6px;--prot:2deg;position:relative;width:min(88%,26rem);margin-top:-6%;container-type:inline-size;rotate:var(--rot);translate:var(--dx) var(--dy);filter:drop-shadow(0 18px 22px rgb(0 0 0 / .5))}
.bill:first-child{margin-top:0}
.bill:nth-child(2){--rot:1.6deg;--dx:14px;--dy:-8px;--prot:-2.2deg;z-index:2;align-self:flex-end}
.bill:nth-child(3){--rot:-1.1deg;--dx:-6px;--dy:-12px;--prot:1.4deg;z-index:3;align-self:flex-start}
.bill:nth-child(4){--rot:1.9deg;--dx:10px;--dy:10px;--prot:-1.2deg;z-index:4;align-self:flex-end}
.bill:nth-child(1){z-index:1}
.bill[data-ink="verde"]{--bg:var(--verde);--fg:var(--carta)}
.bill[data-ink="rosa"]{--bg:var(--rosa);--fg:var(--nero)}
.bill[data-ink="barbera"]{--bg:var(--barbera);--fg:var(--carta)}
.bill[data-ink="rosso"]{--bg:var(--rosso);--fg:var(--carta)}
.sheet{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 151' preserveAspectRatio='none'%3E%3Cpath d='M0.00 0.26 L2.22 0.15 L4.44 0.47 L6.67 0.10 L8.89 0.40 L11.11 0.29 L13.33 0.09 L15.56 0.38 L17.78 0.07 L20.00 0.33 L22.22 0.10 L24.44 0.11 L26.67 0.33 L28.89 0.59 L31.11 0.13 L33.33 0.20 L35.56 0.46 L37.78 0.67 L40.00 0.43 L42.22 0.31 L44.44 0.68 L46.67 0.08 L48.89 0.61 L51.11 0.24 L53.33 0.14 L55.56 0.13 L57.78 0.25 L60.00 0.58 L62.22 0.17 L64.44 0.43 L66.67 0.47 L68.89 0.29 L71.11 0.41 L73.33 0.09 L75.56 0.09 L77.78 0.18 L80.00 0.49 L82.22 0.33 L84.44 0.25 L86.67 0.43 L88.89 0.34 L91.11 0.24 L93.33 0.57 L95.56 0.50 L97.78 0.21 L99.58 0.00 L99.61 2.22 L99.38 4.44 L99.48 6.66 L99.76 8.88 L99.31 11.10 L99.87 13.32 L99.68 15.54 L99.46 17.76 L99.85 19.99 L99.63 22.21 L99.92 24.43 L99.52 26.65 L99.45 28.87 L99.58 31.09 L99.38 33.31 L99.75 35.53 L99.50 37.75 L99.56 39.97 L99.57 42.19 L99.65 44.41 L99.40 46.63 L99.34 48.85 L99.64 51.07 L99.52 53.29 L99.91 55.51 L99.49 57.74 L99.53 59.96 L99.30 62.18 L99.42 64.40 L99.77 66.62 L99.70 68.84 L99.52 71.06 L99.94 73.28 L99.65 75.50 L99.84 77.72 L99.87 79.94 L99.91 82.16 L99.45 84.38 L99.87 86.60 L99.79 88.82 L99.70 91.04 L99.38 93.26 L99.90 95.49 L99.66 97.71 L99.59 99.93 L99.38 102.15 L99.42 104.37 L99.39 106.59 L99.77 108.81 L99.68 111.03 L99.72 113.25 L99.38 115.47 L99.33 117.69 L99.85 119.91 L99.84 122.13 L99.80 124.35 L99.80 126.57 L99.63 128.79 L99.57 131.01 L99.78 133.24 L99.95 135.46 L99.68 137.68 L99.71 139.90 L99.58 142.12 L99.33 144.34 L99.50 146.56 L99.61 148.78 L100.00 150.55 L97.78 150.51 L95.56 150.91 L93.33 150.37 L91.11 150.44 L88.89 150.38 L86.67 150.43 L84.44 150.69 L82.22 150.69 L80.00 150.88 L77.78 150.54 L75.56 150.91 L73.33 150.91 L71.11 150.81 L68.89 150.84 L66.67 150.73 L64.44 150.92 L62.22 150.95 L60.00 150.85 L57.78 150.88 L55.56 150.71 L53.33 150.93 L51.11 150.38 L48.89 150.55 L46.67 150.85 L44.44 150.79 L42.22 150.72 L40.00 150.71 L37.78 150.87 L35.56 150.40 L33.33 150.30 L31.11 150.65 L28.89 150.64 L26.67 150.89 L24.44 150.88 L22.22 150.73 L20.00 150.78 L17.78 150.41 L15.56 150.85 L13.33 150.93 L11.11 150.33 L8.89 150.61 L6.67 150.85 L4.44 150.60 L2.22 150.93 L0.39 151.00 L0.69 148.78 L0.61 146.56 L0.50 144.34 L0.22 142.12 L0.29 139.90 L0.16 137.68 L0.55 135.46 L0.40 133.24 L0.56 131.01 L0.26 128.79 L0.19 126.57 L0.58 124.35 L0.69 122.13 L0.60 119.91 L0.57 117.69 L0.58 115.47 L0.53 113.25 L0.20 111.03 L0.39 108.81 L0.28 106.59 L0.07 104.37 L0.07 102.15 L0.23 99.93 L0.22 97.71 L0.50 95.49 L0.67 93.26 L0.34 91.04 L0.66 88.82 L0.69 86.60 L0.67 84.38 L0.29 82.16 L0.19 79.94 L0.20 77.72 L0.18 75.50 L0.18 73.28 L0.46 71.06 L0.64 68.84 L0.60 66.62 L0.36 64.40 L0.47 62.18 L0.57 59.96 L0.11 57.74 L0.48 55.51 L0.64 53.29 L0.56 51.07 L0.54 48.85 L0.36 46.63 L0.17 44.41 L0.56 42.19 L0.27 39.97 L0.57 37.75 L0.68 35.53 L0.31 33.31 L0.31 31.09 L0.67 28.87 L0.52 26.65 L0.16 24.43 L0.13 22.21 L0.15 19.99 L0.64 17.76 L0.57 15.54 L0.15 13.32 L0.59 11.10 L0.69 8.88 L0.48 6.66 L0.28 4.44 L0.41 2.22Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 151' preserveAspectRatio='none'%3E%3Cpath d='M0.00 0.26 L2.22 0.15 L4.44 0.47 L6.67 0.10 L8.89 0.40 L11.11 0.29 L13.33 0.09 L15.56 0.38 L17.78 0.07 L20.00 0.33 L22.22 0.10 L24.44 0.11 L26.67 0.33 L28.89 0.59 L31.11 0.13 L33.33 0.20 L35.56 0.46 L37.78 0.67 L40.00 0.43 L42.22 0.31 L44.44 0.68 L46.67 0.08 L48.89 0.61 L51.11 0.24 L53.33 0.14 L55.56 0.13 L57.78 0.25 L60.00 0.58 L62.22 0.17 L64.44 0.43 L66.67 0.47 L68.89 0.29 L71.11 0.41 L73.33 0.09 L75.56 0.09 L77.78 0.18 L80.00 0.49 L82.22 0.33 L84.44 0.25 L86.67 0.43 L88.89 0.34 L91.11 0.24 L93.33 0.57 L95.56 0.50 L97.78 0.21 L99.58 0.00 L99.61 2.22 L99.38 4.44 L99.48 6.66 L99.76 8.88 L99.31 11.10 L99.87 13.32 L99.68 15.54 L99.46 17.76 L99.85 19.99 L99.63 22.21 L99.92 24.43 L99.52 26.65 L99.45 28.87 L99.58 31.09 L99.38 33.31 L99.75 35.53 L99.50 37.75 L99.56 39.97 L99.57 42.19 L99.65 44.41 L99.40 46.63 L99.34 48.85 L99.64 51.07 L99.52 53.29 L99.91 55.51 L99.49 57.74 L99.53 59.96 L99.30 62.18 L99.42 64.40 L99.77 66.62 L99.70 68.84 L99.52 71.06 L99.94 73.28 L99.65 75.50 L99.84 77.72 L99.87 79.94 L99.91 82.16 L99.45 84.38 L99.87 86.60 L99.79 88.82 L99.70 91.04 L99.38 93.26 L99.90 95.49 L99.66 97.71 L99.59 99.93 L99.38 102.15 L99.42 104.37 L99.39 106.59 L99.77 108.81 L99.68 111.03 L99.72 113.25 L99.38 115.47 L99.33 117.69 L99.85 119.91 L99.84 122.13 L99.80 124.35 L99.80 126.57 L99.63 128.79 L99.57 131.01 L99.78 133.24 L99.95 135.46 L99.68 137.68 L99.71 139.90 L99.58 142.12 L99.33 144.34 L99.50 146.56 L99.61 148.78 L100.00 150.55 L97.78 150.51 L95.56 150.91 L93.33 150.37 L91.11 150.44 L88.89 150.38 L86.67 150.43 L84.44 150.69 L82.22 150.69 L80.00 150.88 L77.78 150.54 L75.56 150.91 L73.33 150.91 L71.11 150.81 L68.89 150.84 L66.67 150.73 L64.44 150.92 L62.22 150.95 L60.00 150.85 L57.78 150.88 L55.56 150.71 L53.33 150.93 L51.11 150.38 L48.89 150.55 L46.67 150.85 L44.44 150.79 L42.22 150.72 L40.00 150.71 L37.78 150.87 L35.56 150.40 L33.33 150.30 L31.11 150.65 L28.89 150.64 L26.67 150.89 L24.44 150.88 L22.22 150.73 L20.00 150.78 L17.78 150.41 L15.56 150.85 L13.33 150.93 L11.11 150.33 L8.89 150.61 L6.67 150.85 L4.44 150.60 L2.22 150.93 L0.39 151.00 L0.69 148.78 L0.61 146.56 L0.50 144.34 L0.22 142.12 L0.29 139.90 L0.16 137.68 L0.55 135.46 L0.40 133.24 L0.56 131.01 L0.26 128.79 L0.19 126.57 L0.58 124.35 L0.69 122.13 L0.60 119.91 L0.57 117.69 L0.58 115.47 L0.53 113.25 L0.20 111.03 L0.39 108.81 L0.28 106.59 L0.07 104.37 L0.07 102.15 L0.23 99.93 L0.22 97.71 L0.50 95.49 L0.67 93.26 L0.34 91.04 L0.66 88.82 L0.69 86.60 L0.67 84.38 L0.29 82.16 L0.19 79.94 L0.20 77.72 L0.18 75.50 L0.18 73.28 L0.46 71.06 L0.64 68.84 L0.60 66.62 L0.36 64.40 L0.47 62.18 L0.57 59.96 L0.11 57.74 L0.48 55.51 L0.64 53.29 L0.56 51.07 L0.54 48.85 L0.36 46.63 L0.17 44.41 L0.56 42.19 L0.27 39.97 L0.57 37.75 L0.68 35.53 L0.31 33.31 L0.31 31.09 L0.67 28.87 L0.52 26.65 L0.16 24.43 L0.13 22.21 L0.15 19.99 L0.64 17.76 L0.57 15.54 L0.15 13.32 L0.59 11.10 L0.69 8.88 L0.48 6.66 L0.28 4.44 L0.41 2.22Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;position:relative;display:flex;flex-direction:column;aspect-ratio:100/151;padding:6cqi 6cqi 22cqi;background:var(--bg);color:var(--fg);overflow:hidden;box-shadow:inset 0 0 0 1px rgb(244 236 221 / .12)}
.sheet::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,rgb(244 236 221 / .38) 50%,transparent 62%)}
.bill-n{display:flex;align-items:flex-start;gap:.05em;font-family:var(--display);font-weight:800;font-size:27cqi;line-height:.78;letter-spacing:-.02em;font-variant-numeric:lining-nums}
.bill-n .no{font-size:.3em;font-weight:700;margin-top:.12em;letter-spacing:0}
.bill-fig{display:flex;flex-direction:column;flex:1;min-height:0}
.bill .plate{width:74cqi;margin:.5cqi 0 0 auto;padding:2.4cqi;background:var(--carta);rotate:var(--prot);box-shadow:0 1.4cqi 3.2cqi -1cqi rgb(26 14 18 / .55)}
.bill .plate img{width:100%;aspect-ratio:4/5;object-fit:cover}
.bill figcaption{margin-top:auto;max-width:60cqi;font-size:max(12px,3.7cqi);line-height:1.3;font-weight:500;text-wrap:pretty}

@media (min-width:960px) and (prefers-reduced-motion:no-preference){
  .percorso{height:calc(5 * 75vh);padding:0;overflow:visible}
  .stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding-block:clamp(5.5rem,11vh,8rem) 3.5rem}
  .percorso-copy h2{font-size:clamp(2.6rem,min(5.4vw,9.2vh),5.6rem)}
  .percorso-copy p{font-size:clamp(1rem,2.2vh,1.125rem)}
  .billboard{height:100%;display:flex;align-items:center;justify-content:center}
  .bills{--bill-w:min(100%,31rem,52vh);position:relative;display:block;width:var(--bill-w);aspect-ratio:100/151;padding:0}
  .bill{position:absolute;inset:0;width:100%;margin:0;align-self:auto}
  .stage-imprint{position:absolute;right:0;bottom:-1.6rem;margin:0;display:flex}
  .js-ready .counter{display:inline;margin-top:.35rem}
}

/* vini */
.vini-top{display:grid;gap:var(--s-6)}
.vini h2{font-size:clamp(2.8rem,7vw,6.5rem)}
.calice{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2em .35em;margin-top:var(--s-4);line-height:.9}
.calice-it{font-family:var(--display);font-style:italic;font-weight:700;font-size:clamp(2.2rem,4.6vw,4rem);letter-spacing:-.03em}
.calice-rm{font-family:var(--display);font-style:normal;font-weight:800;font-size:clamp(1.6rem,3.2vw,3rem);display:inline-flex;align-items:baseline;gap:.2em}
.stamp{display:inline-block;font-variation-settings:"opsz" 24;font-weight:900;font-size:clamp(5rem,12vw,10.5rem);line-height:.85;letter-spacing:-.04em;white-space:nowrap}
.vini-text{margin-top:var(--s-4);max-width:34rem;color:var(--t-rosa);text-wrap:pretty}
.plates-wrap{max-width:34rem;width:100%}
.plates{position:relative;aspect-ratio:1/1.24}
.vig{margin:0;rotate:var(--rot,0deg)}
.vig-img{background:var(--carta);padding:10px;box-shadow:0 18px 40px -18px rgb(26 14 18 / .55)}
.vig-img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.vig figcaption{margin-top:.7rem;font-size:.8125rem;line-height:1.35;font-weight:500;color:var(--tint);text-wrap:pretty}
.vig-a{--rot:-3deg;position:absolute;left:0;top:0;width:54%}
.vig-a figcaption{padding-right:9%}
.vig-b{--rot:2.5deg;position:absolute;right:0;bottom:0;width:50%;z-index:1}
.plates-label{margin-top:var(--s-2);font-stretch:62%;font-weight:800;font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase;color:var(--t-rosa)}
.more{margin-top:var(--s-8)}
.more h3{font-family:var(--display);font-style:italic;font-weight:700;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;margin-bottom:var(--s-2)}
.more ul{border-top:1.5px solid var(--nero)}
.more li{display:grid;gap:.2rem;padding:.55em 0 .6em;border-bottom:1.5px solid rgb(26 14 18 / .35)}
.more strong{font-family:var(--display);font-style:italic;font-weight:800;font-size:clamp(2.6rem,6.2vw,5rem);line-height:1;letter-spacing:-.03em;font-variation-settings:"opsz" 96}
.more span{color:var(--t-rosa);max-width:30rem}
@media (min-width:720px){
  .more li{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:baseline;gap:2rem}
}
@media (min-width:960px){
  .vini-top{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5vw;align-items:start}
}

/* recensioni */
.recensioni{--pad:clamp(4.5rem,9vw,7.5rem)}
.quote{max-width:none}
.qmark{width:clamp(3.5rem,9vw,8rem);height:auto;fill:var(--rosa);margin-bottom:var(--s-3)}
.quote blockquote p{font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(2.3rem,7.4vw,7.4rem);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;font-variation-settings:"opsz" 96}
.quote figcaption{margin-top:var(--s-3);font-stretch:62%;font-weight:700;font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tint)}
.ratings{display:flex;flex-wrap:wrap;align-items:center;gap:0 1rem;margin-top:var(--s-5);font-weight:600}
.sepdot{width:5px;height:5px;border-radius:50%;background:var(--tint)}

/* orari */
.orari-grid{display:grid;gap:var(--s-6)}
.orari h2{font-family:var(--display);font-style:italic;font-weight:800;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.95;letter-spacing:-.035em;text-wrap:balance}
.notes{display:grid;gap:.4rem;margin-bottom:var(--s-4);color:var(--tint)}
.week{width:100%;border-collapse:collapse}
.week th,.dash{font-family:var(--sans);font-weight:400;font-variation-settings:normal;padding-inline:.05em}
.week td{padding:.3rem 0 .35rem;border-bottom:1px solid rgb(244 236 221 / .2);vertical-align:baseline}
.week th{text-align:left;font-weight:800;font-stretch:62%;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:.04em;text-transform:uppercase;line-height:1.1}
.dash{font-family:var(--sans);font-weight:400;font-variation-settings:normal;padding-inline:.05em}
.week td{text-align:right;font-family:var(--display);font-weight:500;font-size:clamp(1.4rem,3.2vw,2.5rem);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.01em;white-space:nowrap}
.js .week tr{color:var(--ghost-verde)}
.js .week tr.is-today{color:var(--carta)}
.day{position:relative;display:inline-block}
.today-note{display:none}
.is-today .today-note{display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem;vertical-align:middle;text-transform:none;letter-spacing:0}
.is-today .today-note .bean{width:.42em;height:.62em;--bean:var(--rosso);--bean-cut:var(--verde);--bean-ring:var(--carta)}
.is-today .today-note i{font-family:var(--display);font-style:italic;font-weight:600;font-stretch:100%;font-size:.7em}
.scribble{position:absolute;left:-2%;bottom:-.22em;width:104%;height:.3em;overflow:visible;fill:none;stroke:var(--carta);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.scribble path{vector-effect:non-scaling-stroke}
@media (min-width:900px){
  .orari-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6vw;align-items:start}
}

/* dove */
.dove h2{font-family:var(--display);font-style:italic;font-weight:800;font-size:clamp(2.8rem,15.4vw,12rem);line-height:.88;letter-spacing:-.035em;text-wrap:balance}
.cap-line{margin-top:var(--s-3);font-stretch:62%;font-weight:800;font-size:clamp(1.3rem,2.6vw,2.1rem);letter-spacing:.2em;text-transform:uppercase;color:var(--tint)}
.dove-grid{display:grid;gap:var(--s-6);margin-top:var(--s-6)}
.dove-copy>p{font-size:1.125rem;max-width:30rem;color:var(--tint)}
.dove-actions{margin-top:var(--s-4);display:grid;gap:var(--s-3);justify-items:start}
.dove-links{display:flex;flex-wrap:wrap;gap:.25rem 1.8rem}
.link-line{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;font-stretch:62%;font-weight:800;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em;transition:text-decoration-thickness .2s}
.link-line:hover{text-decoration-thickness:4px}
.vig-dove{--rot:2.5deg;width:min(100%,26rem);justify-self:start}
@media (min-width:900px){
  .dove h2{font-size:clamp(4rem,10.4vw,12rem)}
  .dove-grid{grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:6vw;align-items:center}
  .vig-dove{justify-self:end}
}

/* footer */
.footer{--pad:clamp(3.5rem,8vw,6rem)}
.footer-grid{display:grid;gap:var(--s-5);align-items:start}
.lockup-stack{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--carta)}
.glass--xl{height:110px;--glass-w:2px}
.lockup-word--xl{font-size:3.6rem}
.tagline{font-family:var(--display);font-weight:400;font-size:1.1rem;letter-spacing:.06em;color:var(--t-nero)}
.footer-col{display:grid;gap:.15rem;color:var(--t-nero)}
.footer-col .f-addr{margin-bottom:var(--s-1);color:var(--carta)}
.f-hours{margin-top:var(--s-1)}
.social{display:grid;gap:0}
.legal{color:var(--t-nero);font-size:.9rem}
@media (min-width:900px){
  .footer-grid{grid-template-columns:auto 1fr auto;gap:var(--s-7)}
  .legal{grid-column:1/-1}
}

/* mobile call bar */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:55;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.85rem .75rem calc(.85rem + env(safe-area-inset-bottom));background:var(--oro);color:var(--nero);font-weight:800;font-size:clamp(.8125rem,3.9vw,1.05rem);letter-spacing:.01em;white-space:nowrap;text-transform:uppercase;text-decoration:none;transform:translateY(100%);visibility:hidden;transition:transform .5s var(--ease-out-expo),visibility 0s .5s}
.callbar.show{transform:none;visibility:visible;transition-delay:0s}
.callbar:focus-visible{outline-color:var(--carta);outline-offset:-6px}
@media (min-width:900px){.callbar{display:none}}
@media (max-width:899px){.footer{padding-bottom:calc(var(--pad) + 4.5rem)}}

/* hover (fine pointers) */
@media (hover:hover) and (pointer:fine){
  .vig{transition:rotate .5s var(--ease-out-expo),translate .5s var(--ease-out-expo)}
  .vig:hover{translate:0 -4px;rotate:calc(var(--rot,0deg) * .5)}
}
.btn-oro:hover .ic{animation:ring .4s ease-in-out 1}
@keyframes ring{0%,100%{rotate:0deg}25%{rotate:-8deg}75%{rotate:8deg}}

/* ============ motion: "affissione" ============ */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}

  .js .site-header .hdr-in>*{animation:hdr-in .6s .08s var(--ease-out-expo) backwards}
  @keyframes hdr-in{from{opacity:0;translate:0 -8px}}

  .js .ln-in{display:inline-block;transform-origin:0 100%;animation:wipe-in .85s .15s var(--ease-out-expo) backwards}
  .js .ln-2 .ln-in{animation-delay:.27s}
  @keyframes wipe-in{from{clip-path:inset(-.1em 100% -.2em -.1em);transform:skewX(-6deg)}to{clip-path:inset(-.1em -.3em -.2em -.1em);transform:none}}
  .js .ln-in{clip-path:inset(-.1em -.3em -.2em -.1em)}

  .js .hero-sub{animation:fade-up .8s .7s var(--ease-out-expo) backwards}
  @keyframes fade-up{from{opacity:0;translate:0 14px}}
  .js .strip{animation:slide-up .7s .9s var(--ease-out-expo) backwards}
  @keyframes slide-up{from{translate:0 100%}}

  .coupe .ln-d{stroke-dasharray:1}
  .js .coupe .ln-d{animation:draw 1.4s .5s var(--ease-out-expo) backwards}
  @keyframes draw{from{stroke-dashoffset:1}}
  .js .coupe[data-state="open"] .liquid{animation:rise 1.1s 1.7s var(--ease-out-expo) backwards}
  @keyframes rise{from{transform:translateY(215px)}}
  .js .coupe .liquid,.js .coupe .drop,.js .coupe .swirl{animation-fill-mode:backwards}
  .js .coupe[data-state="closed"] .drop{animation:fade-in .6s 1.9s ease backwards}
  @keyframes fade-in{from{opacity:0}}
  .wave{animation:drift 6s linear infinite}
  @keyframes drift{to{transform:translateX(100px)}}
  .coupe[data-state="open"] .b{animation:float 3.8s 2.4s ease-in-out infinite backwards}
  .coupe[data-state="open"] .b2{animation-delay:3s}
  .coupe[data-state="open"] .b3{animation-delay:3.6s}
  @keyframes float{0%{translate:0 8px;opacity:0}30%{opacity:1}100%{translate:0 -16px;opacity:0}}
  .is-off .wave,.is-off .b{animation-play-state:paused}

  /* ticker */

  /* section reveals (only armed once the script runs) */
  .js-ready [data-reveal="fade"]:not(.in){opacity:0;translate:0 12px}
  .js-ready [data-reveal="fade"]{transition:opacity .8s var(--ease-out-expo),translate .8s var(--ease-out-expo)}
  .js-ready [data-reveal="wipe"]:not(.in){clip-path:inset(-.1em 100% -.25em -.1em);transform:skewX(-6deg);transform-origin:0 100%}
  .js-ready [data-reveal="wipe"]{transition:clip-path .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}
  .js-ready [data-reveal="wipe"].in{clip-path:inset(-.15em -.3em -.3em -.15em)}
  .js-ready [data-reveal="paste"]:not(.in){clip-path:polygon(-20% -20%,-20% -20%,-50% 120%,-20% 120%);rotate:calc(var(--rot,0deg) - 4deg)}
  .js-ready [data-reveal="paste"]{clip-path:polygon(-20% -20%,150% -20%,120% 120%,-20% 120%);position:relative;transition:clip-path .75s var(--ease-out-expo),rotate .9s var(--ease-paste)}
  .js-ready .vig-a,.js-ready .vig-b{position:absolute}
  .js-ready [data-reveal="paste"]::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,rgb(244 236 221 / .4) 50%,transparent 62%)}
  .js-ready [data-reveal="paste"].in::after{animation:sheen 1s .12s var(--ease-out-expo) both}
  @keyframes sheen{from{translate:-120% 0;opacity:1}to{translate:120% 0;opacity:0}}
  .js-ready [data-reveal="stamp"]:not(.in){opacity:0}
  .js-ready [data-reveal="stamp"].in{animation:stamp .45s var(--ease-out-expo) both}
  @keyframes stamp{from{opacity:0;scale:1.12;rotate:-3deg;text-shadow:0 0 .09em rgb(26 14 18 / .55)}to{opacity:1;scale:1;rotate:0deg;text-shadow:0 0 0 rgb(26 14 18 / 0)}}
  .scribble path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s .35s var(--ease-out-expo)}
  .orari.in-view .scribble path{stroke-dashoffset:0}

  /* percorso bills */
  .js-ready .bill:not(.is-pasted){rotate:calc(var(--rot) - 4deg);translate:calc(var(--dx) - 28px) calc(var(--dy) + 16px)}
  .js-ready .bill{transition:rotate .45s var(--ease-out-expo),translate .45s var(--ease-out-expo)}
  .js-ready .bill.is-pasted{transition:rotate .9s var(--ease-paste),translate .9s var(--ease-paste)}
  .js-ready .bill .sheet{clip-path:polygon(0 0,130% 0,100% 100%,0 100%);filter:saturate(1);transition:clip-path .45s cubic-bezier(.5,0,.75,0),filter .45s ease}
  .js-ready .bill:not(.is-pasted) .sheet{clip-path:polygon(0 0,0 0,-30% 100%,0 100%);filter:saturate(.75)}
  .js-ready .bill.is-pasted .sheet{transition:clip-path .75s var(--ease-out-expo),filter .9s ease}
  .js-ready .bill.is-pasted .sheet::after{animation:sheen 1s .12s var(--ease-out-expo) both}

  /* menu */
  .menu{transition:opacity .35s ease}
  .menu:not(.open){opacity:0}
  .menu-in li{transition:opacity .5s var(--ease-out-expo),translate .6s var(--ease-out-expo);transition-delay:calc(var(--i,0) * 70ms + 120ms)}
  .menu:not(.open) .menu-in li,.menu:not(.open) .menu-foot{opacity:0;translate:0 24px}
  .menu-foot{transition:opacity .5s .45s var(--ease-out-expo),translate .6s .45s var(--ease-out-expo)}
}
.menu-in li:nth-child(1){--i:0}.menu-in li:nth-child(2){--i:1}.menu-in li:nth-child(3){--i:2}.menu-in li:nth-child(4){--i:3}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ticker{overflow:hidden}
}

@media print{.site-header,.callbar,.menu,body::after{display:none}}