.skip-link{position:absolute;top:-100%;left:1rem;background:var(--c);color:var(--g);padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;z-index:200;border-radius:0 0 4px 4px;transition:top .15s}.skip-link:focus{top:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--g: #0E1F14;--g2: #0B1910;--c: #B87333;--l: #F7EFE1;--td: #1A1208;--tl: #F0E8D8;--tls: rgba(240,232,216,.6)}::selection{background:var(--c);color:var(--l)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--g2)}::-webkit-scrollbar-thumb{background:var(--c);border-radius:2px}html{scroll-behavior:smooth}body{font-family:Jost,system-ui,sans-serif;font-weight:300;color:var(--td);background:var(--g);line-height:1.7;overflow-x:hidden}:focus-visible{outline:2px solid var(--c);outline-offset:3px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav{position:fixed;inset:0 0 auto;z-index:100;padding:1rem 2.5rem;display:flex;align-items:center;justify-content:space-between;transition:background .5s,border-color .5s;border-bottom:1px solid transparent}nav.solid{background:var(--g);border-bottom-color:#b873332e}.nav-logo img{height:34px;width:auto;display:block}.nav-links{display:flex;gap:2.25rem;list-style:none}.nav-links a{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--tls);transition:color .2s}.nav-links a:hover{color:var(--c)}.display{font-family:Bodoni Moda,Georgia,serif;font-style:italic;font-weight:400;line-height:1.12;letter-spacing:-.02em}.display.light{color:var(--tl)}.display.dark{color:var(--td)}.display.xl{font-size:clamp(2.4rem,5.5vw,5rem)}.display.lg{font-size:clamp(2rem,4.5vw,3.8rem)}.body{font-size:1rem;line-height:1.78}.body.light{color:var(--tls)}.body.dark{color:#1a1208b3}.gap-sm{height:1.25rem}.gap-md{height:2rem}.hero{min-height:100vh;background:var(--g);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}.hero-bg{position:absolute;inset:0;background-image:url(https://www.cipolladialife.it/wp-content/uploads/2026/07/vessicchio.png);background-size:cover;background-position:center top;opacity:.07;filter:saturate(.2) blur(2px)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 50%,rgba(184,115,51,.09) 0%,transparent 65%);pointer-events:none}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.25rem;padding:0 2rem;animation:enter 1.5s cubic-bezier(.16,1,.3,1) .1s both}@keyframes enter{0%{opacity:0;filter:blur(10px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.hero-logo{width:clamp(180px,33vw,290px);height:auto}.hero-sub{display:flex;flex-direction:column;align-items:center;gap:.45rem}.hero-title{font-family:Jost,sans-serif;font-weight:200;font-size:clamp(.6rem,1.4vw,.75rem);letter-spacing:.5em;text-transform:uppercase;color:var(--tls)}.hero-presidio{font-family:Jost,sans-serif;font-weight:400;font-size:clamp(.55rem,1.2vw,.68rem);letter-spacing:.4em;text-transform:uppercase;color:var(--c)}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem}.scroll-hint span{font-size:.58rem;font-weight:300;letter-spacing:.35em;text-transform:uppercase;color:#f0e8d840}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--c),transparent);animation:line-drop 2.2s cubic-bezier(.16,1,.3,1) 2s both;transform-origin:top}@keyframes line-drop{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.tradition{display:grid;grid-template-columns:1fr 1fr;background:var(--g)}.tradition-image{overflow:hidden;min-height:60vh}.tradition-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.tradition-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(3.5rem,8vw,7rem)}.sf-badge{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--c)}.sf-badge:before{content:"";display:block;width:22px;height:1px;background:var(--c);flex-shrink:0}.qualitat{display:grid;grid-template-columns:1fr 1fr;background:var(--l)}.qualitat-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(3.5rem,8vw,7rem)}.qualitat-image{overflow:hidden;min-height:60vh}.qualitat-image img{width:100%;height:100%;object-fit:cover;display:block}.q-list{display:flex;flex-direction:column}.q-item{display:flex;gap:1.5rem;align-items:flex-start;padding:2rem 0;border-bottom:1px solid rgba(26,18,8,.1)}.q-item:first-child{border-top:1px solid rgba(26,18,8,.1)}.q-n{font-family:Bodoni Moda,serif;font-style:italic;font-size:2.8rem;font-weight:400;color:var(--c);line-height:1;min-width:2.2rem;flex-shrink:0;padding-top:.05rem}.q-body h3{font-family:Bodoni Moda,serif;font-style:italic;font-size:1.15rem;font-weight:400;color:var(--td);margin-bottom:.35rem}.q-body p{font-size:.875rem;line-height:1.7;color:#1a1208a6}.storia{background:var(--g2);padding:clamp(4rem,10vw,8rem) clamp(2rem,8vw,7rem)}.storia-head{text-align:center;margin-bottom:clamp(3rem,7vw,5.5rem)}.storia-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem}.storia-item{display:flex;flex-direction:column;gap:1.1rem}.st-n{font-family:Bodoni Moda,serif;font-style:italic;font-size:3.5rem;font-weight:400;color:var(--c);opacity:.5;line-height:1}.storia-item h3{font-family:Bodoni Moda,serif;font-style:italic;font-size:1.2rem;font-weight:400;color:var(--tl);line-height:1.3}.storia-item p{font-size:.875rem;line-height:1.72;color:var(--tls)}.quote{background:var(--c);padding:clamp(4rem,10vw,7rem) clamp(2rem,10vw,12rem);text-align:center}.quote-text{font-family:Bodoni Moda,serif;font-style:italic;font-size:clamp(1.5rem,3.5vw,2.8rem);font-weight:400;color:var(--g);line-height:1.35;max-width:26ch;margin:0 auto;letter-spacing:-.01em}.quote-attr{margin-top:2rem;font-size:.8rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--g)}.produkte{background:var(--l)}.produkte-head{padding:clamp(3.5rem,8vw,6rem) clamp(2rem,8vw,7rem) clamp(2rem,4vw,3rem)}.produkte-body{display:grid;grid-template-columns:1fr 1fr}.produkte-image{overflow:hidden;min-height:55vh}.produkte-image img{width:100%;height:100%;object-fit:cover;display:block}.produkte-list{display:flex;flex-direction:column;padding:0 clamp(2.5rem,6vw,6rem);justify-content:center}.p-item{display:flex;gap:1.5rem;align-items:flex-start;padding:2.5rem 0;border-bottom:1px solid rgba(26,18,8,.1)}.p-item:first-child{border-top:1px solid rgba(26,18,8,.1)}.p-n{font-family:Bodoni Moda,serif;font-style:italic;font-size:2rem;color:var(--c);line-height:1.2;min-width:1.75rem;flex-shrink:0}.p-body h3{font-family:Bodoni Moda,serif;font-style:italic;font-size:1.25rem;font-weight:400;color:var(--td);margin-bottom:.45rem}.p-body p{font-size:.875rem;line-height:1.7;color:#1a1208ad;max-width:44ch}footer{background:var(--g);padding:clamp(3rem,8vw,5rem) clamp(2rem,8vw,7rem);display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:3rem;border-top:1px solid rgba(184,115,51,.18)}.footer-logo img{height:44px;width:auto}.footer-contact{display:flex;flex-direction:column;gap:.3rem}.footer-contact p{font-size:.8rem;color:var(--tls);line-height:1.55}.footer-contact a{color:var(--c);text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-note p{font-size:.7rem;letter-spacing:.1em;color:#f0e8d88c;line-height:1.7;text-align:right}@media(max-width:900px){nav{padding:.875rem 1.25rem}.nav-links{display:none}.tradition{grid-template-columns:1fr}.tradition-image{min-height:55vw;max-height:420px}.qualitat{grid-template-columns:1fr}.qualitat-image{min-height:55vw;max-height:420px;order:-1}.storia-grid{grid-template-columns:1fr;gap:2.5rem}.produkte-body{grid-template-columns:1fr}.produkte-image{min-height:55vw;max-height:360px}.produkte-list{padding:clamp(2rem,6vw,3.5rem)}footer{grid-template-columns:1fr;gap:2rem}.footer-note p{text-align:left}}@media(max-width:480px){.display.xl{font-size:clamp(1.9rem,8vw,2.8rem)}.display.lg{font-size:clamp(1.7rem,7vw,2.5rem)}}