/* iBacco: stile comune a sito e gestionale */
/* font serviti dal sito: nessuna richiesta ai server di Google (privacy) */
@font-face {font-family: 'Big Shoulders Display';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/big-shoulders-display-normal-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: 'Big Shoulders Display';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/big-shoulders-display-normal-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: 'Big Shoulders Display';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/big-shoulders-display-normal-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: 'Big Shoulders Display';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/big-shoulders-display-normal-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: 'Big Shoulders Display';font-style: normal;font-weight: 800;font-display: swap;src: url(fonts/big-shoulders-display-normal-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: 'Big Shoulders Display';font-style: normal;font-weight: 800;font-display: swap;src: url(fonts/big-shoulders-display-normal-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: 'Newsreader';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/newsreader-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: 'Newsreader';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/newsreader-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: 'Newsreader';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/newsreader-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: 'Newsreader';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/newsreader-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: 'Newsreader';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/newsreader-normal-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: 'Newsreader';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/newsreader-normal-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: 'Newsreader';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/newsreader-normal-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: 'Newsreader';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/newsreader-normal-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}
:root{
  --notte:#1c1d1f;      /* marmo nero dei tavoli */
  --grafite:#2b2c2e;    /* marmo grigio delle pareti */
  --osso:#ece5d8;
  --osso-2:#b9b1a4;
  --rame:#c58a55;       /* brace */
  --bosco:#1f4a3a;      /* verde del menù */
  --carta:#f5f0e6;      /* carta del menù */
  --inchiostro:#24302c;
  --display:"Big Shoulders Display",Impact,sans-serif;
  --serif:"Newsreader",Georgia,serif;
  --gutter:clamp(16px,4vw,56px);
}
*{box-sizing:border-box;margin:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:170px}
body{background:var(--notte);color:var(--osso);font:400 1.125rem/1.6 var(--serif);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--rame);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}

/* header */
.top{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:.7rem;padding:14px max(var(--gutter),calc((100% - 1240px)/2 + var(--gutter)));transition:background .3s}
.top.solid{background:rgba(28,29,31,.94);backdrop-filter:blur(8px)}
.top .logo{width:68px;color:var(--osso)}
.top nav{display:flex;gap:1.6rem;margin-left:auto;margin-right:1.2rem;font:500 1.05rem var(--display);letter-spacing:.06em}
.top nav a{text-decoration:none;opacity:.85}
.top nav a:hover{opacity:1;color:var(--rame)}
.btn{display:inline-flex;align-items:center;gap:.55em;padding:.7em 1.3em;border-radius:999px;background:var(--rame);color:var(--notte);font:700 1.05rem var(--display);letter-spacing:.05em;text-decoration:none;transition:background .2s}
.btn:hover{background:#d9a06c}
.btn svg{width:1.15em;height:1.15em}
.btn.ghost{background:none;color:var(--osso);box-shadow:inset 0 0 0 1.5px currentColor}
.btn.ghost:hover{color:var(--rame)}

/* hero */
.hero{position:relative;min-height:min(100svh,900px);display:grid;align-items:center;overflow:hidden}
.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 78%;filter:brightness(.62)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,29,31,.55) 0,transparent 30%,transparent 45%,var(--notte) 100%)}
.hero .wrap{position:relative;z-index:1;width:100%;padding-top:110px;padding-bottom:clamp(56px,10vh,120px)}
.hero h1{width:min(560px,78vw);color:var(--osso);animation:sorge 1.4s cubic-bezier(.2,.7,.2,1) both}
.hero h1 img{width:100%;position:static;filter:none;height:auto}
.hero p{max-width:34ch;margin:1.6rem 0 2rem;font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.4;animation:sorge 1.4s .25s cubic-bezier(.2,.7,.2,1) both}
.hero .azioni{display:flex;flex-wrap:wrap;gap:.8rem;animation:sorge 1.4s .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes sorge{from{opacity:0;transform:translateY(24px)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* sezioni */
section{padding:clamp(72px,11vw,140px) 0}
h2{font:800 clamp(2.8rem,8vw,6.2rem)/.9 var(--display);text-transform:uppercase;letter-spacing:-.005em}
h3{font:italic 500 clamp(1.8rem,3.4vw,2.4rem)/1.1 var(--serif)}
.lead{max-width:56ch;margin-top:1.4rem;color:var(--osso-2)}

/* chi siamo */
.storia{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.storia figure{position:relative;margin-bottom:8%}
.storia figure img:first-child{aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.storia figure img+img{position:absolute;width:44%;right:-8%;bottom:-10%;aspect-ratio:4/5;object-fit:cover;border:6px solid var(--notte);border-radius:4px}
.storia .testo p+p{margin-top:1rem}
@media (max-width:860px){.storia{grid-template-columns:1fr}.storia figure img+img{right:0}}

/* frollature: cartellini */
.frollature{background:var(--grafite)}
.froll-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.froll-head img{aspect-ratio:1;object-fit:cover;border-radius:4px}
.cartellini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(40px,6vw,72px);padding:0;list-style:none}
.cartellini li{position:relative;padding:18px 20px 16px 30px;background:var(--carta);color:var(--inchiostro);border-radius:3px 10px 10px 3px;transform:rotate(var(--r,0deg))}
.cartellini li::before{content:"";position:absolute;left:11px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--grafite)}
.cartellini li:nth-child(3n+1){--r:-.6deg}.cartellini li:nth-child(3n+2){--r:.5deg}.cartellini li:nth-child(4n){--r:-.3deg}
.cartellini b{display:block;font:700 1.55rem/1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.cartellini span{display:block;font-style:italic;color:#5b6660;margin:.1rem 0 .8rem}
.cartellini em{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed #c9bfae;padding-top:.6rem;font:normal 500 1.25rem var(--serif);color:#8a5a30}
.cartellini em small{font-size:.85rem;color:#5b6660}
.nota{margin-top:2rem;font-style:italic;color:var(--osso-2)}
.senza-osso{display:grid;grid-template-columns:auto repeat(3,1fr);gap:14px 40px;align-items:baseline;margin-top:clamp(40px,6vw,64px);padding-top:1.6rem;border-top:1px solid #45464a}
.senza-osso h3{font-size:1.5rem;color:var(--osso-2)}
.senza-osso div{display:flex;align-items:baseline;gap:.6rem;font:600 1.7rem var(--display);text-transform:uppercase;letter-spacing:.02em}
.senza-osso div span{font:400 1rem var(--serif);color:var(--osso-2);text-transform:none}
.senza-osso div i{margin-left:auto;font:normal 500 1.25rem var(--serif);color:var(--rame)}
@media (max-width:860px){.froll-head{grid-template-columns:1fr}.senza-osso{grid-template-columns:1fr 1fr}.senza-osso h3{grid-column:1/-1}}

/* menù */
.menu{background:var(--carta);color:var(--inchiostro)}
.menu h2{color:var(--bosco)}
.menu .lead{color:#5b6660}
.menu .allergeni{margin-top:3rem}   /* in fondo al menù, dopo l'ultima portata */
.portate{position:sticky;top:100px;z-index:5;display:flex;gap:.4rem;width:fit-content;max-width:100%;overflow-x:auto;margin-top:2.4rem;padding:8px;border-radius:999px;background:rgba(245,240,230,.94);backdrop-filter:blur(6px);box-shadow:0 0 0 1px #ddd3c1,0 10px 28px rgba(36,48,44,.14);scrollbar-width:none}
.portate a{flex:none;padding:.35em .95em;border-radius:999px;font:500 1.05rem var(--display);letter-spacing:.05em;text-decoration:none;color:var(--bosco);box-shadow:inset 0 0 0 1px #cfc4b0}
.portate a:hover{background:var(--bosco);color:var(--carta)}
.carta{columns:2 420px;column-gap:clamp(40px,6vw,96px);margin-top:2rem}
.corso{break-inside:avoid;padding-top:2.4rem}
.corso h3{color:var(--bosco);margin-bottom:.4rem}
.piatto{display:grid;grid-template-columns:1fr auto;gap:.15rem 1.2rem;padding:.85rem 0;border-bottom:1px solid #e3dac9}
.piatto p{font-size:1.06rem;line-height:1.45}
.piatto data{font:500 1.1rem var(--serif);color:#9a6233;white-space:nowrap}
.piatto .all{grid-column:1/-1;font-size:.86rem;font-style:italic;color:#6f7a73}
@media (min-width:861px){
  .menu .wrap>h2,.menu .lead,.menu .glutine{text-align:center;margin-inline:auto}
  .menu .glutine{border-left:0;border-radius:4px}
  .menu-corpo{display:grid;grid-template-columns:190px minmax(0,780px);justify-content:center;gap:clamp(32px,4vw,64px);align-items:start}
  .menu-corpo .portate{flex-direction:column;width:auto;margin-top:2.4rem;padding:10px;border-radius:18px}
  .menu-corpo .portate a{text-align:left}
  .menu-corpo .carta{margin-top:0}
}
.menu-piede{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;margin-top:3rem;padding-top:1.4rem;border-top:2px solid var(--bosco);font-size:1rem;color:#5b6660}
.menu-piede a{color:var(--bosco);font-weight:500}

/* galleria */
.galleria{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(160px,22vw,300px);gap:10px;padding:10px}
.galleria img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.galleria .alta{grid-row:span 2}
.galleria .larga{grid-column:span 2}
.galleria .solo-mobile{display:none} /* riempie il buco accanto a tagliata nella griglia a 2 colonne */
@media (max-width:760px){.galleria{grid-template-columns:repeat(2,1fr)}.galleria .larga{grid-column:span 2}.galleria .solo-mobile{display:block}}

/* orari / dove */
.visita{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px)}
.orari{width:100%;margin-top:2rem;border-collapse:collapse;font-size:1.15rem}
.orari td{padding:.7rem 0;border-bottom:1px solid #3a3b3e}
.orari td+td{text-align:right;font-variant-numeric:tabular-nums}
.orari .chiuso{color:#7d7870}
.orari tr.oggi td{color:var(--rame)}
.orari tr.oggi td:first-child::after{content:" · oggi";font-style:italic;font-size:.9em}
.avviso-chiusura{margin-top:1rem;padding:.8rem 1rem;border-left:3px solid var(--rame);background:var(--grafite);border-radius:0 4px 4px 0;font-size:1.05rem}
.avviso-chiusura b{color:var(--rame);font-weight:500}
.contatti{margin-top:2rem;display:grid;gap:.4rem;font-size:1.15rem}
.contatti a{text-decoration-color:var(--rame);text-underline-offset:4px}
.mappa{position:relative;display:block;min-height:380px;border-radius:4px;overflow:hidden}
.mappa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mappa span{position:absolute;left:16px;bottom:16px;padding:.5em 1em;border-radius:999px;background:var(--notte);font:600 1rem var(--display);letter-spacing:.05em}
.mappa:hover span{color:var(--rame)}
.mappa small{position:absolute;right:8px;bottom:6px;font-size:.7rem;color:#8d887f}
.visita .azioni{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.visita .azioni .btn{margin:0}
.visita .btn{margin-top:2rem}
@media (max-width:860px){.visita{grid-template-columns:1fr}}

footer{padding:56px 0 40px;border-top:1px solid #333438;color:var(--osso-2);font-size:.95rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}
footer .logo{width:96px;color:var(--osso)}
footer .legale{flex-basis:100%;padding-top:1.2rem;border-top:1px solid #2a2b2e;font-size:.8rem;line-height:1.5;color:#8d887f}

/* glutine */
.glutine{max-width:60ch;margin-top:1.4rem;padding:1rem 1.2rem;border-left:3px solid var(--bosco);background:#ebe4d6;border-radius:0 4px 4px 0;font-size:1rem;color:var(--inchiostro)}
.glutine b{display:block;font:700 1.2rem var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--bosco)}

/* pop-up */
dialog{margin:auto;width:min(460px,calc(100% - 32px));padding:0;border:0;border-radius:8px;background:var(--grafite);color:var(--osso);box-shadow:0 30px 80px rgba(0,0,0,.5)}
dialog::backdrop{background:rgba(15,16,17,.72);backdrop-filter:blur(3px)}
dialog form,.dlg{display:grid;gap:1rem;padding:28px}
dialog h2{font-size:2.6rem}
dialog .chiudi{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:none;color:var(--osso-2);font-size:1.6rem;cursor:pointer}
dialog .chiudi:hover{color:var(--osso)}
.scelta{display:grid;gap:.7rem}
.scelta a,.scelta button{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;border:0;border-radius:6px;background:var(--notte);color:var(--osso);font:600 1.4rem var(--display);letter-spacing:.03em;text-decoration:none;cursor:pointer;text-align:left}
.scelta a:hover,.scelta button:hover{background:var(--rame);color:var(--notte)}
.scelta small{font:400 1rem var(--serif)}
.campi{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
:is(dialog,.modulo) label{display:grid;gap:.35rem;font-size:.95rem;color:var(--osso-2)}
:is(dialog,.modulo) .pieno{grid-column:1/-1}
:is(dialog,.modulo) :is(input,select,textarea){width:100%;padding:.7rem .8rem;border:1px solid #4a4b4f;border-radius:6px;background:var(--notte);color:var(--osso);font:inherit;font-size:1rem;color-scheme:dark}
:is(dialog,.modulo) textarea{min-height:76px;resize:vertical}
:is(dialog,.modulo) :is(input,select,textarea):focus{outline:2px solid var(--rame);outline-offset:0;border-color:transparent}
dialog .avviso{font-size:.9rem;font-style:italic;color:var(--osso-2)}
dialog .invia{font-size:.95rem;color:var(--osso-2);margin-top:.4rem}

/* social */
.social{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;padding:0;list-style:none}
.social a{display:inline-flex;align-items:center;gap:.5em;padding:.55em 1em;border-radius:999px;box-shadow:inset 0 0 0 1px #45464a;font:500 1rem var(--display);letter-spacing:.05em;text-decoration:none;color:var(--osso)}
.social a:hover{color:var(--rame);box-shadow:inset 0 0 0 1px var(--rame)}
.social svg{width:1.15em;height:1.15em}
.social.solo-icone{margin:0}
.social.solo-icone a{padding:.7em}
.social.solo-icone span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
dialog .consenso{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;line-height:1.4;color:var(--osso)}
dialog .consenso input{width:auto;margin-top:.2rem;accent-color:var(--rame)}
dialog .invia a{color:var(--osso)}
.esca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.esito{display:grid;gap:1rem}
.esito p{font-size:1.05rem}
.portate a[aria-current]{background:var(--bosco);color:var(--carta);box-shadow:none}
/* su telefono il testo sta in fondo alla foto: le foto della storia arrivano subito dopo i pulsanti */
@media (max-width:760px){.hero{align-items:end;padding-bottom:0}.hero .wrap{padding-bottom:40px}#storia{padding-top:16px}}
@media (max-width:760px){.hero picture img{object-position:center 60%}.cartellini{grid-template-columns:1fr 1fr;gap:10px}.cartellini li:last-child{grid-column:1/-1}.senza-osso{grid-template-columns:1fr}.cartellini li{padding:14px 12px 12px 24px}.cartellini li::before{left:8px}.cartellini b{font-size:1.25rem}.top nav{display:none}.top .btn{font-size:1.05rem;padding:.7em 1.15em}.top .chiama-top{margin-left:auto}.campi{grid-template-columns:1fr}}
/* su telefono pulsanti più grandi da toccare; in hero si dividono la riga e "Prenota dal sito" va per primo */
@media (max-width:760px){.btn{font-size:1.15rem;padding:.85em 1.4em}.hero .azioni .btn{flex:1 1 auto;justify-content:center}.hero .azioni [data-apri="prenota"]{order:-1}}
.scelta svg{width:1em;height:1em;margin-right:.45em;vertical-align:-.1em}

/* carta dei vini: stessa barra del menù, in versione scura */
.vini .portate{background:rgba(28,29,31,.94);box-shadow:0 0 0 1px #3a3b3f,0 10px 28px rgba(0,0,0,.4)}
.vini .portate a{color:var(--osso);box-shadow:inset 0 0 0 1px #45464a}
.vini .portate a:hover,.vini .portate a[aria-current]{background:var(--rame);color:var(--notte);box-shadow:none}
.tipo{columns:2 300px;column-gap:clamp(32px,5vw,72px);padding-top:2.4rem}
.tipo h3{column-span:all;font:800 clamp(2rem,5vw,3rem)/1 var(--display);text-transform:uppercase;color:var(--osso);margin-bottom:.4rem}
.regione{break-inside:avoid;padding-top:1.6rem}
.regione h4{font:italic 500 1.6rem/1.1 var(--serif);color:var(--rame);margin-bottom:.3rem}
.vino{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.75rem 0;border-bottom:1px solid #333438}
.vino p{line-height:1.35}
.vino b{font-weight:600}
.vino small{font-size:.92rem;color:var(--osso-2)}
.vino data{font:500 1.1rem var(--serif);color:var(--rame);white-space:nowrap}
.solfiti{margin-top:1rem;font-size:.9rem;font-style:italic;color:var(--osso-2)}