:root{--dark:#18251b;--deep:#111e16;--cream:#f5f2e9;--gold:#c8ab60;--ink:#203026;--muted:#5f695e;--serif:'Prata',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--type-ratio:1.25;--text-xs:12px;--text-sm:15px;--text-base:19px;--text-md:24px;--text-lg:30px;--text-xl:38px;--text-2xl:48px;--text-3xl:60px;--text-4xl:75px}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--dark);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 9.8vw),1440px);margin-inline:auto}.skip-link{position:fixed;z-index:99;top:-90px;left:15px;padding:10px;background:#fff;color:#000}.skip-link:focus{top:10px}.site-header{height:110px;position:absolute;z-index:50;inset:0 0 auto;border-bottom:1px solid #dbe4cf2c}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{width:225px}.brand img{width:100%;height:auto;display:block}.desktop-nav{display:flex;gap:clamp(18px,3vw,46px)}.desktop-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.07em}.desktop-nav a:hover{color:var(--gold)}.menu-toggle,.mobile-nav{display:none}.panel{position:relative;min-height:100svh;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700;color:var(--gold);margin:0 0 32px}.eyebrow.dark{color:#8c783e}.panel h2{font:400 clamp(43px,4.1vw,75px)/1.23 var(--serif);letter-spacing:-.05em;margin:0 0 26px}.panel h2 em{font-style:italic;color:#819477}.button-gold,.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:52px;border-radius:80px;padding:15px 26px;font-size:11px;font-weight:700;letter-spacing:.06em;transition:transform .28s,background .28s,box-shadow .28s}.button-gold{background:var(--gold);color:var(--deep)}.button-gold:hover,.outline-button:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0002}.button-gold span,.outline-button span{font-size:18px;font-weight:400}.outline-button{color:var(--ink);border:1px solid #495943}.outline-light{color:white;border-color:#d4d0ac}.hero{background:radial-gradient(circle at 73% 55%,#25382b,#18251b 64%);isolation:isolate}.hero-ring{position:absolute;border:1px solid #d1d9ae1a;border-radius:50%;aspect-ratio:1;width:430px;left:72%;top:52%;transform:translate(-50%,-50%);pointer-events:none}.ring-two{width:650px}.ring-three{width:880px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:42% 58%;align-items:center;min-height:100svh;padding-top:112px;padding-bottom:88px;gap:0}.hero-copy{z-index:2;padding:0 16px 0 0}.hero-copy .eyebrow{margin-bottom:34px;white-space:nowrap}.dash{color:#a3ae9b;margin:0 6px}.hero h1{font:400 clamp(52px,5.55vw,95px)/1.18 var(--serif);letter-spacing:-.065em;margin:0 0 30px;white-space:nowrap}.hero h1 em{font-style:normal}.hero-description{max-width:435px;color:#e3e7dfd9;font-size:clamp(15px,1.28vw,20px);line-height:1.65;margin:0 0 34px}.hero-products{align-self:center;display:flex;align-items:flex-end;justify-content:center;min-width:0;margin-top:20px}.bottle-row{height:clamp(385px,58svh,650px);width:100%;display:flex;align-items:flex-end;justify-content:center;gap:clamp(3px,.8vw,16px)}.bottle{height:100%;flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center;margin:0;animation:rise 1.12s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(.35s + var(--i)*.14s)}.bottle img{height:100%;max-width:100%;width:auto;object-fit:contain;object-position:bottom;filter:drop-shadow(9px 18px 10px #0007);transition:transform .45s}/* Hover gestito unicamente per puntatori precisi più sotto. */.intro{animation:fadeUp .9s ease-out both;animation-delay:var(--delay)}@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{from{opacity:0;transform:translateY(65px)}to{opacity:1;transform:translateY(0)}}.story{background:var(--cream);color:var(--ink);display:flex;align-items:center;padding:100px 0}.story-grid,.mill-grid{display:grid;grid-template-columns:55% 45%;gap:0;align-items:center}.photo-placeholder{position:relative;min-height: min(69svh,680px);display:grid;place-items:center;overflow:hidden;background:#b6c0ae}.story-grid .photo-placeholder{margin-right:10%}.story-copy{padding-left:9%;max-width:560px}.story-copy p:not(.eyebrow),.mill-copy p:not(.eyebrow){font-size:clamp(15px,1.1vw,18px);line-height:1.85;color:#586559;margin:0 0 32px}.photo-art{position:absolute;inset:0;background:radial-gradient(circle at 34% 27%,#d5d6b6,transparent 26%),linear-gradient(135deg,#61745e,#92a38d 48%,#485f4d);opacity:.75}.photo-art:before{content:'';position:absolute;inset:8%;border:1px solid #ffffff65}.photo-art-olive .arc{width:300px;height:300px;border:1px solid #e8e2c67a;border-radius:50%;position:absolute;bottom:-110px;right:-100px}.photo-number{position:absolute;bottom:26px;left:28px;font-size:11px;letter-spacing:.12em;color:#fff}.placeholder-caption{position:relative;z-index:1;background:#f5f2eae6;color:#243026;padding:22px 27px;text-align:center;font-size:14px;font-weight:700;letter-spacing:.1em;line-height:1.7}.placeholder-caption small{font-size:11px;font-weight:400;letter-spacing:0}.reveal,.reveal-image{opacity:0;transform:translateY(28px);transition:opacity .85s,transform .85s;transition-delay:var(--stagger,0ms)}.reveal-image{transform:translateX(-28px)}.reveal.visible,.reveal-image.visible{opacity:1;transform:none}.territory{height:205svh;overflow:clip;background:var(--dark)}.territory-sticky{position:sticky;top:0;min-height:100svh;height:100svh;overflow:hidden;display:flex;align-items:center}.territory-disc{position:absolute;z-index:0;left:50%;top:50%;width:100%;height:100%;clip-path:circle(calc(var(--reveal-progress, 0) * 95%) at 50% 50%);background:#718369}.landscape-placeholder{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 19%,#ead3a6 0,transparent 32%),linear-gradient(174deg,#93a1a0 0%,#849b8c 40%,#475c3c 41%,#71835e 64%,#293c2f 66%);display:grid;place-items:end center;padding:45px}.landscape-placeholder span{font-size:10px;letter-spacing:.14em;color:#fff8}.territory-copy{position:relative;z-index:2;opacity:var(--text-progress,0);transform:translateY(calc((1 - var(--text-progress,0)) * 22px));max-width:1440px;transition:none}.territory-copy h2{color:#fff;text-shadow:0 3px 20px #0005}.territory-copy h2 em{color:#f2e6c4}.territory-copy>p:not(.eyebrow){max-width:460px;line-height:1.7;color:#fff;font-size:17px}.products{background:var(--cream);color:var(--ink);display:flex;align-items:center;padding:110px 0}.products-wrap{display:grid;grid-template-columns:100%;justify-items:start}.products-heading{max-width:880px}.products-heading>p:not(.eyebrow){max-width:610px;line-height:1.7;color:#687467}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;margin:35px 0 30px}.product-card{text-align:center}.product-photo{height:clamp(255px,35svh,390px);background:#e7e9dd;display:flex;justify-content:center;align-items:flex-end;padding:18px 9px;overflow:hidden}.product-photo img{height:100%;max-width:95%;object-fit:contain;object-position:bottom;filter:drop-shadow(7px 11px 8px #0003);transition:transform .45s}/* L’animazione hover delle schede è abilitata solo per mouse nel blocco finale. */.product-card h3{font:400 20px var(--serif);margin:18px 0 8px}.product-card span{font-size:9px;letter-spacing:.12em;color:#7a846f}.product-cta{justify-self:center}.mill{background:#dfe6da;color:var(--ink);display:flex;align-items:center;padding:100px 0}.mill-photo{margin-right:10%;background:#8a9f8b}.photo-art-mill{background:repeating-linear-gradient(95deg,#607664 0 20px,#7d9280 21px 45px,#bec6af 46px 60px)}.photo-art-mill .machine-line{position:absolute;top:40%;left:5%;width:90%;height:90px;border-top:14px solid #d3d7c4;border-bottom:14px solid #40534a;transform:skewY(-12deg)}.mill-copy{padding-left:9%}.steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 37px}.steps span{padding:11px 13px;border:1px solid #95a693;font-size:11px}.steps b{color:#78894e;margin-right:6px}.contact{min-height:clamp(460px,68svh,650px);display:flex;align-items:center;background:radial-gradient(circle at 70% 65%,#2b4231,#15251a 58%,#111b14);text-align:center;padding:clamp(66px,9svh,110px) 0}.contact-inner{max-width:1000px}.contact h2{font-size:clamp(48px,5.2vw,75px);line-height:1.22;margin:0 0 24px}.contact h2 em{color:#c7bf91}.contact-inner>p:not(.eyebrow){max-width:590px;margin:0 auto 26px;font-size:var(--text-sm);line-height:1.7;color:#c6d1c5}.footer{background:#0d1811;padding:72px 0 25px;color:#d3ddd2}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.4fr;gap:50px;padding-bottom:56px}.footer-grid img{width:180px;height:auto}.footer h3{font-size:var(--text-xs);color:var(--gold);letter-spacing:.14em;margin:0 0 22px}.footer p{line-height:1.75;font-size:var(--text-sm);color:#aab7aa}.footer-grid a{display:block;margin:0 0 14px;font-size:var(--text-sm);line-height:1.55;transition:color .2s}.footer-grid a:hover{color:var(--gold)}.footer-base{border-top:1px solid #d7e0d31f;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:var(--text-xs);line-height:1.7;color:#91a192}
@media(max-width:1150px){.brand{width:185px}.hero-grid{grid-template-columns:43% 57%}.hero h1{font-size:clamp(49px,5.2vw,72px)}.bottle-row{height:clamp(320px,52svh,520px)}.desktop-nav{gap:19px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.site-header{height:82px}.brand{width:166px}.desktop-nav{display:none}.menu-toggle{display:block;color:#fff;border:1px solid #ffffff50;background:none;border-radius:50%;width:42px;height:42px}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:17px;background:#1a2a1e;padding:18px 20px 25px}.mobile-nav a{font-size:13px}.hero-grid{grid-template-columns:1fr;align-content:center;gap:26px;padding-top:118px;padding-bottom:70px;min-height:100svh}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:10px;margin-bottom:17px}.hero h1{font-size:clamp(45px,9vw,74px);margin-bottom:15px;line-height:1.1}.hero-description{font-size:14px;line-height:1.55;margin-bottom:18px}.button-gold,.outline-button{min-height:44px;padding:12px 19px}.hero-products{margin-top:0}.bottle-row{height:clamp(185px,34svh,355px);gap:2px}.hero-meta{font-size:8px;bottom:12px}.hero-ring{left:50%;top:69%;width:390px}.ring-two{width:600px}.ring-three{width:790px}.story,.mill,.products{padding:75px 0}.story-grid,.mill-grid{grid-template-columns:1fr;gap:42px}.story-grid .photo-placeholder,.mill-photo{margin:0;min-height:55svh}.story-copy,.mill-copy{padding:0}.panel h2{font-size:clamp(39px,7vw,63px)}.products-heading{max-width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.product-photo{height:clamp(225px,32svh,325px)}.contact{min-height:auto;padding:84px 0}.contact h2{font-size:clamp(39px,7.5vw,60px)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.territory-copy h2{font-size:clamp(37px,7vw,62px)}}
@media(max-width:410px){.hero-grid{padding-top:101px;gap:18px}.hero h1{font-size:clamp(37px,10vw,47px)}.bottle-row{height:clamp(175px,31svh,270px)}.product-card h3{font-size:16px}.footer-grid{gap:24px}.footer{padding-top:62px}.footer-grid{padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal,.reveal-image{opacity:1;transform:none}.territory-copy{opacity:1!important;transform:none!important}.territory-disc{clip-path:circle(100% at 50% 50%)!important}}

/* V4 — distribuzione proporzionale delle CTA; nessuna dipendenza dal DOM di Hostinger.
   Regole circoscritte ai componenti, non ai contenitori generati dall’editor. */
@media(min-width:801px){
  .products-wrap{align-self:stretch;min-height:max(0px, calc(100svh - 220px));grid-template-rows:auto auto minmax(90px,1fr);}
  .product-grid{margin-bottom:0;}
  .product-cta-zone{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
  .contact{align-items:stretch;}
  .contact-inner{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(110px,1fr);align-content:start;justify-items:center;min-height:calc(clamp(460px,68svh,650px) - 2 * clamp(66px,9svh,110px));}
  .contact-cta-zone{width:100%;display:flex;align-items:center;justify-content:center;}
}
/* Mobile: il contenuto può crescere liberamente, senza altezze o bottoni sovrapposti. */
@media(max-width:800px){
  .product-cta-zone,.contact-cta-zone{width:100%;display:flex;align-items:center;justify-content:center;margin-top:34px;}
  .contact-cta-zone{margin-top:40px;}
}
/* La composizione della sezione Territorio resta invariata: il suo spazio
   superiore è necessario alla fase iniziale dell’animazione scroll-driven. */


/* PROPOSTA UI V1.0 — Header e pulsanti. Anteprima NON destinata alla pubblicazione. */
.site-header{
 position:fixed;inset:0 0 auto 0;width:100%;height:78px;
 background:rgba(17,30,22,.16);border-bottom:1px solid rgba(219,228,207,.2);
 transition:background-color .25s ease, box-shadow .25s ease;
 z-index:1000;
}
.site-header.is-scrolled,.site-header.menu-open{background:#111e16;box-shadow:0 6px 24px rgba(0,0,0,.13)}
.brand{width:190px}
.desktop-nav a{font-size:14px;line-height:1.5;letter-spacing:.055em}
.desktop-nav a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px}
.desktop-nav a:focus-visible,.button-gold:focus-visible,.outline-button:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.button-gold,.outline-button{font-size:14px;min-height:52px;line-height:1.35;padding:13px 25px;gap:22px}
.button-gold:hover,.outline-button:hover{transform:translateY(-2px)}
@media(max-width:800px){
 .site-header{height:64px;background:#111e16}
 .brand{width:157px}
 .menu-toggle{min-width:48px;min-height:48px}
 .mobile-nav:not([hidden]){position:absolute;top:100%;left:0;right:0;box-shadow:0 15px 25px #0003}
 .mobile-nav a{font-size:15px;min-height:44px;display:flex;align-items:center}
 .button-gold,.outline-button{font-size:14px;min-height:48px;padding:12px 19px}
 .hero-grid{padding-top:94px}
}
@media(prefers-reduced-motion:reduce){.site-header,.button-gold,.outline-button{transition:none}}

/* FIX V1.1: navigazione orizzontale senza ritorni a capo e breakpoint tablet */
.site-header .header-inner{min-width:0;gap:24px}
.site-header .desktop-nav{align-items:center;flex-wrap:nowrap;gap:clamp(14px,1.6vw,30px)}
.site-header .desktop-nav a{display:block;white-space:nowrap}
.site-header .brand{display:block;flex:0 0 auto}
@media (min-width:1051px) and (max-width:1250px){
  .site-header .brand{width:155px}
  .site-header .desktop-nav a{font-size:12.5px;letter-spacing:.03em}
}
@media (max-width:1050px){
  .site-header{height:70px;background:#111e16}
  .site-header .brand{width:160px}
  .site-header .desktop-nav{display:none}
  .site-header .menu-toggle{display:block;color:#fff;border:1px solid #ffffff50;background:transparent;border-radius:50%;width:48px;height:48px;flex:0 0 auto}
  .site-header .mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:#111e16;padding:10px 25px 18px;box-shadow:0 15px 25px #0003}
  .site-header .mobile-nav a{display:flex;align-items:center;min-height:48px;font-size:15px}
}
@media (max-width:800px){.site-header{height:64px}}


/* CHINCANA UI V1.2 — rifinitura header e categorie Home */
@media (min-width:1051px){.site-header{height:86px}.site-header .brand{width:190px}.site-header .brand img{max-height:62px;width:100%;object-fit:contain}}
@media (min-width:1051px) and (max-width:1250px){.site-header .brand{width:162px}}
@media (max-width:1050px){.site-header .brand img{max-height:54px;object-fit:contain}}
@media (max-width:800px){.site-header .brand img{max-height:48px}}
.product-tabs{display:flex;align-items:center;gap:clamp(16px,3vw,42px);margin-top:30px;border-bottom:1px solid #c8cdbf;max-width:100%;flex-wrap:wrap}
.product-tab{position:relative;border:0;border-radius:0;background:transparent;color:#586559;padding:14px 0 17px;letter-spacing:.075em;font-weight:700;font-size:13px;line-height:1.4;cursor:pointer;text-align:left}
.product-tab:hover,.product-tab[aria-selected="true"]{color:var(--ink)}
.product-tab[aria-selected="true"]:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:#8c783e}
.product-tab:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.product-tab-panel{width:100%;min-width:0}
.product-tab-panel[hidden]{display:none!important}
.product-tab-panel .product-grid{margin-bottom:12px}
.product-card>span{display:block;font-size:12px;letter-spacing:.055em;line-height:1.55;font-weight:500;color:#667365;min-height:2.9em}
.product-category-note{font-size:13px;color:#667365;line-height:1.55;margin:0 0 8px}
.product-photo--pending{align-items:center;background:linear-gradient(155deg,#e2e6d8,#eef0e6);border:1px dashed #a8b3a2;padding:14px}
.product-photo--pending .pending-art{max-width:100%;font-size:clamp(11px,1.05vw,15px);font-weight:700;letter-spacing:.08em;text-align:center;line-height:1.6;color:#49604b}
.product-photo--pending .pending-art small{display:block;margin-top:12px;font-weight:400;font-size:10px;letter-spacing:.05em;color:#71816e}
@media(max-width:800px){.product-tabs{gap:22px;margin-top:24px}.product-tab{font-size:12px;padding-bottom:13px}.product-card>span{font-size:11px;letter-spacing:.02em}.products-wrap{align-self:stretch}}
@media(max-width:410px){.product-tab{font-size:11px}.product-tabs{gap:15px}.product-card>span{font-size:11px}}


/* CHINCANA UI V1.3 — SOLO quattro rifiniture concordate.
   Nessuna modifica alla Hero, alle animazioni e agli altri contenuti. */
/* Header: proporzione armonica fra logo e spazio verticale, senza alterare lo sticky. */
@media (min-width:1251px) {
  .site-header {height:98px}
  .site-header .brand {width:222px}
  .site-header .brand img {max-height:70px}
}
@media (min-width:1051px) and (max-width:1250px) {
  .site-header {height:92px}
  .site-header .brand {width:190px}
  .site-header .brand img {max-height:64px}
}
@media (min-width:801px) and (max-width:1050px) {
  .site-header {height:78px}
  .site-header .brand {width:177px}
  .site-header .brand img {max-height:56px}
}
@media (max-width:800px) {
  .site-header {height:70px}
  .site-header .brand {width:164px}
  .site-header .brand img {max-height:53px}
}
/* V1.4 — tab editoriali: ripristino stile V1.2, leggermente più grandi,
   allineate all'asse sinistro del titolo. Nessun contenitore colorato. */
.product-tabs {
  justify-self: start;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin: 30px 0 0;
  padding: 0;
  gap: clamp(22px, 3vw, 44px);
  border: 0;
  border-bottom: 1px solid #c8cdbf;
  border-radius: 0;
  background: transparent;
  flex-wrap: wrap;
}
.product-tab {
  position: relative;
  flex: initial;
  min-width: 0;
  padding: 14px 0 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #586559;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .06em;
  cursor: pointer;
  box-shadow: none;
  transition: color .2s ease;
}
.product-tab:hover, .product-tab[aria-selected="true"] {
  color: var(--ink);
  background: transparent;
  box-shadow: none;
}
.product-tab[aria-selected="true"]::after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background: #8c783e;
}
.product-tab:focus-visible {outline: 2px solid var(--ink);outline-offset: 5px}
/* Anteprima dell'hover delle bottiglie, senza falsa indicazione di clic. */
.hero .bottle img {
  transition: transform .4s cubic-bezier(.2,.8,.2,1);
}
@media (hover:hover) and (pointer:fine) {
  .hero .bottle:hover img {transform: translateY(-9px) scale(1.03)}
}
@media (prefers-reduced-motion:reduce) {
  .hero .bottle img {transition: none}
  .hero .bottle:hover img {transform: none}
}
/* Quarta riga = CTA: le note editoriali transitorie sono state eliminate. */
@media (min-width:801px) {
 .products-wrap {grid-template-rows:auto auto auto minmax(90px,1fr)}
}
@media (max-width:800px) {
  .product-tabs {gap:22px;margin-top:24px;padding:0;width:auto;flex-wrap:wrap}
  .product-tab {font-size:14px;padding:12px 0 14px;line-height:1.4;letter-spacing:.025em}
}
@media (max-width:410px) {
  .product-tabs {gap:18px}
  .product-tab {font-size:clamp(11px,3vw,13px)}
}
/* Footer: segnaposto volutamente non cliccabile, in attesa dell'asset e URL ufficiali. */
.footer-credit {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.footer-credit-label {font-size:11px;letter-spacing:.09em;color:#b7c3b3}
.homa-placeholder {display:inline-flex;align-items:center;gap:8px;border:1px dashed #96a996;padding:9px 12px;color:#e9e9e0;font-size:15px;letter-spacing:.09em;font-weight:700}
.homa-placeholder small {font-size:9px;color:#a9b6a7;font-weight:400;letter-spacing:.04em}
@media (max-width:800px) {.footer-credit{width:100%;justify-content:flex-start}}
@media (prefers-reduced-motion:reduce) {.product-tab{transition:none}}


/* CHINCANA — UI V1.5: interventi MOBILE soltanto. Desktop V1.4 invariato. */
@media (max-width:1050px) {
  /* Il menu ha esattamente le cinque destinazioni del progetto UX.
     Ogni voce usa la stessa altezza, senza margini arbitrari. */
  .site-header .mobile-nav:not([hidden]) {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:0;
    padding:12px max(20px, 5vw) 24px;
    max-height:calc(100dvh - 70px);
    overflow-y:auto;
  }
  .site-header .mobile-nav a {
    display:flex;
    align-items:center;
    box-sizing:border-box;
    min-height:64px;
    margin:0;
    padding:15px 0;
    font-size:clamp(16px, 2vw, 19px);
    font-weight:400;
    line-height:1.35;
    text-transform:none;
  }
  .site-header .mobile-nav a:focus-visible {outline:2px solid var(--gold);outline-offset:2px}
  /* Tre linee vettoriali CSS, non un glifo Unicode con centratura variabile. */
  .site-header .menu-toggle {
    display:grid;
    place-items:center;
    padding:0;
    line-height:1;
  }
  .hamburger-lines {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    width:25px;
    height:25px;
  }
  .hamburger-lines span {
    display:block;
    width:25px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    transform-origin:center;
    transition:transform .22s ease, opacity .22s ease;
  }
  .site-header .menu-toggle[aria-expanded="true"] .hamburger-lines span:first-child {transform:translateY(7px) rotate(45deg)}
  .site-header .menu-toggle[aria-expanded="true"] .hamburger-lines span:nth-child(2) {opacity:0}
  .site-header .menu-toggle[aria-expanded="true"] .hamburger-lines span:last-child {transform:translateY(-7px) rotate(-45deg)}
}
@media (max-width:800px) {
  .site-header .mobile-nav:not([hidden]) {max-height:calc(100dvh - 70px)}
  /* CTA hero: mantiene il carattere dorato, riduce l'ingombro visivo. */
  .hero-copy .button-gold {
    width:max-content;
    max-width:100%;
    min-height:48px;
    padding:12px 17px;
    gap:17px;
    font-size:12.5px;
    line-height:1.35;
    letter-spacing:.035em;
  }
  .hero-copy .button-gold span {font-size:17px}
  /* Territorio: niente pseudo-elementi a sfumatura sopra il testo. */
  .territory-copy > p:not(.eyebrow) {max-width:min(100%, 360px);text-shadow:0 1px 8px #09150ab3}
  .territory-copy h2 {text-shadow:0 2px 13px #0b1b10a6}
  /* CTA secondaria territoriale: sobria, outline e allineata a sinistra. */
  .territory-copy .outline-button {
    width:max-content;
    max-width:100%;
    justify-content:center;
    padding:12px 15px;
    gap:13px;
    min-height:48px;
    font-size:clamp(11px,2.85vw,13px);
    letter-spacing:.025em;
    white-space:normal;
  }
  .territory-copy .outline-button span {font-size:16px;line-height:1}
  /* Tab: editoriali come V1.4; SOLO su mobile centratura e leggibilità. */
  .product-tabs {
    justify-self:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    margin:27px auto 0;
    gap:clamp(13px,3vw,24px);
  }
  .product-tab {
    font-size:clamp(12.5px,3.2vw,15px);
    line-height:1.4;
    padding:13px 0 15px;
    letter-spacing:.025em;
    text-align:center;
  }
}
@media (max-width:410px) {
  .product-tabs {gap:clamp(10px,2.6vw,15px)}
  .product-tab {font-size:clamp(12px,3.12vw,13.5px)}
  .territory-copy .outline-button {font-size:11px;gap:9px;padding-inline:13px}
}
@media (prefers-reduced-motion:reduce) {
  .hamburger-lines span {transition:none}
}

/* V1.6: correzioni mirate MOBILE; nessuna regola desktop modificata. */
@media (max-width:800px) {
  /* CTA Hero: larghezza intrinseca, tipografia compatta, area touch adeguata. */
  .hero-copy .button-gold {
    display:inline-flex;
    flex:0 0 auto;
    width:fit-content;
    max-width:100%;
    min-height:44px;
    padding:9px 13px;
    gap:9px;
    font-size:11px;
    line-height:1.25;
    letter-spacing:.015em;
    justify-content:center;
    white-space:nowrap;
  }
  .hero-copy .button-gold span {font-size:15px;line-height:1}

  /* Circle reveal confinato all'area fotografica superiore: il pulsante
     resta nella fascia verde inferiore, non sopra l'immagine. */
  .territory-sticky {position:sticky;top:0;height:100svh;min-height:100svh}
  .territory-disc {top:0;bottom:auto;height:64%;clip-path:circle(calc(var(--reveal-progress, 0) * 140%) at 78% 78%);}
  .territory-copy {
    isolation:auto;
    align-self:stretch;
    min-height:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    padding-top:clamp(90px,14svh,140px);
    padding-bottom:clamp(50px,8svh,80px);
  }
  .territory-copy::before {content:none!important;display:none!important}
  .territory-copy h2 {text-shadow:0 2px 8px rgba(0,0,0,.7)}
  .territory-copy > p:not(.eyebrow) {text-shadow:0 2px 7px rgba(0,0,0,.78)}
  .territory-copy .outline-button {
    margin-top:18px;
    margin-bottom:0;
    min-height:44px;
    padding:9px 13px;
    gap:9px;
    width:fit-content;
    max-width:100%;
    font-size:11px;
    line-height:1.25;
    letter-spacing:0;
    white-space:normal;
    background:transparent;
  }
  .territory-copy .outline-button span {font-size:15px}
}
@media (max-width:410px) {
  .territory-copy {padding-top:clamp(84px,12svh,115px);padding-bottom:clamp(52px,9svh,74px)}
}


/* V1.8 - SOLO MOBILE: testo e CTA sopra, fotografia autonoma sotto.
   Desktop non modificato. Reveal circolare confinato alla fotografia. */
@media (max-width:800px) {
  .territory {height:auto;min-height:0;overflow:visible;}
  .territory-sticky {
    position:relative;top:auto;height:auto;min-height:0;overflow:visible;
    display:flex;flex-direction:column;align-items:stretch;
    padding-block:clamp(64px,9vw,94px) clamp(64px,9vw,94px);
    gap:clamp(28px,6vw,42px);
  }
  .territory-copy {
    order:0;position:relative;z-index:1;isolation:auto;
    align-self:auto;display:block;min-height:0;height:auto;
    padding-top:0;padding-bottom:0;
    opacity:1!important;transform:none!important;
  }
  .territory-copy .eyebrow {margin-bottom:clamp(20px,5vw,30px);}
  .territory-copy h2 {
    margin-bottom:clamp(20px,5vw,30px);
    text-shadow:none;
  }
  .territory-copy > p:not(.eyebrow) {
    max-width:100%;margin:0 0 22px;
    text-shadow:none;
  }
  .territory-copy .outline-button {
    margin:0;min-height:48px;width:fit-content;max-width:100%;
    position:static;background:transparent;
  }
  .territory-disc {
    order:1;position:relative;top:auto;left:auto;bottom:auto;right:auto;
    z-index:0;display:block;flex:none;
    width:calc(100% - 40px);height:auto;
    aspect-ratio:4 / 5;max-height:65svh;margin:0 auto;
    overflow:hidden;
    clip-path:circle(calc(var(--reveal-progress, 0) * 145%) at 88% 88%);
    background:#718369;
  }
  .landscape-placeholder {position:absolute;inset:0;}
}
@media (max-width:410px) {
  .territory-copy {padding-top:0;padding-bottom:0;}
}
@media (prefers-reduced-motion:reduce) {
  .territory-disc {clip-path:none!important;}
}


/* =============================================================
   CHINCANA V1.9 — SOLO HERO MOBILE (max 800px)
   Bottiglie al centro dell'area fra CTA e fondo della hero.
   Nessuna modifica alla composizione desktop o al Circle Reveal.
   ============================================================= */
@media (max-width:800px) {
  .hero-grid {
    /* Riga superiore: testo e CTA. Riga inferiore: spazio che resta. */
    grid-template-rows: auto minmax(clamp(245px, 38svh, 370px), 1fr);
    align-content: stretch;
    row-gap: 0;
    padding-bottom: clamp(20px, 3svh, 34px);
  }
  .hero-products {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    min-height: 0;
  }
  .hero-products .bottle-row {
    flex: 0 0 auto;
    max-width: 100%;
  }
}
/* Nessun hover permanente su telefoni/tablet touch, nemmeno
   quando Chrome mantiene :hover dopo un tocco. */
@media (hover:none), (pointer:coarse) {
  .hero .bottle:hover img {transform:none;}
}


/* V1.9.3 — Hover solo su dispositivi con mouse reale.
   Su touch resta l'animazione d'ingresso delle bottiglie (rise),
   ma nessun effetto :hover che possa restare attivo dopo uno swipe. */
@media (hover: hover) and (pointer: fine) {
  .hero .bottle:hover img {transform: translateY(-9px) scale(1.03)}
  .product-card:hover .product-photo img {transform: translateY(-12px) scale(1.025)}
}
@media (hover: none), (pointer: coarse) {
  .hero .bottle:hover img, .product-card:hover .product-photo img {transform:none}
}

/* V1.9.3 — Dimensionamento stabile per viewport mobile.
   Chrome iOS può cambiare altezza visibile con le barre browser:
   la griglia Hero non dipende quindi da vh/svh/dvh e le immagini
   hanno dimensioni legate solo alla larghezza disponibile. */
@media (max-width:800px) {
  .hero-grid {
    min-height:clamp(690px, 197vw, 1020px);
    grid-template-rows:auto minmax(260px, 1fr);
    padding-top:clamp(118px, 27vw, 155px);
    padding-bottom:clamp(22px, 5vw, 40px);
    gap:0;
    align-content:stretch;
  }
  .hero-products {align-self:stretch;align-items:center;min-height:0}
  .hero-products .bottle-row {
    height:clamp(205px, 71vw, 355px);
    flex:0 0 auto;
  }
  .story-grid .photo-placeholder,
  .mill-grid .photo-placeholder {
    min-height:0;
    aspect-ratio:4/5;
    height:auto;
  }
  .product-photo {height:clamp(190px, 58vw, 315px)}
  .territory-disc {max-height:none}
}
@media (max-width:410px) {
  .hero-grid {min-height:max(700px, 197vw)}
}

/* Collegamento schede dall’anteprima prodotti Home, senza modifiche strutturali */
.product-card-link{display:block;color:inherit;text-decoration:none}
.bottle a{display:block;width:100%;height:100%;color:inherit}
.product-card-link:focus-visible,.bottle a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}


/* CHINCANA V0.5 — Home: allineamento ottico immagini nuove,
   nessuna modifica a scroll, animazioni o struttura delle sezioni. */
@media (min-width:801px) {
  .hero .bottle-row {height:clamp(380px, 36vw, 505px)}
  .hero .bottle a {display:flex;align-items:flex-end;justify-content:center}
  .hero .bottle img {height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom}
}
@media (max-width:800px) {
  /* vw stabile anche quando Chrome iOS nasconde le barre del browser. */
  .hero-products .bottle-row {height:clamp(278px, 91vw, 410px)}
  .hero .bottle a {display:flex;align-items:flex-end;justify-content:center}
  .hero .bottle img {height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom}
}
/* Rimuove solo il lampo di selezione dei link su iOS.
   Lo stato focus da tastiera resta visibile. */
.product-card-link, .product-card-link *, .hero .bottle a {
  -webkit-tap-highlight-color:transparent;
}
/* La zona attiva del logo copre l'intera altezza dell'header,
   anche sopra le lettere del logo su desktop. */
.site-header .brand {align-self:stretch;display:flex;align-items:center;justify-content:flex-start}
.site-header .brand img {pointer-events:none}

/* V0.6 — Hero. Desktop: presenza visiva bilanciata al testo; mobile: CTA sotto le bottiglie.
   Unita' mobile legate alla larghezza: nessun dimensionamento con barre browser mobili. */
.hero-mobile-cta{display:none}
@media (min-width:801px){
  .hero .bottle-row{height:clamp(345px,31vw,445px);gap:clamp(14px,1.55vw,26px)}
  .hero-products{margin-top:0}
}
@media (max-width:800px){
  .hero-grid{grid-template-rows:auto auto auto;align-content:center;row-gap:clamp(24px,6vw,36px);padding-bottom:clamp(48px,12vw,70px)}
  .hero-copy .button-gold{display:none}
  .hero-products{align-self:center}
  .hero-products .bottle-row{height:clamp(220px,66vw,310px);gap:clamp(2px,1.1vw,7px)}
  .hero-mobile-cta{display:inline-flex;justify-self:center;align-self:center;gap:22px;-webkit-tap-highlight-color:transparent}
}
@media (max-width:410px){
  .hero-grid{row-gap:clamp(18px,5.5vw,26px)}
  .hero-products .bottle-row{height:clamp(210px,65vw,265px)}
}

/* CHINCANA V0.7 — taratura geometrica finale della sola Hero.
   Desktop: aumenta l'altezza visibile mantenendo la partenza superiore,
   distribuisce le bottiglie sull'intera colonna destra con margini simmetrici
   rispetto alla shell. Nessun intervento alle animazioni touch o allo scroll. */
@media (min-width:801px) {
  .hero-products {
    min-width:0;
    width:100%;
  }
  .hero-products .bottle-row {
    height:clamp(410px,39vw,555px);
    width:100%;
    justify-content:space-between;
    gap:0;
    /* L'incremento di altezza cresce prevalentemente verso il basso. */
    transform:translateY(clamp(25px,3.65vw,49px));
  }
  .hero-products .bottle {
    flex:0 0 22%;
    height:100%;
    min-width:0;
  }
  .hero-products .bottle a {
    width:100%;
    height:100%;
  }
  .hero-products .bottle img {
    width:auto;
    max-width:100%;
    height:100%;
    object-fit:contain;
  }
}

/* Mobile: CTA più compatta, centrata nello spazio residuo fra bottiglie
   e fondo hero. Dimensionamenti basati sui vw, stabili su Chrome iOS. */
@media (max-width:800px) {
  .hero-grid {
    grid-template-rows:auto auto minmax(92px,1fr);
    align-content:stretch;
    row-gap:0;
    padding-bottom:clamp(27px,7vw,50px);
  }
  .hero-products {
    align-self:center;
    margin-top:clamp(24px,6vw,34px);
  }
  .hero-mobile-cta {
    align-self:center;
    justify-self:center;
    width:max-content;
    max-width:100%;
    min-height:42px;
    padding:11px 19px;
    gap:18px;
    font-size:10px;
    line-height:1.25;
    letter-spacing:.055em;
  }
  .hero-mobile-cta span {font-size:16px;line-height:1}
}

/* V1.1: transizione dei soli collegamenti lunghi oltre la sezione sticky. */
.chincana-nav-veil{position:fixed;inset:0;z-index:9999;background:var(--dark);opacity:0;pointer-events:none;transition:opacity .26s ease}
.chincana-nav-veil.is-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.chincana-nav-veil{transition:none}}

/* V1.4 — Due fotografie di prova approvate per la Home */
.story-photo-real{background:#abb19c;}
.story-photo-real img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center;}
.contact.contact-photo-real{position:relative;isolation:isolate;background:#16251c;}
.contact.contact-photo-real::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/foto-terra-tavola.webp');background-size:cover;background-position:center 54%;}
.contact.contact-photo-real::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,27,18,.79),rgba(13,27,18,.68)),linear-gradient(0deg,rgba(8,20,12,.45),transparent 60%);}
.contact.contact-photo-real .contact-inner{position:relative;z-index:1;}
.contact.contact-photo-real .contact-inner>p:not(.eyebrow){color:#f0f0e8;}
@media(max-width:800px){.story-photo-real img{object-position:38% center;}.contact.contact-photo-real::before{background-position:52% center;}.contact.contact-photo-real::after{background:rgba(10,23,15,.73);}}

/* V1.5 — Pulsanti condivisi, verde / oro / link semplice */
body .button-gold,
body .outline-button,
body .ct-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,1.6vw,22px);
  border:1px solid transparent;
  border-radius:999px;
  min-height:52px;
  padding:13px 25px;
  font-family:var(--sans);
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.065em;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  transition:background-color .22s ease,color .22s ease,box-shadow .22s ease;
}
/* Su superfici chiare: verde pieno, testo avorio. */
body .outline-button{
  background:var(--deep);
  color:var(--cream);
  border-color:var(--deep);
}
/* Sulle superfici scure: oro pieno, testo scuro. */
body .button-gold,
body .territory-copy .outline-button,
body .catalog-closing .outline-button,
body .contact .outline-button,
body .about-page .about-hero .outline-button,
body .frantoio-page .fr-hero .outline-button{
  background:var(--gold);
  color:var(--deep);
  border-color:var(--gold);
}
@media (hover:hover) and (pointer:fine){
  body .outline-button:hover{background:#314839;border-color:#314839;color:var(--cream);transform:none;box-shadow:0 5px 15px #00000018}
  body .button-gold:hover,
  body .territory-copy .outline-button:hover,
  body .catalog-closing .outline-button:hover,
  body .contact .outline-button:hover{background:#dfc77d;border-color:#dfc77d;color:var(--deep);transform:none;box-shadow:0 5px 15px #00000020}
  body .button-gold:hover .ch-btn-arrow,
  body .outline-button:hover .ch-btn-arrow{transform:translateX(3px)}
}
body .button-gold .ch-btn-arrow,
body .outline-button .ch-btn-arrow{
  width:18px;height:18px;display:block;flex:0 0 18px;transition:transform .22s ease;
}
body .button-gold span,body .outline-button span{font-size:inherit}
@media(max-width:800px){
  body .button-gold,body .outline-button{min-height:46px;padding:12px 20px;font-size:11px}
  body .hero-mobile-cta{min-height:42px;padding:11px 19px;font-size:10px}
}
@media (hover:none), (pointer:coarse){
  body .button-gold,body .outline-button,body .ch-btn-arrow{transform:none!important}
}
@media(prefers-reduced-motion:reduce){body .button-gold,body .outline-button,body .ch-btn-arrow{transition:none!important}}

/* V1.5.1 — Ripristino esclusivita CTA Hero: la regola globale V1.5
   forzava display:inline-flex anche sul pulsante riservato al mobile. */
@media (min-width:801px){
  body .hero-mobile-cta{display:none;}
}
@media (max-width:800px){
  body .hero-copy .button-gold{display:none;}
  body .hero-mobile-cta{display:inline-flex;}
}


/* CHINCANA Final — photographic placements & social footer */
.story-photo-real img{object-position:50% 50%;}
@media(max-width:800px){.story-photo-real img{object-position:48% 50%;}}
.mill-photo-final img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;}
.footer-socials{display:flex;align-items:center;gap:12px;margin-top:22px}
.footer-socials a{width:42px;height:42px;border:1px solid #8b9b8999;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#f5f2e9;transition:border-color .2s,color .2s,background .2s}
.footer-socials a:hover,.footer-socials a:focus-visible{color:#c8ab60;border-color:#c8ab60;background:#c8ab6014}
.footer-socials svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-credit .homa-link{display:inline-flex;align-items:center;padding:3px;border-radius:3px}
.footer-credit .homa-link img{display:block;width:115px;max-width:100%;height:auto;object-fit:contain}
.footer-credit .homa-link:focus-visible{outline:2px solid #c8ab60;outline-offset:3px}

/* V1.6.1 — credito studio: immagine senza margini interni e proporzioni controllate */
.footer-credit{gap:9px;align-items:center;flex-wrap:nowrap;}
.footer-credit-label{flex:0 0 auto;}
.footer-credit .homa-link{padding:0;flex:0 0 auto;line-height:0;}
.footer-credit .homa-link img{width:96px;max-width:none;height:auto;object-fit:contain;}
@media(max-width:800px){
  .footer-credit{gap:9px;justify-content:flex-start;flex-wrap:nowrap;max-width:100%;}
  .footer-credit-label{font-size:10px;letter-spacing:.06em;}
  .footer-credit .homa-link img{width:95px;}
}

/* V1.6.2 — Firma HomaVEO: discreta, a destra su mobile e desktop. */
.footer-credit .homa-link img {
  width: 76px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 800px) {
  .footer-base .footer-credit {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
  }
  .footer-credit .homa-link { margin-left: auto; }
  .footer-credit .homa-link img { width: 72px; }
}


/* V1.6.3 — Credito HomaVEO compatto, gruppo a destra su mobile. */
.footer-brand-link{display:inline-block;line-height:0;border-radius:3px;}
.footer-brand-link:focus-visible{outline:2px solid #c8ab60;outline-offset:5px;}
@media (max-width:800px){
  .footer-base .footer-credit{
    width:100%;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:nowrap;
  }
  .footer-credit .homa-link{margin-left:0;flex:0 0 auto;}
  .footer-credit .homa-link img{width:54px;max-width:none;height:auto;}
}

/* V1.8.2 — gentle single outline on the unselected aromatizzati tab. */
.product-tab[aria-selected="false"]:before{content:"";position:absolute;inset:2px -9px 6px;border:1px solid rgba(162,140,82,.42);border-radius:7px;pointer-events:none}
.product-tabs.tabs-discovered #tab-aromi[aria-selected="false"]:before{animation:ch-home-outline-in 900ms ease-out both}
@keyframes ch-home-outline-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.product-tabs.tabs-discovered #tab-aromi:before{animation:none}}

/* V1.8.3: Home mobile only — separate tab outlines without changing catalogue layout */
@media(max-width:800px){
  .product-tabs{gap:clamp(16px,4vw,24px)!important;}
  .product-tab[aria-selected="false"]::before{left:-4px;right:-4px;}
}
@media(max-width:410px){
  .product-tabs{gap:clamp(12px,3vw,17px)!important;}
  .product-tab[aria-selected="false"]::before{left:-3px;right:-3px;}
}



/* V1.8.3 R3 — Home mobile: breathing room for inactive tab outline. */
@media (max-width:800px) {
  .products .product-tabs {gap:clamp(19px,4.5vw,25px)!important;}
  .products .product-tab[aria-selected="false"]::before {left:-7px;right:-7px;}
}
@media (max-width:410px) {
  .products .product-tabs {gap:clamp(15px,3.8vw,19px)!important;}
  .products .product-tab[aria-selected="false"]::before {left:-6px;right:-6px;}
}