/* Villa Lucia — landing (step 5, design v22 di ChatGPT)
   Colori misurati con confronta-design.py dal design e dalle sue fette HD.
   Caratteri: Newsreader (titoli e testo, il serif del design) · Manrope (occhielli in maiuscoletto). Serviti dal sito. */

@font-face{font-family:"Newsreader";src:url("../fonts/newsreader-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url("../fonts/Manrope-Variable.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}

:root{
  /* palette del design (misurata) */
  --carta:#FCF9F4;          /* fondo pagina */
  --carta-chiara:#FDFBF7;   /* cornice delle foto, scheda «prossimamente» */
  --crema:#F7F4EC;          /* scheda «già disponibile» */
  --sabbia:#E6DDCE;         /* etichetta «prossimamente» */
  --linea:#DACCB9;          /* bordi e filetti */
  --terracotta:#A6503A;     /* pulsanti */
  --terracotta-scuro:#933F27; /* occhielli */
  --inchiostro:#1A1D24;     /* titoli */
  --testo:#26292E;          /* testo */
  --oro:#9A702F;            /* «Puglia.» in corsivo */
  --oliva:#6D7950;          /* etichetta «già disponibile» */
  --seppia:#8E6A44;         /* testo dell'etichetta sabbia, dettagli */

  --serif:"Newsreader", "Iowan Old Style", Georgia, serif;
  --sans:"Manrope", "Helvetica Neue", Arial, sans-serif;
  --gutter:clamp(20px, 3.2vw, 48px);
  --larghezza:1376px;
  --testata:92px;
  --ombra-foto:0 14px 34px -18px rgba(60,40,20,.38);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--carta);color:var(--testo);font-family:var(--serif);font-size:1.0625rem;line-height:1.5;
  font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--inchiostro);margin:0;letter-spacing:-.012em;text-wrap:balance}
p{margin:0}
ul{list-style:none;margin:0;padding:0}
section[id],#villa{scroll-margin-top:calc(var(--testata) + 8px)}
:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px;border-radius:2px}

.salta{position:absolute;left:12px;top:-60px;z-index:100;background:var(--inchiostro);color:var(--carta);padding:.6rem 1rem;border-radius:4px;text-decoration:none}
.salta:focus{top:12px}

.contenitore{width:100%;max-width:calc(var(--larghezza) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}

.occhiello{font-family:var(--sans);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta-scuro);margin-bottom:.9rem}

/* pulsanti: la freccia è il file del kit, colorata con una maschera */
.bottone{display:inline-flex;align-items:center;gap:.8em;background:var(--terracotta);color:#fff;text-decoration:none;
  font-family:var(--serif);font-size:1.0625rem;line-height:1;padding:.95em 1.5em;border-radius:4px;white-space:nowrap;
  box-shadow:0 6px 16px -10px rgba(120,50,25,.7);transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease}
.bottone:hover{background:var(--terracotta-scuro);transform:translateY(-1px);box-shadow:0 10px 20px -12px rgba(120,50,25,.8)}
.bottone:active{transform:translateY(0)}
.freccia{display:inline-block;width:1.05em;height:.45em;background:currentColor;
  -webkit-mask:url("../img/freccia.png") center/contain no-repeat;mask:url("../img/freccia.png") center/contain no-repeat;transition:transform .2s ease}
.bottone:hover .freccia{transform:translateX(3px)}

.stampa{background:var(--carta-chiara);padding:5px;box-shadow:var(--ombra-foto);border-radius:2px}
.stampa img{width:100%;height:100%;object-fit:cover;border-radius:1px}
.scritta{pointer-events:none;user-select:none}

/* ─── ramo d'ulivo sul bordo sinistro ─── */
.ulivo-bordo{position:absolute;left:0;top:0;width:clamp(90px, 13.9vw, 200px);z-index:0;pointer-events:none}

/* ─── TESTATA ─── */
.testata{position:sticky;top:0;z-index:50;height:var(--testata);transition:background-color .25s ease, box-shadow .25s ease}
.testata.e-scesa{background:rgba(252,249,244,.97);box-shadow:0 8px 24px -20px rgba(40,30,20,.6)}
.testata__in{height:100%;display:flex;align-items:center;gap:2rem;max-width:calc(var(--larghezza) + 2 * var(--gutter));margin-inline:auto;
  padding-inline:var(--gutter) var(--gutter);padding-left:clamp(20px, 8.4vw, 132px)}
.testata__logo{flex:0 0 auto;display:block;width:clamp(170px, 20vw, 292px);margin-top:14px}
.menu{margin-left:auto;display:flex;align-items:center}
.menu ul{display:flex;gap:clamp(1.2rem, 2.3vw, 2.4rem)}
.menu ul a{font-size:1rem;text-decoration:none;color:var(--inchiostro);position:relative;padding:.3rem 0}
.menu ul a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--terracotta);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.menu ul a:hover::after{transform:scaleX(1)}
.menu__bottone{display:none}
.testata__bottone{margin-left:.8rem;padding:.8em 1.25em;font-size:1rem}
.menu{padding-right:1.6rem;border-right:1px solid var(--linea);height:34px}
.hamburger{display:none}

/* ─── HERO ─── */
.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);
  grid-template-areas:"testo foto" "paesaggio paesaggio" "pregi pregi";margin-top:calc(-1 * var(--testata) + 64px)}
.hero__testo{grid-area:testo;position:relative;padding-left:clamp(20px, 8.6vw, 136px);padding-right:1.5rem;padding-top:clamp(1.8rem, 3.6vw, 3.4rem);z-index:3}
.hero h1{font-size:clamp(2.6rem, 1rem + 3.3vw, 3.7rem);line-height:1.04;margin-bottom:1.1rem;margin-right:-3.5rem;position:relative}
.hero h1 .intero{display:block;white-space:nowrap}
.hero h1 em{color:var(--oro);font-style:italic;letter-spacing:-.02em}
.hero__sotto{font-size:clamp(1.0625rem, .9rem + .35vw, 1.2rem);line-height:1.45;max-width:26em;margin-bottom:1.6rem}
.hero__azioni{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1.6rem, 3vw, 2.6rem)}
.hero__scritta-ulivi{width:clamp(130px, 13vw, 200px);margin-left:clamp(0px, 3vw, 46px)}
.hero__rametto{position:absolute;width:clamp(44px, 4.6vw, 70px);left:clamp(150px, 19vw, 300px);bottom:-3.5rem;transform:rotate(58deg);opacity:.95}

.hero__foto{grid-area:foto;position:relative;margin-top:clamp(0px, 1.5vw, 24px)}
.hero__grande{position:relative;aspect-ratio:900/530;margin-right:0;overflow:hidden;
  clip-path:polygon(0.4% 0,100% 0,100% 82%,96% 82.6%,90% 83.9%,82% 85.2%,74% 86.6%,66% 88.4%,58% 89.9%,50% 91.6%,42% 93.4%,34% 95.1%,26% 96.8%,18% 98.1%,10% 99.3%,3% 100%,0 99.4%,0.5% 75%,0 52%,0.6% 28%)}
.hero__grande img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hero__piccola{position:absolute;width:45.5%;aspect-ratio:251/170;left:-13.5%;bottom:-13%;z-index:2}
.hero__casa{position:absolute;right:clamp(16px, 2.2vw, 34px);bottom:-1.5%;display:flex;align-items:flex-end;gap:.2rem;z-index:2}
.hero__casa .scritta{width:clamp(130px, 13vw, 196px)}
.hero__casa-rametto{width:clamp(34px, 3.4vw, 52px);transform:rotate(62deg) translate(-4px, 10px)}

.paesaggio{grid-area:paesaggio;margin-top:clamp(0px, .5vw, 8px);position:relative;z-index:0;pointer-events:none}
.paesaggio img{width:100%;height:clamp(110px, 12.5vw, 196px);object-fit:cover;object-position:50% 50%}

.pregi{grid-area:pregi;display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:2rem;
  max-width:calc(var(--larghezza) + 2 * var(--gutter));width:100%;margin:clamp(.4rem, 1vw, 1rem) auto 0;padding-inline:clamp(20px, 8.4vw, 124px) var(--gutter)}
.pregi li{display:flex;align-items:center;gap:1.1rem}
.pregi img{width:70px;height:72px;object-fit:contain;flex:0 0 auto}
.pregi li:first-child img{transform:rotate(28deg)}
.pregi strong{display:block;font-family:var(--sans);font-weight:700;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:var(--inchiostro);margin-bottom:.15rem}
.pregi span{font-size:1.0625rem}

/* ─── ONDE (divisori del kit) ─── */
.onda{position:relative;height:clamp(52px, 6vw, 92px);margin-top:clamp(.4rem, 1.2vw, 1.2rem);pointer-events:none}
.onda__linea{position:absolute;left:0;bottom:0;width:100%;height:clamp(34px, 6vw, 92px);object-fit:fill;opacity:.85}
.onda__linea--giu{transform:scaleY(-1)}
.onda__ramo{position:absolute;right:clamp(4px, 1vw, 16px);top:clamp(-10px, -.6vw, -4px);width:clamp(92px, 10.5vw, 160px);transform:scaleX(-1) rotate(-12deg)}

/* ─── APPARTAMENTI ─── */
.appartamenti{position:relative;padding-top:.6rem}
.appartamenti__testa{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;margin-bottom:clamp(1.4rem, 2.4vw, 2.2rem);padding-left:clamp(0px, 1.4vw, 20px)}
.appartamenti h2{font-size:clamp(2.2rem, 1rem + 2.9vw, 3.75rem);line-height:1.04}
.appartamenti__intro{max-width:23em;font-size:1.0625rem;line-height:1.45;margin-right:clamp(0px, 12vw, 190px);padding-bottom:.35rem}

.appartamenti__griglia{display:grid;grid-template-columns:minmax(0,62fr) minmax(0,42fr) minmax(0,30fr);grid-template-rows:1fr 1fr;gap:clamp(10px, 1vw, 14px) clamp(10px, 1vw, 16px)}
.app-foto--grande{grid-row:1 / span 2}
.app-foto{min-height:0}
.app-foto--grande img{object-position:0% 50%}
.app-foto img{aspect-ratio:auto}
.schede{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;gap:clamp(10px, 1vw, 14px);margin-left:clamp(0px, .8vw, 12px)}
.scheda{position:relative;border-radius:6px;padding:clamp(1.1rem, 1.6vw, 1.5rem) clamp(1.1rem, 1.7vw, 1.6rem);flex:1 1 auto}
.scheda--pronta{background:var(--crema);box-shadow:0 10px 30px -24px rgba(60,40,20,.5)}
.scheda--presto{background:var(--carta-chiara);border:1px solid var(--linea);overflow:hidden}
.etichetta{display:inline-block;font-family:var(--sans);font-weight:700;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;padding:.45em .85em;border-radius:3px;margin-bottom:.8rem}
.etichetta--verde{background:var(--oliva);color:#fff}
.etichetta--sabbia{background:var(--sabbia);color:var(--seppia)}
.scheda h3{font-size:clamp(1.45rem, 1rem + .8vw, 1.8rem);line-height:1.12;margin-bottom:.85rem}
.scheda__dato{display:flex;align-items:center;gap:1rem;font-size:1rem;line-height:1.3;margin-bottom:.7rem}
.scheda--presto .scheda__dato{max-width:10.5em}
.scheda__dato img{width:34px;height:32px;object-fit:contain;flex:0 0 auto}
.scheda__testo{font-size:1rem;line-height:1.45;margin-bottom:1.1rem}
.bottone--pieno{width:100%;justify-content:center;padding:.9em 1em}
.scheda__foglia{position:absolute;right:-6px;bottom:-14px;width:clamp(52px, 4.8vw, 72px);transform:rotate(-24deg);opacity:.95}

/* ─── LE GIORNATE ─── */
.giornate{position:relative;padding-top:clamp(.2rem, 1vw, 1rem);padding-bottom:clamp(1.2rem, 2.4vw, 2.4rem)}
.giornate__griglia{display:grid;grid-template-columns:minmax(0,27fr) minmax(0,40fr) minmax(0,27fr);gap:clamp(16px, 1.8vw, 28px);align-items:start}
.giornate__foto{aspect-ratio:387/284}
.giornate__testo{position:relative;text-align:center;padding-top:.2rem;min-height:100%}
.giornate h2{font-size:clamp(2.1rem, 1rem + 2.3vw, 3.3rem);line-height:1.05;margin-bottom:1rem}
.giornate__testo p{font-size:1.0625rem;line-height:1.5;max-width:30em;margin-inline:auto}
.lineetta{width:58px;border:0;border-top:1px solid var(--seppia);opacity:.6;margin:1.6rem auto 1.1rem}
.giornate__scritta{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:center;gap:.6rem;padding-left:3.5rem}
.giornate__scritta .scritta{width:clamp(96px, 8.4vw, 128px)}
.giornate__rametto{width:clamp(40px, 3.6vw, 56px);transform:rotate(-38deg);margin-top:1.4rem}
.giornate__botanico{position:absolute;left:-6%;right:-6%;bottom:-1.6rem;width:112%;max-width:none;height:auto;z-index:1;opacity:.95;pointer-events:none}

/* ─── SAPORI ─── */
.sapori{position:relative;padding-top:clamp(.8rem, 1.6vw, 1.6rem)}
.sapori__griglia{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,33fr) minmax(0,23fr);align-items:center;gap:clamp(16px, 2.4vw, 40px)}
.sapori__pane{width:100%;max-width:640px;margin-left:clamp(-24px, -1.2vw, 0px)}
.sapori h2{font-size:clamp(2.1rem, 1rem + 2.1vw, 3.1rem);line-height:1.04;margin-bottom:.8rem}
.sapori__testo p:last-child{font-size:1.0625rem;line-height:1.45;max-width:24em}
.sapori__lato{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;min-height:190px}
.sapori__lato .scritta{width:clamp(110px, 10vw, 156px);position:relative;z-index:2;margin-right:auto;transform:rotate(-6deg)}
.sapori__pomodori{width:clamp(96px, 9.2vw, 148px);margin-top:1.8rem}
.sapori__onda{width:100%;height:clamp(30px, 4.4vw, 66px);object-fit:fill;margin-top:clamp(-40px, -2vw, -12px);opacity:.8;transform:scaleX(-1)}

/* ─── LUCERA ─── */
.lucera{position:relative;padding-top:clamp(.6rem, 1.4vw, 1.4rem);padding-bottom:clamp(1rem, 2vw, 2rem)}
.lucera__griglia{display:grid;grid-template-columns:minmax(0,39fr) minmax(0,42fr) minmax(0,19fr);gap:clamp(16px, 1.6vw, 26px);align-items:center}
.lucera__testo{position:relative;padding-left:clamp(0px, 1.2vw, 18px)}
.lucera h2{font-size:clamp(2rem, 1rem + 1.6vw, 2.6rem);line-height:1.08;margin-bottom:1rem;text-wrap:pretty}
.lucera__testo p:not(.occhiello){font-size:1.0625rem;line-height:1.45;margin-bottom:1.6rem}
.lucera__foto{aspect-ratio:640/354;overflow:hidden;box-shadow:var(--ombra-foto)}
.lucera__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.lucera__lato{display:flex;flex-direction:column;align-items:center;gap:.6rem}
.lucera__lato .scritta{width:clamp(130px, 12vw, 186px);transform:rotate(-4deg)}
.lucera__disegno{width:clamp(140px, 13vw, 200px);opacity:.92}

/* ─── INVITO / CONTATTI ─── */
.invito{position:relative;padding-block:clamp(1.4rem, 3.2vw, 3.4rem) clamp(2.2rem, 4vw, 4rem);overflow:hidden}
.onda--lucera{height:clamp(40px, 4.6vw, 70px);margin-top:clamp(-1.6rem, -1.4vw, -.4rem)}
.onda--lucera .onda__linea{transform:scaleX(-1)}
.onda__rametto{position:absolute;left:clamp(150px, 22vw, 330px);top:-30%;width:clamp(44px, 4.4vw, 66px);transform:rotate(64deg)}
.invito__ramo{position:absolute;width:clamp(120px, 15vw, 230px);top:50%;pointer-events:none}
.invito__ramo--sx{left:-2.2%;transform:translateY(-50%) scaleX(-1) rotate(-8deg)}
.invito__ramo--dx{right:-2.4%;transform:translateY(-50%) rotate(-8deg)}
.invito__griglia{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(1.6rem, 3.6vw, 3.4rem);padding-inline:clamp(120px, 15vw, 230px)}
.invito__testo{text-align:center}
.invito h2{font-size:clamp(2rem, 1rem + 1.9vw, 2.75rem);line-height:1.08;margin-bottom:.45rem}
.invito__testo p{font-size:1.125rem}
.invito__azione{display:flex;flex-direction:column;align-items:center;gap:.65rem}
.invito__azione .bottone{font-size:1.125rem;padding:1em 1.6em}
.invito__numero{font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--seppia);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}
.invito__numero:hover{border-color:currentColor}
.invito__scritta{width:clamp(130px, 11vw, 168px);transform:rotate(-8deg)}

/* ─── FOOTER ─── */
.piede{position:relative;padding-top:clamp(1rem, 2vw, 2rem)}
.piede__griglia{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1.4rem, 3vw, 3rem)}
.piede__logo{display:block;width:clamp(180px, 19vw, 272px)}
.piede__menu{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 0}
.piede__menu ul{display:flex;flex-wrap:wrap;gap:.4rem clamp(1rem, 1.9vw, 1.9rem);padding-inline:clamp(1rem, 2.2vw, 2.2rem)}
.piede__legale{border-left:1px solid var(--linea)}
.piede__menu a{font-size:.95rem;text-decoration:none}
.piede__menu a:hover{text-decoration:underline;text-underline-offset:3px}
.piede__scritta{width:clamp(120px, 9.4vw, 142px);transform:rotate(-6deg)}
.piede__onda{width:min(820px, 64%);margin:clamp(-.4rem, -.2vw, 0rem) 0 0 auto;margin-right:clamp(10px, 8vw, 120px)}
.piede__fondo{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.6rem;padding-bottom:1.4rem;font-family:var(--sans);font-size:.74rem;letter-spacing:.04em;color:var(--seppia)}
.piede__fondo a{text-decoration:underline;text-underline-offset:2px}

/* ─── banner cookie, una riga ─── */
.cookie-bar{position:fixed;inset:auto 0 0 0;z-index:60;display:flex;gap:1rem;align-items:center;justify-content:center;padding:.55rem 1rem;
  font-family:var(--sans);font-size:.78rem;line-height:1.35;background:var(--carta-chiara);border-top:1px solid var(--linea);color:var(--testo)}
.cookie-bar[hidden]{display:none}
.cookie-bar a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.cookie-bar__x{background:none;border:0;font-size:1.3rem;line-height:1;cursor:pointer;opacity:.65;color:inherit;padding:.1rem .3rem}
.cookie-bar__x:hover{opacity:1}

/* ═════════════ TABLET ═════════════ */
@media (max-width:1100px){
  .menu ul{gap:1.1rem}
  .menu ul a{font-size:.95rem}
  .testata__bottone{display:none}
  .menu{border-right:0;padding-right:0}
  .appartamenti__griglia{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto}
  .app-foto--grande{grid-column:1 / span 2;grid-row:auto;aspect-ratio:16/9}
  .app-foto{aspect-ratio:3/2}
  .schede{grid-column:1 / span 2;grid-row:auto;flex-direction:row;margin-left:0}
  .scheda{flex:1 1 0}
  .appartamenti__intro{margin-right:0}
  .ulivo-bordo{width:84px}
  .hero{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}
  .hero h1{font-size:2.85rem;margin-right:0}
}

/* ═════════════ TELEFONO ═════════════ */
@media (max-width:760px){
  :root{--testata:66px}
  body{font-size:1rem}
  .ulivo-bordo{width:38px;opacity:.9;top:56px}
  .testata{background:rgba(252,249,244,.97)}
  .testata__in{gap:1rem;padding-left:var(--gutter)}
  .testata__logo{width:150px;margin-top:4px}
  .hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:44px;height:44px;padding:10px;background:none;border:0;cursor:pointer}
  .hamburger span{display:block;height:1.5px;background:var(--inchiostro);border-radius:2px;transition:transform .25s ease, opacity .2s ease}
  .hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .menu{position:fixed;left:0;right:0;top:var(--testata);height:auto;margin:0;padding:1.4rem var(--gutter) 1.8rem;background:var(--carta);
    flex-direction:column;align-items:stretch;gap:1.2rem;border-bottom:1px solid var(--linea);box-shadow:0 18px 30px -24px rgba(40,30,20,.6);
    transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s ease, transform .2s ease, visibility 0s linear .2s}
  .menu.aperto{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease, transform .2s ease}
  .menu ul{flex-direction:column;gap:0}
  .menu ul li + li{border-top:1px solid rgba(218,204,185,.6)}
  .menu ul a{display:block;padding:.85rem 0;font-size:1.25rem}
  .menu ul a::after{display:none}
  .menu__bottone{display:inline-flex;justify-content:center}

  .hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"testo" "foto" "paesaggio" "pregi";margin-top:0}
  .hero__testo{padding:1.4rem var(--gutter) 0 calc(var(--gutter) + 26px)}
  .hero h1{font-size:2.6rem;margin-bottom:.9rem;margin-right:0}
  .hero__sotto{font-size:1.0625rem;margin-bottom:1.3rem;max-width:21em}
  .hero__azioni{flex-direction:row;align-items:center;gap:.9rem}
  .hero__azioni .bottone{font-size:1rem;padding:.9em 1.2em}
  .hero__scritta-ulivi{width:112px;margin-left:0}
  .hero__rametto{display:none}
  .hero__foto{margin:1.6rem 0 0 calc(var(--gutter) + 10px)}
  .hero__grande{aspect-ratio:4/3}
  .hero__piccola{width:54%;left:-4%;bottom:-17%}
  .hero__casa{right:12px;bottom:-21%}
  .hero__casa .scritta{width:118px}
  .hero__casa-rametto{width:30px}
  .paesaggio{margin-top:2.6rem}
  .paesaggio img{height:88px}
  .pregi{grid-template-columns:minmax(0,1fr);gap:.85rem;padding-inline:calc(var(--gutter) + 10px) var(--gutter);margin-top:.4rem}
  .pregi img{width:40px;height:42px}
  .pregi strong{font-size:.74rem}
  .pregi span{font-size:1rem}

  .onda{height:46px}
  .onda__ramo{width:76px}

  .appartamenti__testa{flex-direction:column;align-items:flex-start;gap:.8rem;padding-left:0}
  .appartamenti h2{font-size:2.2rem}
  .appartamenti__intro{font-size:1rem}
  .appartamenti__griglia{gap:8px}
  .app-foto--grande{aspect-ratio:3/2}
  .schede{flex-direction:column;gap:12px;margin-top:6px}
  .scheda{flex:none}
  .scheda h3{font-size:1.55rem}

  .giornate__griglia{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .giornate__testo{grid-column:1 / span 2;grid-row:1;padding-bottom:3.2rem}
  .giornate__foto{grid-row:2;aspect-ratio:4/3}
  .giornate h2{font-size:2.15rem}
  .giornate__testo p{font-size:1rem}
  .lineetta{margin:1.1rem auto .6rem}
  .giornate__scritta{padding-left:2.4rem}
  .giornate__scritta .scritta{width:96px}
  .giornate__botanico{bottom:-.6rem;left:-8%;width:116%}

  .sapori__griglia{grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1rem}
  .sapori__pane{grid-column:1 / span 2;max-width:340px;margin:0 auto}
  .sapori__testo{grid-column:1 / span 2}
  .sapori h2{font-size:2.15rem}
  .sapori__testo p:last-child{font-size:1rem}
  .sapori__lato{grid-column:1 / span 2;min-height:0;justify-content:center;gap:1.2rem;align-items:center;margin-top:.4rem}
  .sapori__lato .scritta{width:118px;margin-right:0}
  .sapori__pomodori{width:84px;margin-top:0}

  .lucera__griglia{grid-template-columns:minmax(0,1fr);gap:1.4rem}
  .lucera__testo{padding-left:0}
  .lucera h2{font-size:2.15rem}
  .lucera__testo p:not(.occhiello){font-size:1rem}
  .lucera__testo br{display:none}
  .lucera__foto{aspect-ratio:3/2}
  .lucera__lato{flex-direction:row;justify-content:center;gap:1rem}
  .lucera__lato .scritta{width:138px}
  .lucera__disegno{width:150px}

  .invito{padding-block:5.2rem 2.4rem}
  .invito__ramo{width:72px;top:-.2rem;transform:none}
  .invito__ramo--sx{left:-18px;transform:scaleX(-1) rotate(-30deg)}
  .invito__ramo--dx{right:-18px;transform:rotate(-30deg)}
  .onda__rametto{left:62%;width:40px;top:-40%}
  .invito__griglia{flex-direction:column;gap:1.3rem;padding-inline:var(--gutter)}
  .invito h2{font-size:2rem}
  .invito__testo p{font-size:1.0625rem}
  .invito__scritta{width:140px}

  .piede__griglia{grid-template-columns:minmax(0,1fr) auto;gap:1.2rem}
  .piede__logo{width:170px}
  .piede__menu{grid-column:1 / span 2;grid-row:2;justify-content:flex-start;gap:.8rem 0}
  .piede__menu ul{padding-inline:0 1.2rem;gap:.5rem 1.2rem}
  .piede__legale{border-left:0;padding-left:0}
  .piede__scritta{width:112px;grid-column:2;grid-row:1}
  .piede__logo{grid-column:1;grid-row:1}
  .piede__onda{width:78%;margin-right:0}
  .piede__fondo{flex-direction:column;gap:.35rem;padding-bottom:3.6rem}

  .cookie-bar{font-size:.72rem;padding:.5rem .7rem;gap:.5rem}
}

@media (max-width:360px){
  .hero h1{font-size:2.2rem}
  .hero__azioni{flex-direction:column;align-items:flex-start}
  .hero__scritta-ulivi{margin-left:2.4rem}
  .hero__casa{right:6px}
  .hero__casa .scritta{width:100px}
}

/* ─── pagine di servizio (privacy, 404) ─── */
.pagina{max-width:760px;margin-inline:auto;padding:clamp(1.6rem, 4vw, 3.4rem) var(--gutter) clamp(2.4rem, 5vw, 4.4rem)}
.pagina h1{font-size:clamp(2.3rem, 1.2rem + 2.6vw, 3.4rem);line-height:1.05;margin-bottom:1rem}
.pagina h2{font-size:1.55rem;line-height:1.15;margin:2.2rem 0 .7rem}
.pagina p,.pagina li{font-size:1.0625rem;line-height:1.6}
.pagina p + p{margin-top:.8rem}
.pagina ul{list-style:disc;padding-left:1.3rem;margin:.6rem 0}
.pagina li + li{margin-top:.4rem}
.pagina__intro{font-size:1.15rem;color:var(--testo)}
.pagina .occhiello{font-size:.78rem;line-height:1.4}
.pagina__nota{margin-top:2.4rem;font-family:var(--sans);font-size:.8rem;color:var(--seppia)}
.pagina .bottone{margin-top:1.6rem}
.testata--semplice .testata__in{padding-left:var(--gutter)}
.testata--semplice .testata__bottone{display:inline-flex;margin-left:auto}
@media (max-width:760px){.testata--semplice .testata__bottone{font-size:.9rem;padding:.75em 1em}}

/* niente sbordi orizzontali: i rami decorativi escono dal bordo e si tagliano qui */
main,.piede{overflow-x:hidden;overflow-x:clip}