@font-face{font-family:"Bodoni Moda";src:url(../fonts/bodoni-moda.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:"Bodoni Moda";src:url(../fonts/bodoni-moda-italic.woff2)format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:"DM Sans";src:url(../fonts/dm-sans.woff2)format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}:root{--pino:#10261C;--pino-2:#183427;--gesso:#F3EEE3;--terra:#C4683F;--terra-chiara:#F0B08A;--acqua:#8ED8D4;--prato:#86B552;--serif:"Bodoni Moda", "Didot", "Times New Roman", serif;--sans:"DM Sans", system-ui, -apple-system, sans-serif;--gutter:clamp(20px, 5vw, 72px);--max:1320px;--ease:cubic-bezier(.22, .61, .36, 1);--pannello:min(470px, 36vw)}*,::before,::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--pino);color:var(--gesso);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit}i,em{font-style:italic}h1,h2,h3{font-weight:400;margin:0}p{margin:0}::selection{background:var(--terra-chiara);color:var(--pino)}:focus-visible{outline:2px solid var(--acqua);outline-offset:3px}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--gesso);color:var(--pino);padding:10px 16px;border-radius:4px;text-decoration:none}.skip:focus{top:12px}.wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}.kicker{display:flex;align-items:center;gap:12px;font:500 12px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--acqua);margin-bottom:24px}.kicker::before{content:"";width:26px;height:1px;background:currentColor;flex:none}.kicker b{font:500 13px/1 var(--serif);letter-spacing:.08em;color:var(--gesso)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;font:500 14px/1 var(--sans);letter-spacing:.03em;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.btn--light{background:var(--gesso);color:var(--pino)}.btn--light:hover{background:var(--terra-chiara)}.btn--line{border-color:rgba(243,238,227,.5);color:var(--gesso);background:rgba(16,38,28,.18)}.btn--line:hover{border-color:var(--terra-chiara);color:var(--terra-chiara)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.roll{display:inline-block;overflow:hidden;vertical-align:top;height:1.3em;line-height:1.3}.roll .r-i{display:block;text-shadow:0 1.3em 0 currentColor;transition:transform .55s var(--ease)}a:hover .roll .r-i,a:focus-visible .roll .r-i{transform:translateY(-1.3em)}.campo{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;z-index:0;display:block;background:#3e6534}.no-js .campo{display:none}.velo{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(16,38,28,.86)0,rgba(16,38,28,.62) 26%,rgba(16,38,28,.18) 44%,rgba(16,38,28,0) 56%),linear-gradient(180deg,rgba(16,38,28,.55)0,rgba(16,38,28,0) 130px);transition:opacity .8s var(--ease)}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:36px;padding:calc(env(safe-area-inset-top) + 18px) var(--gutter) 18px}.nav__brand{font:500 25px/1 var(--serif);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:12px;text-shadow:0 1px 14px rgba(16,38,28,.4)}.nav__brand span{font:500 10.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--acqua);margin-top:4px}.nav__marchio{width:40px;height:40px;flex:none;margin:-4px 0}.nav__links{display:flex;gap:28px;margin-left:auto}.nav__links a{font-size:14px;text-decoration:none;letter-spacing:.03em;opacity:.88;transition:opacity .3s,color .3s;text-shadow:0 1px 12px rgba(16,38,28,.5)}.nav__links a:hover,.nav__links a.is-qui{opacity:1;color:var(--terra-chiara)}.nav__cta{min-height:42px;padding:0 20px;font-size:13px}.suono{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px 0 12px;border-radius:999px;border:1px solid rgba(243,238,227,.35);background:rgba(16,38,28,.18);color:rgba(243,238,227,.85);font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease),opacity .3s var(--ease)}.suono[hidden]{display:none}.suono:hover{border-color:var(--terra-chiara);color:var(--terra-chiara)}.suono__ic{width:18px;height:18px;flex:none}.suono__onde{display:none}.suono[aria-pressed=true]{color:var(--terra-chiara);border-color:rgba(240,176,138,.6)}.suono[aria-pressed=true] .suono__onde{display:inline}.suono[aria-pressed=true] .suono__x{display:none}.pausa{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(243,238,227,.35);background:rgba(16,38,28,.18);color:rgba(243,238,227,.85);cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease)}.pausa[hidden]{display:none}.pausa:hover{border-color:var(--terra-chiara);color:var(--terra-chiara)}.pausa__ic{width:18px;height:18px}.pausa__via{display:none}.pausa.is-ferma .pausa__via{display:inline}.pausa.is-ferma .pausa__pausa{display:none}.suono.is-carica{opacity:.6;cursor:progress}.suono.is-attesa{color:var(--gesso);border-color:rgba(240,176,138,.7);animation:suono-attesa 2.4s var(--ease) infinite}@keyframes suono-attesa{50%{border-color:rgba(240,176,138,.2)}}@media (prefers-reduced-motion:reduce){.suono.is-attesa{animation:none}}.ora{position:fixed;right:var(--gutter);top:50%;transform:translateY(-50%);z-index:20;display:grid;justify-items:end;gap:6px;text-shadow:0 1px 14px rgba(16,38,28,.55)}.ora__h{font:500 clamp(30px,2.8vw,42px)/1 var(--serif);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em}.ora__l{font:500 11px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--acqua);margin-bottom:18px}.ora__tappe{list-style:none;margin:0;padding:0;display:grid;gap:4px;justify-items:end}.ora__tappe a{display:flex;align-items:center;gap:12px;padding:5px 0;text-decoration:none;font-size:12.5px;letter-spacing:.06em;opacity:.62;transition:opacity .4s}.ora__tappe a span{order:-1}.ora__tappe i{width:7px;height:7px;border-radius:50%;border:1px solid currentColor;transition:background .4s,transform .4s}.ora__tappe a:hover,.ora__tappe a.is-qui{opacity:1}.ora__tappe a.is-qui i{background:var(--terra-chiara);border-color:var(--terra-chiara);transform:scale(1.5)}.ora__tappe a.is-qui span{color:var(--terra-chiara)}.no-js .ora{display:none}main{position:relative;z-index:2}.tappa{position:relative;height:190vh}.tappa--intro{height:150vh}.tappa--contatti{height:170vh}.tappa__pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding:90px var(--gutter) 60px}.volo{height:45vh;display:flex;align-items:center;justify-content:center;pointer-events:none}.volo span{position:sticky;top:50%;font:500 11px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:rgba(243,238,227,.82);text-shadow:0 1px 12px rgba(16,38,28,.7);opacity:0;transition:opacity .6s;margin-left:30vw}.volo.is-in span{opacity:1}.pannello{width:var(--pannello)}.pannello h1,.pannello h2{font:400 clamp(40px,4.3vw,68px)/1.02 var(--serif);letter-spacing:-.01em}.pannello h1{font-size:clamp(44px,5.2vw,84px)}.pannello h1 i,.pannello h2 i{color:var(--terra-chiara)}.pannello__lead{margin-top:26px;font-size:clamp(16px,1.15vw,18px);line-height:1.62;color:rgba(243,238,227,.88);max-width:34em}.pannello__azioni{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.dati{list-style:none;margin:34px 0 0;padding:22px 0 0;border-top:1px solid rgba(243,238,227,.22);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dati li{display:grid;gap:6px}.dati b{font:500 clamp(26px,2.3vw,36px)/1 var(--serif);font-variant-numeric:lining-nums}.dati span{font-size:12.5px;line-height:1.35;color:rgba(243,238,227,.7)}.contatti{display:grid;gap:14px;margin-top:30px}.contatti p{display:grid;gap:4px;font-size:16px}.contatti p>span{font:500 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--acqua)}.contatti a{text-decoration-thickness:1px;text-underline-offset:4px;word-break:break-word}.js .pannello>*{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform 1s var(--ease)}.js .tappa.is-in .pannello>*{opacity:1;transform:none}.js .tappa.is-in .pannello>:nth-child(2){transition-delay:.08s}.js .tappa.is-in .pannello>:nth-child(3){transition-delay:.16s}.js .tappa.is-in .pannello>:nth-child(4){transition-delay:.24s}.js .tappa.is-in .pannello>:nth-child(5){transition-delay:.32s}.suggerimento{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;font:500 10.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:rgba(243,238,227,.8);text-shadow:0 1px 10px rgba(16,38,28,.6);transition:opacity .5s}.suggerimento__riga{width:1px;height:46px;background:linear-gradient(rgba(243,238,227,0),var(--gesso));animation:goccia 2.2s var(--ease) infinite;transform-origin:top}@keyframes goccia{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.is-scorso .suggerimento{opacity:0}.footer{position:relative;z-index:2;background:var(--pino);padding:46px 0 40px;border-top:1px solid rgba(243,238,227,.1)}.footer__in{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:baseline}.footer__brand{font:500 22px/1 var(--serif);white-space:nowrap}.footer__brand span{display:block;margin-top:10px;font:500 10.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--acqua)}.footer__demo{font-size:13px;color:rgba(243,238,227,.64);max-width:62em;justify-self:end;text-align:right}.footer__demo a{color:var(--terra-chiara);font-weight:600;text-underline-offset:3px}.carica{display:none}html.carica-on,html.carica-on body{overflow:hidden}html.carica-on .carica{display:grid;place-items:center;position:fixed;inset:0;z-index:200;background:radial-gradient(70% 60%at 50% 42%,#1c3b2c,var(--pino) 72%);color:var(--gesso);animation:carica-salva .01s 20s forwards}@keyframes carica-salva{to{visibility:hidden}}.carica.esce{transform:translateY(-100%);transition:transform .7s cubic-bezier(.87,0,.13,1)}.carica__c{display:flex;flex-direction:column;align-items:center;transition:opacity .55s cubic-bezier(.55,0,1,.45),transform .55s cubic-bezier(.55,0,1,.45)}.carica.esce .carica__c{opacity:0;transform:translateY(-30px)}.carica__m{width:clamp(84px,8vw,112px);height:auto;margin-bottom:28px;overflow:visible}.carica__bordo{stroke-dasharray:1 2;stroke-dashoffset:1.02;animation:carica-traccia 1.2s cubic-bezier(.65,0,.35,1) .1s forwards}.carica__nastro,.carica__v{opacity:0;animation:carica-op .6s ease .9s forwards}.carica__v{transform-box:fill-box;transform-origin:center;animation:carica-q .7s cubic-bezier(.16,1,.3,1) 1s forwards}@keyframes carica-traccia{to{stroke-dashoffset:0}}.carica__q{opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center;animation:carica-q .7s cubic-bezier(.16,1,.3,1) forwards}.carica__q{animation-delay:calc(.25s + var(--i)*.022s)}@keyframes carica-q{to{opacity:1;transform:none}}.carica__nome{display:flex;overflow:hidden;font:500 clamp(30px,3.6vw,46px)/1.15 var(--serif);letter-spacing:.3em;margin-right:-.3em}.carica__nome span{display:inline-block;transform:translateY(110%);animation:carica-su .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.45s + var(--k)*.06s)}@keyframes carica-su{to{transform:none}}.carica__riga{position:relative;width:min(240px,58vw);height:1px;margin:20px 0 18px;background:rgba(243,238,227,.14);overflow:hidden}.carica__riga i{position:absolute;inset:0;background:linear-gradient(90deg,var(--terra),var(--acqua));transform-origin:0 50%;transform:scaleX(var(--p, 0));transition:transform .5s cubic-bezier(.33,1,.68,1)}.carica__sub{font:500 11px/1 var(--sans);letter-spacing:.44em;margin-right:-.44em;text-transform:uppercase;color:rgba(243,238,227,.6);opacity:0;animation:carica-op .7s ease 1s forwards}@keyframes carica-op{to{opacity:1}}@media (max-width:1100px){.nav__links{display:none}.suono{margin-left:auto}:root{--pannello:min(440px, 44vw)}}@media (max-width:760px){body{font-size:16px}.nav{padding-block:calc(env(safe-area-inset-top) + 14px) 14px;gap:14px}.nav__brand{font-size:21px;gap:10px}.nav__brand span{display:none}.nav__marchio{width:34px;height:34px}.nav__cta{min-height:38px;padding:0 16px;font-size:12.5px}.suono{min-height:38px;width:38px;padding:0;justify-content:center}.suono__t{display:none}.pausa{width:38px;height:38px}.velo{background:linear-gradient(180deg,rgba(16,38,28,.6)0,rgba(16,38,28,0) 110px)}.pannello{text-shadow:0 1px 2px rgba(10,24,17,.55),0 2px 18px rgba(10,24,17,.75),0 0 42px rgba(10,24,17,.55)}.pannello__lead,.dati span,.contatti p{color:#f3eee3}.tappa{height:175vh}.tappa--intro{height:135vh}.tappa__pin{align-items:flex-end;padding:80px var(--gutter) calc(env(safe-area-inset-bottom) + 30px)}.pannello{width:100%}.pannello h1,.pannello h2{font-size:clamp(32px,9vw,42px)}.pannello h1{font-size:clamp(36px,10.4vw,48px)}.pannello__lead{margin-top:16px;font-size:15px;line-height:1.55}.pannello__azioni{margin-top:22px}.pannello__azioni .btn{min-height:44px;padding:0 20px}.kicker{margin-bottom:16px;font-size:11px}.dati{margin-top:20px;padding-top:16px;gap:12px}.dati b{font-size:24px}.dati span{font-size:11.5px}.contatti{margin-top:20px;gap:10px}.contatti p{font-size:15px}.ora{top:calc(env(safe-area-inset-top) + 70px);right:var(--gutter);transform:none;gap:4px}.ora__h{font-size:24px}.ora__l{margin-bottom:0;font-size:9.5px}.ora__tappe{display:none}.volo span{margin-left:0;top:30%}.suggerimento{display:none}.footer__in{grid-template-columns:1fr;gap:18px}.footer__demo{justify-self:start;text-align:left}}@media (max-width:760px) and (max-height:700px){.pannello__lead{font-size:14px}.dati span{display:none}}@media (prefers-reduced-motion:reduce){.js .pannello>*{opacity:1;transform:none;transition:none}.suggerimento__riga{animation:none}}.js .tappa--intro:not(.is-in) .pannello>*{opacity:.01}
@media (max-width: 320px) {
  .nav { gap: 6px; padding-left: 12px; padding-right: 12px; }
  .nav__brand { font-size: 16px; gap: 6px; }
  .nav__marchio { width: 26px; height: 26px; }
  .suono { width: 32px; min-height: 32px; }
  .pausa { width: 32px; height: 32px; }
  .nav__cta { min-height: 34px; padding: 0 10px; font-size: 11.5px; }
}
@media (orientation: landscape) and (max-height: 500px) and (min-width: 761px) {
  .pannello--intro { width: min(520px, 62vw); }
  .pannello--intro .kicker { margin-bottom: 8px; }
  .pannello--intro h1 { font-size: 32px; }
  .pannello--intro .pannello__lead { margin-top: 10px; font-size: 13.5px; line-height: 1.45; }
  .pannello--intro .pannello__azioni { margin-top: 12px; }
  .pannello--intro .btn { min-height: 38px; }
}