@media (max-width:760px){[data-innesti~=hero] .h-hero{--hero-pill:18px;--hero-h1:10.3vw;--hero-righe:5;flex-direction:column;align-items:stretch;gap:0;padding-top:16px;display:flex}[data-innesti~=hero] :is(.h-hero__testo,.h-hero__cta){display:contents}[data-innesti~=hero] .h-hero :is(.h-pill,h1,p,.h-btn){z-index:2;position:relative}[data-innesti~=hero] .h-hero .h-pill{font-size:clamp(13px,3.4vw,15px);line-height:var(--hero-pill);white-space:nowrap;order:1}[data-innesti~=hero] .h-hero h1{font-size:var(--hero-h1);letter-spacing:-.035em;order:2;margin:12px 0 0;line-height:.94}[data-innesti~=hero] .h-hero__stage{aspect-ratio:auto;--hero-stage:max(300px, calc(100svh - 96px - 16px - var(--hero-pill) - 12px - var(--hero-righe) * .94 * var(--hero-h1) - 8px - 56px - 24px));width:auto;max-width:none;width:calc((100% + var(--h-gut)) * .9);margin:calc(var(--hero-stage) * .05) 0;height:calc(var(--hero-stage) * .9);order:3;align-self:center;container-type:inline-size}[data-innesti~=hero] .h-hero .h-btn{flex:none;justify-content:center;width:100%}[data-innesti~=hero] .h-hero .h-btn:first-child{order:4;margin-top:8px}[data-innesti~=hero] .h-hero p{order:5;margin:calc(56px + 100lvh - 100svh) 0 0}[data-innesti~=hero] .h-hero .h-btn:last-child{order:6;margin-top:24px}[data-innesti~=hero] .h-hero__stage:after{content:"";background:var(--h-petrolio);opacity:0;pointer-events:none;width:44px;height:16px;animation:.6s 1.8s forwards hero-gesto;position:absolute;top:min(50% + 50cqw,100% - 22px);left:50%;translate:-50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5.5C9 9.5 15 11.5 22 11.5S35 9.5 38 5.5'/%3E%3Cpath d='M3.5 8.5 6 5.5l3.4 1.6M40.5 8.5 38 5.5l-3.4 1.6'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5.5C9 9.5 15 11.5 22 11.5S35 9.5 38 5.5'/%3E%3Cpath d='M3.5 8.5 6 5.5l3.4 1.6M40.5 8.5 38 5.5l-3.4 1.6'/%3E%3C/svg%3E") 50%/contain no-repeat}@supports (animation-timeline:scroll()){[data-innesti~=hero] .h-hero__stage:after{animation:.6s 1.8s forwards hero-gesto,linear both hero-gesto-via;animation-timeline:auto,scroll(root);animation-range:normal,0 120px}}[data-innesti~=hero] .h-hero__stage:active:after{transition:opacity .2s;opacity:0!important}html.h-pila-no3d [data-innesti~=hero] .h-hero__stage:after{display:none}}@keyframes hero-gesto{to{opacity:.5}}@keyframes hero-gesto-via{0%{filter:opacity()}to{filter:opacity(0)}}@media (prefers-reduced-motion:reduce){[data-innesti~=hero] .h-hero__stage:after{opacity:.5;animation:none}}@media (min-width:761px){:is([data-he=a],[data-he=c]) .h-hero{--he-t:clamp(34px, 3.4vw, 50px);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:0;min-height:calc(100svh - 96px);padding-top:0}:is([data-he=a],[data-he=c]) .h-hero h1{font-size:var(--he-t);margin:16px 0 24px}:is([data-he=a],[data-he=c]) .h-hero p{max-width:calc(10.2 * var(--he-t) + 40px)}:is([data-he=a],[data-he=c]) .h-hero__stage{max-width:none;width:calc((100% + var(--h-gut)) * .81);aspect-ratio:auto;place-self:center;height:min(63svh,616px);translate:none}}[data-he=b] .h-hero__stage:before{content:"";pointer-events:none;opacity:.24;top:calc(-1 * var(--he-y));bottom:calc(-1 * var(--he-y));left:calc(50% - var(--he-x));right:var(--he-r);background:url(../media/pila-disegno.2j12p61p0pgn6.svg) no-repeat;background-size:calc(914 * var(--s)) auto;background-position:calc(var(--he-x) + var(--he-dx,0px) - 226 * var(--s)) calc(var(--he-y) + var(--he-c) + var(--he-dy,0px) - 274.6 * var(--s));position:absolute}@media (min-width:761px){[data-he=b] .h-hero{--he-t:clamp(34px, 3.4vw, 50px);--he-h:min(56svh, 540px);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:0;min-height:calc(100svh - 96px);padding-top:0}[data-he=b] .h-hero h1{font-size:var(--he-t);margin:16px 0 24px}[data-he=b] .h-hero p{max-width:calc(10.2 * var(--he-t) + 40px)}[data-he=b] .h-hero__stage{aspect-ratio:auto;width:100%;max-width:none;height:var(--he-h);--s:.8px;--he-c:calc(var(--he-h) / 2);--he-x:400px;--he-y:300px;--he-dx:-120px;--he-dy:calc(-9svh - 200px);--he-r:calc(-1 * max(var(--h-gut), (100vw - var(--h-max)) / 2));justify-self:start;translate:0 9svh}}@media (max-width:760px){[data-innesti~=hero][data-he=b] .h-hero__stage{--s:.78px;--he-c:198px;--he-dx:-50px;--he-x:50vw;--he-y:0px;--he-r:calc(-.5 * var(--h-gut))}}html:not(.h-he-on) .h[data-he=c] .h-buio{opacity:1;transition:none}html:not(.h-he-on) .h[data-he=c] .h-vivo:before{opacity:0}html:not(.h-he-on) .h[data-he=c][data-innesti~=nav] .h-nav{--nav-bg:#1d3b42;--nav-fg:#fff;--nav-cta-bg:#fff;--nav-cta-fg:#1b1f22;--nav-cta-hover:#e3e4e5;--nav-line:#ffffff24}html:not(.h-he-on) .h[data-he=c] .h-nav .logo{--logo-k:#eef3f2}.h[data-he=c] .h-hero :is(h1,.h-pill){color:#fff}.h[data-he=c] .h-hero p{color:#d4dedd}.h[data-he=c] .h-hero p strong{color:#fff}.h[data-he=c][data-innesti~=bottoni] .h-hero .h-btn--scuro{color:#1b1f22;background:#fff}.h[data-he=c][data-innesti~=bottoni] .h-hero .h-btn--scuro:hover{background:#e3e4e5}.h[data-he=c][data-innesti~=bottoni] .h-hero :is(.h-btn--bianco,.h-btn--grigio){color:#fff;background:0 0;box-shadow:inset 0 0 0 1.5px #fff}.h[data-he=c][data-innesti~=bottoni] .h-hero :is(.h-btn--bianco,.h-btn--grigio):hover{background:#ffffff1a}.h[data-he=c][data-innesti~=bottoni] .h-hero .h-btn:focus-visible{outline-color:#fff}.h[data-he=c] .h-hero__stage:before{content:"";pointer-events:none;background:radial-gradient(48% 14% at 50% 78%,#96c4c84d,#0000 70%),radial-gradient(46% 42%,#5c8c944d,#0000 72%);transition:opacity .7s;position:absolute;inset:-10% 0}html.h-he-on:not(.h-scuro-on) .h[data-he=c] .h-hero__stage:before,html[data-campo] .h[data-he=c] .h-hero__stage:before{opacity:0}@media (max-width:760px){.h[data-he=c] .h-hero__stage:before{background:radial-gradient(46% 12% at 50% 76%,#96c4c84d,#0000 70%),radial-gradient(48% 40%,#5c8c944d,#0000 72%);inset:-6% -4%}[data-innesti~=hero][data-he=c] .h-hero__stage:after{background:#d4dedd}}