.em{--em-ink:var(--t-testo);--em-blu:var(--t-primario);--em-acqua:var(--t-accento);--em-carta:var(--t-superficie);--em-blu-luce:color-mix(in srgb,var(--t-primario) 50%,var(--t-sfondo));--em-acqua-luce:color-mix(in srgb,var(--t-accento) 38%,var(--t-sfondo));--em-linea:color-mix(in srgb,var(--t-testo) 14%,var(--t-sfondo));--em-ease:cubic-bezier(.22,1,.36,1);--em-fg:var(--t-testo);--em-fg-tenue:var(--t-testo-tenue);position:relative;isolation:isolate}
.em-scuro{--em-fg:var(--t-sfondo);--em-fg-tenue:color-mix(in srgb,var(--t-sfondo) 76%,var(--t-testo));--em-linea:color-mix(in srgb,var(--t-sfondo) 18%,var(--t-testo));--em-accento:var(--em-blu-luce);background:var(--t-testo);color:var(--t-sfondo)}
.em-carta{background:var(--t-superficie)}
.em-sez{padding-block:var(--t-sezione)}
.em *,.em *::before,.em *::after{box-sizing:border-box}
.em :focus-visible{outline:3px solid var(--em-accento,var(--t-fuoco));outline-offset:3px;border-radius:2px}

.em-occ{display:flex;align-items:center;gap:.7rem;margin:0 0 1.15rem;font:700 .8125rem/1.25 var(--t-font-testo);letter-spacing:.14em;text-transform:uppercase;color:var(--em-fg-tenue)}
.em-occ::before{content:"";flex:none;width:.72rem;height:.72rem;background:var(--em-blu)}
.em-h1,.em-h2{margin:0;font-family:var(--t-font-titoli);color:var(--em-fg);text-wrap:balance;overflow-wrap:break-word}
.em-h1{font-weight:800;letter-spacing:-.045em;line-height:.96;font-size:clamp(2.45rem,1.1rem + 6vw,5.75rem)}
.em-h2{font-weight:var(--t-peso-titoli);letter-spacing:-.04em;line-height:1.02;font-size:clamp(1.95rem,1.2rem + 3.2vw,3.7rem)}
.em-h1 em,.em-h2 em,.em-h1 .pf-chiave,.em-h2 .pf-chiave{font-style:normal;color:var(--em-accento,var(--em-blu));background:none;padding:0;margin:0;border-radius:0;animation:none}
.em-lead{margin:1.4rem 0 0;max-width:46ch;font-size:clamp(1.1rem,1.02rem + .45vw,1.35rem);line-height:1.5;color:var(--em-fg-tenue);text-wrap:pretty}
.em-testa{max-width:44rem}
.em-testa .em-lead{margin-top:1.1rem}

.em-azioni{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:2rem}
.em-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.35rem;padding:.8rem 1.55rem;border:2px solid transparent;border-radius:2px;font:700 1.0625rem/1.15 var(--t-font-testo);text-decoration:none;cursor:pointer}
.em-btn:hover{text-decoration:none}
.em-btn svg{flex:none;width:1.25rem;height:1.25rem}
.em-btn--blu{background:var(--em-blu);border-color:var(--em-blu);color:#fff}
.em-btn--blu:hover{background:color-mix(in srgb,var(--em-blu) 86%,#000);border-color:color-mix(in srgb,var(--em-blu) 86%,#000)}
.em-btn--linea{border-color:currentColor;color:var(--em-fg);background:transparent}
.em-btn--linea:hover{background:color-mix(in srgb,var(--em-fg) 10%,transparent)}
.em-btn--bianco{background:var(--t-sfondo);border-color:var(--t-sfondo);color:var(--t-testo)}
.em-btn--bianco:hover{background:color-mix(in srgb,var(--t-sfondo) 88%,var(--em-blu))}
.em-num{font-variant-numeric:tabular-nums}
@media (max-width:30rem){.em-azioni>.em-btn{width:100%}}
.em-link{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;font-weight:700;font-size:1.0625rem;color:var(--em-fg);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.em-link:hover{text-decoration-color:currentColor}
.em-link svg{width:1.1rem;height:1.1rem;flex:none}

.em-quadratini{display:inline-flex;gap:.28rem;vertical-align:middle}
.em-quadratini i{display:block;width:.6rem;height:.6rem;background:var(--em-blu)}
.em-quadratini i:nth-child(even){background:color-mix(in srgb,var(--em-blu) 38%,transparent)}

.em-odo{display:inline-block;line-height:1}
.em-odo__rulli{display:inline-flex;vertical-align:top}
.em-r{display:inline-block;width:var(--w,.62em);height:1em;overflow:hidden;line-height:1;text-align:center}
.em-rullo{display:block;white-space:pre;line-height:1;transform:translateY(calc(var(--d) * -1em))}
.em-fisso{display:inline-block;height:1em}

.em-goccia{display:inline-block;width:1em;height:1em;border-radius:0 50% 50% 50%;transform:rotate(-45deg);background:currentColor}
.em-segno{display:block;width:3.4rem;height:3.4rem}
.em-segno path{fill:var(--em-blu)}
.em-segno path.v{opacity:.2}
.em-scuro .em-segno path{fill:var(--em-blu-luce)}

@media (prefers-reduced-motion:no-preference){
@keyframes em-sale{from{opacity:0;transform:translateY(1.4rem)}}
@keyframes em-q{from{opacity:0;transform:scale(.2)}}
@keyframes em-rulla{from{transform:translateY(0)}}
.em-btn,.em-link svg,.em-segno path{transition:transform calc(260ms * var(--t-movimento,1)) var(--em-ease),background calc(200ms * var(--t-movimento,1)),box-shadow calc(260ms * var(--t-movimento,1)) var(--em-ease)}
@media (hover:hover){.em-btn:hover{transform:translateY(-2px);box-shadow:0 .8rem 1.4rem -.9rem color-mix(in srgb,var(--t-testo) 70%,transparent)}.em-link:hover svg{transform:translateX(.3rem)}}
.em-btn:active{transform:scale(.98);box-shadow:none}
.in .em-quadratini i{animation:em-q calc(480ms * var(--t-movimento,1)) var(--em-ease) backwards;animation-delay:calc(var(--n) * 60ms * var(--t-movimento,1) + 120ms)}
.in .em-r .em-rullo,.em-apri .em-r .em-rullo{animation:em-rulla calc(1100ms * var(--t-movimento,1) + var(--n) * 260ms * var(--t-movimento,1)) var(--em-ease) calc(200ms * var(--t-movimento,1)) backwards}
}
@media print{.em-scuro{background:none;color:#000}}
.em-acqua{--em-accento:var(--em-acqua-luce);--em-acqua-luce:#6fd6ea;background:linear-gradient(155deg,color-mix(in srgb,var(--em-blu) 78%,var(--t-testo)) 0%,color-mix(in srgb,var(--em-acqua) 84%,var(--t-testo)) 100%);color:var(--t-sfondo);--em-fg:var(--t-sfondo);--em-fg-tenue:color-mix(in srgb,var(--t-sfondo) 84%,transparent);--em-linea:color-mix(in srgb,var(--t-sfondo) 26%,transparent)}
.em-bolle{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.em-bolle i{position:absolute;bottom:-12%;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;border:1.5px solid color-mix(in srgb,var(--t-sfondo) 55%,transparent);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--t-sfondo) 38%,transparent),transparent 62%);opacity:.8}
.em-onda{position:absolute;left:0;right:0;bottom:-1px;height:clamp(1.4rem,3vw,2.6rem);overflow:hidden;pointer-events:none;color:var(--onda,var(--t-sfondo))}
.em-onda svg{display:block;width:200%;height:100%;fill:currentColor}
.em-gocce{display:block;position:relative;width:100%;aspect-ratio:1;max-width:26rem;margin-inline:auto}
.em-gocce i{position:absolute;display:block;border-radius:0 50% 50% 50%;transform:rotate(-45deg);background:linear-gradient(135deg,color-mix(in srgb,var(--em-acqua-luce) 92%,var(--t-sfondo)),color-mix(in srgb,var(--em-acqua-luce) 40%,transparent));border:1.5px solid color-mix(in srgb,var(--t-sfondo) 60%,transparent)}
.em-gocce i:nth-child(1){left:12%;top:8%;width:46%;height:46%}
.em-gocce i:nth-child(2){left:52%;top:40%;width:34%;height:34%;opacity:.85}
.em-gocce i:nth-child(3){left:20%;top:58%;width:24%;height:24%;opacity:.7}
@media (prefers-reduced-motion:no-preference){
@keyframes em-sale-bolla{from{transform:translateY(0) translateX(0)}50%{transform:translateY(-62vh) translateX(.9rem)}to{transform:translateY(-124vh) translateX(-.5rem);opacity:0}}
@keyframes em-onda{to{transform:translateX(-50%)}}
@keyframes em-galleggia{50%{transform:rotate(-45deg) translate(.55rem,-.55rem)}}
.em-bolle i{animation:em-sale-bolla calc(var(--t,12s) * var(--t-movimento,1)) linear infinite;animation-delay:calc(var(--d,0s) * -1)}
.em-onda svg{animation:em-onda calc(18s * var(--t-movimento,1)) linear infinite}
.em-gocce i{animation:em-galleggia calc(7s * var(--t-movimento,1)) ease-in-out infinite}
.em-gocce i:nth-child(2){animation-duration:calc(9s * var(--t-movimento,1));animation-delay:-3s}
.em-gocce i:nth-child(3){animation-duration:calc(6s * var(--t-movimento,1));animation-delay:-1.5s}
}
.em.em-apertura{--b:clamp(5.75rem,24vw,7.75rem);padding-top:clamp(1.75rem,.5rem + 4vw,4rem);padding-bottom:clamp(2.5rem,1.5rem + 4vw,4.5rem);overflow:clip}
.em-campo{position:absolute;z-index:-1;top:0;right:0;width:min(44rem,92%);display:grid;grid-template-columns:repeat(8,1fr);gap:.45rem;padding:.45rem;pointer-events:none;-webkit-mask-image:linear-gradient(200deg,#000 10%,transparent 70%);mask-image:linear-gradient(200deg,#000 10%,transparent 70%)}
.em-campo i{display:block;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--t-sfondo) 9%,transparent)}
.em-campo i.p{background:color-mix(in srgb,var(--t-sfondo) 5%,transparent)}
.em-campo i.q{background:color-mix(in srgb,var(--em-blu) 38%,transparent);border-color:transparent}
.em-campo i.r{background:var(--em-blu);border-color:transparent}
.em-apertura__griglia{display:grid;gap:2.25rem 4rem;align-items:center}
.em-apertura__testo{min-width:0}
.em-apertura .em-h1{font-size:clamp(2.3rem,1rem + 5.1vw,4.5rem)}
.em-apertura__foto{position:relative;margin:0;aspect-ratio:5/4}
.em-apertura__cornice{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,var(--b) 100%,var(--b) calc(100% - var(--b)),0 calc(100% - var(--b)));background:color-mix(in srgb,var(--t-sfondo) 8%,var(--t-testo))}
.em-apertura__cornice img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.em-nebbia{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 45% at 78% 42%,color-mix(in srgb,var(--t-sfondo) 38%,transparent),transparent 72%),radial-gradient(40% 32% at 60% 58%,color-mix(in srgb,var(--t-sfondo) 22%,transparent),transparent 70%)}
.em-badge{position:absolute;left:0;bottom:0;width:var(--b);height:var(--b);display:flex;flex-direction:column;justify-content:center;gap:.15rem;padding:0 .9rem;background:var(--em-blu);color:#fff;font-family:var(--t-font-titoli)}
.em-badge>span{font:700 .75rem/1 var(--t-font-testo);letter-spacing:.16em;text-transform:uppercase}
.em-badge b{display:block;font-weight:800;font-size:clamp(1.75rem,1rem + 3.2vw,2.6rem);letter-spacing:-.04em;line-height:1}
.em-porte{display:grid;gap:1rem;margin:clamp(2.25rem,1.5rem + 3vw,3.5rem) 0 0;padding:0;list-style:none}
.em-porta{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;gap:.2rem 1.25rem;padding:1.5rem 1.4rem 1.4rem;border:1px solid var(--em-linea);background:color-mix(in srgb,var(--t-sfondo) 5%,var(--t-testo));min-height:11rem;overflow:hidden}
.em-porta .em-segno,.em-porta__goccia{grid-row:1 / 3}
.em-porta__goccia{display:grid;place-items:center;width:3.4rem;height:3.4rem;font-size:1.9rem;color:var(--em-blu-luce)}
.em-porta__occ{margin:0;align-self:end;font:700 .78rem/1.2 var(--t-font-testo);letter-spacing:.14em;text-transform:uppercase;color:var(--em-fg-tenue)}
.em-porta__titolo{grid-column:2;margin:0;font-family:var(--t-font-titoli);font-weight:var(--t-peso-titoli);letter-spacing:-.035em;line-height:1.05;font-size:clamp(1.45rem,1.15rem + 1.2vw,2rem);color:var(--em-fg)}
.em-porta__titolo a{color:inherit;text-decoration:none}
.em-porta__titolo a::after{content:"";position:absolute;inset:0}
.em-porta__titolo a:focus-visible{outline:none}
.em-porta:has(a:focus-visible){outline:3px solid var(--em-blu-luce);outline-offset:3px}
.em-porta__testo{grid-column:1 / -1;margin:.5rem 0 0;max-width:44ch;color:var(--em-fg-tenue);line-height:1.5}
.em-porta__voci{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.3rem 1.15rem;margin:.9rem 0 0;padding:0;list-style:none;font:600 .9rem/1.4 var(--t-font-testo);color:var(--em-fg)}
.em-porta__voci li{display:flex;align-items:center;gap:.5rem}
.em-porta__voci li::before{content:"";width:.42rem;height:.42rem;background:var(--em-blu-luce)}
.em-porta--acqua .em-porta__voci li::before{background:var(--em-acqua-luce)}
.em-porta__vai{grid-column:1 / -1;display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-weight:700;color:var(--em-blu-luce)}
.em-porta__vai svg{width:1.2rem;height:1.2rem}
.em-porta--acqua{background:linear-gradient(160deg,color-mix(in srgb,var(--em-blu) 82%,var(--t-testo)),color-mix(in srgb,var(--em-acqua) 78%,var(--t-testo)));border-color:transparent}
.em-porta--acqua .em-porta__occ,.em-porta--acqua .em-porta__testo{color:color-mix(in srgb,var(--t-sfondo) 86%,transparent)}
.em-porta--acqua .em-porta__goccia,.em-porta--acqua .em-porta__vai{color:var(--t-sfondo)}
.em-prove{display:grid;gap:.55rem 2rem;margin:clamp(1.75rem,1rem + 2vw,2.5rem) 0 0;padding:1.4rem 0 0;border-top:1px solid var(--em-linea);list-style:none;font-size:.98rem;line-height:1.4;color:var(--em-fg-tenue)}
.em-prove li{display:flex;gap:.7rem;align-items:baseline}
.em-prove li::before{content:"";flex:none;width:.55rem;height:.55rem;background:var(--em-blu);transform:translateY(-.06rem)}
@media (min-width:40rem){.em-porte{grid-template-columns:1fr 1fr}.em-prove{grid-template-columns:repeat(3,auto);justify-content:space-between}}
@media (min-width:64rem){
.em.em-apertura{--b:8.25rem}
.em-apertura__griglia{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:min(66svh,38rem)}
.em-apertura__foto{aspect-ratio:4/5;max-height:40rem}
.em-porta{min-height:13rem;padding:1.9rem 1.9rem 1.7rem}
}
@media (prefers-reduced-motion:no-preference){
@keyframes em-lampo{50%{opacity:.25}}
@keyframes em-nebbia{from{transform:translateX(-14%)}to{transform:translateX(14%)}}
@keyframes em-zoom{from{transform:scale(1.07)}}
@keyframes em-a{from{opacity:0;transform:translateY(1.2rem)}}
.em-campo i.q,.em-campo i.r{animation:em-lampo calc(5.5s * var(--t-movimento,1)) ease-in-out infinite;animation-delay:calc(var(--d,0) * 1s)}
.em-nebbia{animation:em-nebbia calc(16s * var(--t-movimento,1)) ease-in-out infinite alternate;will-change:transform}
.em-apertura__cornice img{animation:em-zoom calc(1600ms * var(--t-movimento,1)) var(--em-ease) backwards}
.em-apertura__testo>*{animation:em-a calc(760ms * var(--t-movimento,1)) var(--em-ease) backwards}
.em-apertura__testo>:nth-child(2){animation-delay:calc(90ms * var(--t-movimento,1))}
.em-apertura__testo>:nth-child(3){animation-delay:calc(180ms * var(--t-movimento,1))}
.em-apertura__testo>:nth-child(4){animation-delay:calc(270ms * var(--t-movimento,1))}
.em-badge{animation:em-a calc(700ms * var(--t-movimento,1)) var(--em-ease) calc(450ms * var(--t-movimento,1)) backwards}
.em-porta{animation:em-a calc(760ms * var(--t-movimento,1)) var(--em-ease) calc(420ms * var(--t-movimento,1)) backwards}
.em-porta:nth-child(2){animation-delay:calc(540ms * var(--t-movimento,1))}
.em-porta,.em-porta .em-segno path,.em-porta__goccia{transition:transform calc(320ms * var(--t-movimento,1)) var(--em-ease),background calc(240ms * var(--t-movimento,1)),border-color calc(240ms * var(--t-movimento,1))}
@media (hover:hover){
.em-porta:hover{transform:translateY(-4px);border-color:var(--em-blu-luce)}
.em-porta--acqua:hover{border-color:transparent}
.em-porta:hover .em-porta__vai svg{transform:translateX(.35rem)}
.em-porta:hover .em-segno path.p{transform:scale(.86);transform-box:fill-box;transform-origin:center}
.em-porta:hover .em-porta__goccia{transform:translateY(-.25rem) rotate(4deg)}
}
.em-porta__vai svg{transition:transform calc(260ms * var(--t-movimento,1)) var(--em-ease)}
}
.em.em-servizio{padding-block:clamp(2.25rem,1rem + 5vw,5rem);overflow:clip}
.em-servizio__griglia{display:grid;gap:2.5rem 4rem;align-items:center}
.em-servizio__testo{min-width:0}
.em-servizio .em-h1{font-size:clamp(2.2rem,1.05rem + 5vw,4.9rem);max-width:15ch}
.em-servizio--azienda .em-h1{max-width:18ch}
.em-briciola{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;margin:0 0 1rem;font:600 .95rem/1.2 var(--t-font-testo);color:var(--em-fg-tenue);text-decoration:none}
.em-briciola:hover{color:var(--em-fg);text-decoration:underline}
.em-briciola::before{content:"";width:.55rem;height:.55rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(.1rem,-.1rem)}
.em-chip{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 0;padding:0;list-style:none}
.em-chip li{display:inline-flex;align-items:center;gap:.55rem;min-height:2.5rem;padding:.35rem .85rem;border:1px solid var(--em-linea);font:600 .95rem/1.2 var(--t-font-testo);color:var(--em-fg)}
.em-chip li::before{content:"";flex:none;width:.5rem;height:.5rem;background:var(--em-accento,var(--em-blu))}
.em-servizio__visivo{position:relative;min-width:0}
.em-servizio__foto{position:relative;margin:0;aspect-ratio:5/4;--b:clamp(4.5rem,18vw,6.5rem)}
.em-servizio__foto .cornice{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,var(--b) 100%,var(--b) calc(100% - var(--b)),0 calc(100% - var(--b)));background:color-mix(in srgb,var(--t-testo) 12%,var(--t-superficie))}
.em-servizio__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.em-servizio__foto .quadro{position:absolute;left:0;bottom:0;width:var(--b);height:var(--b);background:var(--em-blu)}
.em-servizio--acqua .quadro{background:var(--em-acqua-luce)}
.em-servizio__segno{display:grid;place-items:center;aspect-ratio:1;max-width:24rem;margin-inline:auto}
.em-servizio__segno .em-segno{width:min(100%,19rem);height:auto}
.em-servizio--azienda{--em-accento:var(--em-blu)}
@media (max-width:63.99rem){.em-servizio--azienda .em-servizio__visivo{display:none}}
@media (min-width:64rem){
.em-servizio__griglia{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.em-servizio__foto{aspect-ratio:4/5;max-height:34rem;--b:7rem}
}
@media (prefers-reduced-motion:no-preference){
@keyframes em-a2{from{opacity:0;transform:translateY(1.2rem)}}
.em-servizio__testo>*{animation:em-a2 calc(760ms * var(--t-movimento,1)) var(--em-ease) backwards}
.em-servizio__testo>:nth-child(2){animation-delay:calc(80ms * var(--t-movimento,1))}
.em-servizio__testo>:nth-child(3){animation-delay:calc(160ms * var(--t-movimento,1))}
.em-servizio__testo>:nth-child(4){animation-delay:calc(240ms * var(--t-movimento,1))}
.em-servizio__testo>:nth-child(5){animation-delay:calc(320ms * var(--t-movimento,1))}
.em-servizio__foto img{animation:em-zoom2 calc(1500ms * var(--t-movimento,1)) var(--em-ease) backwards}
@keyframes em-zoom2{from{transform:scale(1.07)}}
.em-servizio__segno .em-segno path.p{animation:em-rivela calc(1100ms * var(--t-movimento,1)) var(--em-ease) calc(250ms * var(--t-movimento,1)) backwards}
@keyframes em-rivela{from{clip-path:inset(0 100% 0 0)}}
}
.em-tessere-sez{padding-block:var(--t-sezione)}
.em-tessere-sez .em-testa{margin-bottom:0}
.em-tessere{display:grid;gap:1px;margin:clamp(2rem,1.2rem + 3vw,3.5rem) 0 0;padding:0;list-style:none;background:var(--em-linea);border:1px solid var(--em-linea)}
.em-tessera{position:relative;display:flex;flex-direction:column;gap:.35rem;min-height:10.5rem;padding:1.5rem 1.4rem 1.4rem;background:var(--t-sfondo);color:var(--t-testo);overflow:hidden;isolation:isolate}
.em-scuro .em-tessera{background:color-mix(in srgb,var(--t-sfondo) 5%,var(--t-testo));color:var(--t-sfondo)}
.em-carta .em-tessera{background:var(--t-sfondo)}
.em-tessera::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--em-blu);transform:scale(0);transform-origin:0 100%}
.em-tessera__n{position:absolute;top:1.1rem;right:1.3rem;font:700 .9rem/1 var(--t-font-testo);letter-spacing:.1em;color:color-mix(in srgb,currentColor 55%,transparent);font-variant-numeric:tabular-nums}
.em-tessera .em-segno{width:2.9rem;height:2.9rem;margin-bottom:.9rem}
.em-tessera .em-segno path{fill:var(--em-blu)}
.em-scuro .em-tessera .em-segno path{fill:var(--em-blu-luce)}
.em-tessera__titolo{margin:0;font-family:var(--t-font-titoli);font-weight:var(--t-peso-titoli);letter-spacing:-.035em;line-height:1.08;font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem)}
.em-tessera__titolo a{color:inherit;text-decoration:none}
.em-tessera__titolo a::after{content:"";position:absolute;inset:0}
.em-tessera__titolo a:focus-visible{outline:none}
.em-tessera:has(a:focus-visible){outline:3px solid var(--em-blu);outline-offset:-3px}
.em-tessera__testo{margin:.35rem 0 0;max-width:46ch;line-height:1.55;color:color-mix(in srgb,currentColor 78%,transparent)}
.em-tessera__nota{margin:.8rem 0 0;font:700 .8rem/1.3 var(--t-font-testo);letter-spacing:.1em;text-transform:uppercase;color:var(--em-accento,var(--em-blu))}
.em-tessera__vai{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.2rem;font-weight:700;color:var(--em-accento,var(--em-blu))}
.em-tessera__vai svg{width:1.15rem;height:1.15rem}
.em-tessera--grande .em-tessera__titolo{font-size:clamp(1.7rem,1.2rem + 2vw,2.7rem);max-width:14ch}
.em-tessere--c2{grid-template-columns:1fr}
@media (min-width:40rem){.em-tessere{grid-template-columns:repeat(2,1fr)}.em-tessera--md2{grid-column:span 2}}
@media (min-width:64rem){
.em-tessere--c3{grid-template-columns:repeat(3,1fr)}
.em-tessere--c3 .em-tessera--md2{grid-column:auto}
.em-tessera--grande{grid-column:span 2}
.em-tessera--lg2{grid-column:span 2}
.em-tessera--lg3{grid-column:span 3}
.em-tessera{min-height:14rem;padding:1.9rem 1.8rem 1.7rem}
}
.em-tessere--gocce{gap:1rem;background:none;border:0}
.em-tessere--gocce .em-tessera{min-height:13rem;border:1px solid var(--em-linea)}
.em-tessere--gocce .em-tessera::before{background:var(--em-acqua)}
.em-tessera__goccia{display:grid;place-items:center;width:2.9rem;height:2.9rem;margin-bottom:.9rem;font-size:1.65rem;color:var(--em-acqua)}
.em-etichette{display:flex;flex-wrap:wrap;gap:.7rem;margin:clamp(2rem,1.2rem + 3vw,3.25rem) 0 0;padding:0;list-style:none}
.em-etichette li{display:flex;flex-direction:column;gap:.15rem;min-width:min(100%,14rem);padding:1rem 1.2rem 1rem 1.1rem;border:1px solid var(--em-linea);background:var(--t-sfondo);color:var(--t-testo)}
.em-scuro .em-etichette li{background:color-mix(in srgb,var(--t-sfondo) 5%,var(--t-testo));color:var(--t-sfondo)}
.em-etichette b{display:flex;align-items:center;gap:.65rem;font:700 1.08rem/1.25 var(--t-font-testo)}
.em-etichette b::before{content:"";flex:none;width:.65rem;height:.65rem;background:var(--em-blu)}
.em-etichette span{padding-left:1.3rem;font-size:.92rem;line-height:1.4;color:color-mix(in srgb,currentColor 70%,transparent)}
.em-elenco{display:grid;gap:0 4rem;margin:clamp(2rem,1.2rem + 3vw,3.25rem) 0 0;padding:0;list-style:none;counter-reset:n}
.em-elenco li{position:relative;display:grid;align-content:start;grid-template-columns:3.2rem 1fr;gap:.25rem 1rem;padding:1.5rem 0;border-top:2px solid var(--em-fg)}
.em-elenco .n{grid-row:1 / 3;font:800 1.7rem/1 var(--t-font-titoli);letter-spacing:-.04em;color:var(--em-accento,var(--em-blu));font-variant-numeric:tabular-nums}
.em-elenco h3{margin:0;font-family:var(--t-font-titoli);font-weight:var(--t-peso-titoli);letter-spacing:-.03em;font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem);line-height:1.1;color:var(--em-fg)}
.em-elenco p{margin:0;max-width:52ch;line-height:1.55;color:var(--em-fg-tenue)}
.em-elenco .nota{margin-top:.5rem;font:700 .8rem/1.3 var(--t-font-testo);letter-spacing:.1em;text-transform:uppercase;color:var(--em-accento,var(--em-blu))}
.em-elenco a{color:inherit}
.em-azione-sotto{margin-top:2.25rem}
@media (min-width:48rem){.em-elenco{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:no-preference){
@keyframes em-sale3{from{opacity:0;transform:translateY(1.4rem)}}
.em-tessera::before{transition:transform calc(520ms * var(--t-movimento,1)) var(--em-ease)}
.em-tessera,.em-tessera .em-segno path,.em-tessera__goccia{transition:color calc(260ms * var(--t-movimento,1)) ease,transform calc(420ms * var(--t-movimento,1)) var(--em-ease)}
@media (hover:hover){
.em-tessera:has(a):hover::before,.em-tessera:has(a:focus-visible)::before{transform:scale(1)}
.em-tessera:has(a):hover,.em-tessera:has(a:focus-visible){color:#fff}
.em-tessera:has(a):hover .em-tessera__nota,.em-tessera:has(a):hover .em-tessera__vai,.em-tessera:has(a):hover .em-tessera__goccia{color:#fff}
.em-tessera:has(a):hover .em-segno path{fill:#fff}
.em-tessera:has(a):hover .em-segno path.p{transform:scale(.84);transform-box:fill-box;transform-origin:center}
.em-tessera:has(a):hover .em-tessera__goccia{transform:translateY(-.3rem)}
.em-tessera:has(a):hover .em-tessera__vai svg{transform:translateX(.3rem)}
}
.em-tessera__vai svg{transition:transform calc(260ms * var(--t-movimento,1)) var(--em-ease)}
.in .em-tessera,.in .em-etichette li,.in .em-elenco li{animation:em-sale3 calc(760ms * var(--t-movimento,1)) var(--em-ease) backwards;animation-delay:calc(var(--i,0) * 70ms * var(--t-movimento,1) + 100ms)}
}
.em-passi-sez{padding-block:var(--t-sezione)}
.em-passi{position:relative;display:grid;gap:2.25rem;margin:clamp(2.25rem,1.4rem + 3.5vw,4rem) 0 0;padding:0 0 0 2.6rem;list-style:none;counter-reset:p}
.em-passi::before,.em-passi::after{content:"";position:absolute;left:.62rem;top:.6rem;bottom:.6rem;width:2px;background:var(--em-linea)}
.em-passi::after{background:var(--em-blu);transform-origin:top}
.em-scuro .em-passi::after{background:var(--em-blu-luce)}
.em-passo{position:relative;min-width:0}
.em-passo::before{content:"";position:absolute;left:-2.6rem;top:.45rem;width:1.25rem;height:1.25rem;background:var(--em-blu);box-shadow:0 0 0 .4rem var(--em-sfondo-passi,var(--t-sfondo))}
.em-carta .em-passo::before{--em-sfondo-passi:var(--t-superficie)}
.em-scuro .em-passo::before{--em-sfondo-passi:var(--t-testo);background:var(--em-blu-luce)}
.em-passo__n{display:block;font:800 clamp(2.6rem,2rem + 2.4vw,4.2rem)/.9 var(--t-font-titoli);letter-spacing:-.05em;color:var(--em-accento,var(--em-blu));font-variant-numeric:tabular-nums}
.em-passo__titolo{margin:.7rem 0 0;font-family:var(--t-font-titoli);font-weight:var(--t-peso-titoli);letter-spacing:-.035em;line-height:1.08;font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem);color:var(--em-fg)}
.em-passo__nota{margin:.55rem 0 0;font:700 .8rem/1.3 var(--t-font-testo);letter-spacing:.1em;text-transform:uppercase;color:var(--em-accento,var(--em-blu))}
.em-passo__testo{margin:.65rem 0 0;max-width:34ch;line-height:1.55;color:var(--em-fg-tenue)}
@media (min-width:48rem){
.em-passi:not(.em-passi--v){grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2.5rem;padding:3.4rem 0 0}
.em-passi:not(.em-passi--v)::before,.em-passi:not(.em-passi--v)::after{left:0;right:0;top:.62rem;bottom:auto;width:auto;height:2px}
.em-passi:not(.em-passi--v)::after{transform-origin:left}
.em-passi:not(.em-passi--v) .em-passo::before{left:0;top:-3.4rem}
.em-passi--v{grid-template-columns:1fr 1fr;column-gap:4rem}
}
@media (prefers-reduced-motion:no-preference){
@keyframes em-disegna-v{from{transform:scaleY(0)}}
@keyframes em-disegna-o{from{transform:scaleX(0)}}
@keyframes em-sale4{from{opacity:0;transform:translateY(1.4rem)}}
@keyframes em-nodo{from{transform:scale(0)}}
.in .em-passo{animation:em-sale4 calc(760ms * var(--t-movimento,1)) var(--em-ease) backwards;animation-delay:calc(var(--i,0) * 110ms * var(--t-movimento,1) + 120ms)}
.in .em-passo::before{animation:em-nodo calc(500ms * var(--t-movimento,1)) var(--em-ease) backwards;animation-delay:calc(var(--i,0) * 110ms * var(--t-movimento,1) + 120ms)}
@supports (animation-timeline:view()){
.em-passi::after{animation:em-disegna-v linear both;animation-timeline:view();animation-range:entry 30% cover 62%}
@media (min-width:48rem){.em-passi:not(.em-passi--v)::after{animation-name:em-disegna-o}}
}
}
.em-tempo-sez{padding-block:var(--t-sezione)}
.em-tempo{display:grid;gap:2.5rem 5rem}
.em-tempo__testa{min-width:0}
.em-tappe{position:relative;margin:0;padding:0 0 0 2.6rem;list-style:none}
.em-tappe::before,.em-tappe::after{content:"";position:absolute;left:.62rem;top:.9rem;bottom:1.4rem;width:2px;background:var(--em-linea)}
.em-tappe::after{background:var(--em-blu);transform-origin:top}
.em-scuro .em-tappe::after{background:var(--em-blu-luce)}
.em-tappa{position:relative;padding:0 0 clamp(2.25rem,1.5rem + 3vw,3.5rem)}
.em-tappa:last-child{padding-bottom:0}
.em-tappa::before{content:"";position:absolute;left:-2.6rem;top:.55rem;width:1.25rem;height:1.25rem;background:var(--em-blu);box-shadow:0 0 0 .4rem var(--t-sfondo)}
.em-carta .em-tappa::before{box-shadow:0 0 0 .4rem var(--t-superficie)}
.em-scuro .em-tappa::before{background:var(--em-blu-luce);box-shadow:0 0 0 .4rem var(--t-testo)}
.em-tappa__anno{display:block;font:800 clamp(2.6rem,1.9rem + 3.4vw,4.8rem)/.95 var(--t-font-titoli);letter-spacing:-.05em;color:var(--em-accento,var(--em-blu))}
.em-tappa__titolo{margin:.55rem 0 0;font-family:var(--t-font-titoli);font-weight:var(--t-peso-titoli);letter-spacing:-.035em;line-height:1.08;font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);color:var(--em-fg)}
.em-tappa__testo{margin:.6rem 0 0;max-width:44ch;line-height:1.55;color:var(--em-fg-tenue)}
.em-tempo__azione{margin-top:1.75rem}
@media (min-width:64rem){
.em-tempo{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
.em-tempo__testa{position:sticky;top:2.5rem}
}
@media (prefers-reduced-motion:no-preference){
@keyframes em-disegna-t{from{transform:scaleY(0)}}
@keyframes em-sale5{from{opacity:0;transform:translateY(1.4rem)}}
@keyframes em-nodo2{from{transform:scale(0)}}
.in .em-tappa{animation:em-sale5 calc(760ms * var(--t-movimento,1)) var(--em-ease) backwards;animation-delay:calc(var(--i,0) * 130ms * var(--t-movimento,1) + 140ms)}
.in .em-tappa::before{animation:em-nodo2 calc(500ms * var(--t-movimento,1)) var(--em-ease) backwards;animation-delay:calc(var(--i,0) * 130ms * var(--t-movimento,1) + 140ms)}
@supports (animation-timeline:view()){
.em-tappe::after{animation:em-disegna-t linear both;animation-timeline:view();animation-range:entry 25% cover 70%}
}
}
.em.em-banda{padding-block:calc(var(--t-sezione) + 1rem);overflow:clip}
.em-banda__griglia{display:grid;gap:2.5rem 4.5rem;align-items:center}
.em-banda__testo{min-width:0}
.em-banda .em-h2{max-width:14ch}
.em-banda__prova{margin:1.4rem 0 0;font-weight:600;color:var(--em-fg)}
.em-banda__prova::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.7rem;background:var(--em-acqua-luce);vertical-align:.08em}
.em-banda__azione{margin-top:2rem}
.em-soluzioni{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}
.em-soluzione{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;align-items:start;padding:1.25rem 1.3rem;border:1px solid var(--em-linea);background:color-mix(in srgb,var(--t-sfondo) 9%,transparent)}
.em-soluzione__goccia{grid-row:1 / 3;display:grid;place-items:center;width:2.6rem;height:2.6rem;font-size:1.45rem;color:var(--em-acqua-luce)}
.em-soluzione__titolo{margin:0;align-self:end;font-family:var(--t-font-titoli);font-weight:var(--t-peso-titoli);letter-spacing:-.03em;line-height:1.1;font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);color:var(--em-fg)}
.em-soluzione__titolo a{color:inherit;text-decoration:none}
.em-soluzione__titolo a::after{content:"";position:absolute;inset:0}
.em-soluzione__titolo a:focus-visible{outline:none}
.em-soluzione:has(a:focus-visible){outline:3px solid var(--em-acqua-luce);outline-offset:3px}
.em-soluzione__testo{grid-column:2;margin:0;font-size:.98rem;line-height:1.45;color:var(--em-fg-tenue)}
.em-soluzione__vai{position:absolute;right:1.1rem;top:1.2rem;width:1.15rem;height:1.15rem;color:var(--em-acqua-luce)}
@media (min-width:40rem){.em-soluzioni{grid-template-columns:1fr 1fr}.em-soluzione{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;min-height:11.5rem;padding:1.4rem 1.4rem 1.3rem}.em-soluzione__goccia{grid-row:auto;justify-content:start;place-items:start;width:auto;height:auto;margin-bottom:.8rem}.em-soluzione__testo{grid-column:1}}
@media (min-width:64rem){.em-banda__griglia{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media (prefers-reduced-motion:no-preference){
@keyframes em-sale6{from{opacity:0;transform:translateY(1.4rem)}}
.in .em-banda__testo>*,.in .em-soluzione{animation:em-sale6 calc(760ms * var(--t-movimento,1)) var(--em-ease) backwards}
.in .em-banda__testo>:nth-child(2){animation-delay:calc(90ms * var(--t-movimento,1))}
.in .em-banda__testo>:nth-child(3){animation-delay:calc(180ms * var(--t-movimento,1))}
.in .em-banda__testo>:nth-child(n+4){animation-delay:calc(270ms * var(--t-movimento,1))}
.in .em-soluzione{animation-delay:calc(var(--i,0) * 90ms * var(--t-movimento,1) + 160ms)}
.em-soluzione,.em-soluzione__goccia,.em-soluzione__vai{transition:transform calc(320ms * var(--t-movimento,1)) var(--em-ease),background calc(240ms * var(--t-movimento,1))}
@media (hover:hover){
.em-soluzione:hover{transform:translateY(-4px);background:color-mix(in srgb,var(--t-sfondo) 17%,transparent)}
.em-soluzione:hover .em-soluzione__goccia{transform:translateY(-.3rem) rotate(6deg)}
.em-soluzione:hover .em-soluzione__vai{transform:translateX(.3rem)}
}
}
.em-marchi-sez{padding-block:var(--t-sezione)}
.em-marchi{display:grid;gap:1px;margin:clamp(2rem,1.2rem + 3vw,3.5rem) 0 0;border:1px solid var(--em-linea);background:var(--em-linea)}
.em-marchio-principale{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;min-height:14rem;padding:1.8rem 1.6rem;background:linear-gradient(155deg,color-mix(in srgb,var(--em-blu) 80%,var(--t-testo)),color-mix(in srgb,var(--em-acqua) 82%,var(--t-testo)));color:var(--t-sfondo);overflow:hidden}
.em-marchio-principale .nome{font:800 clamp(2.4rem,1.6rem + 4vw,4.6rem)/.95 var(--t-font-titoli);letter-spacing:-.05em}
.em-marchio-principale .nota{max-width:32ch;font-size:1.02rem;line-height:1.45;color:color-mix(in srgb,var(--t-sfondo) 86%,transparent)}
.em-marchio-principale .em-goccia{position:absolute;right:1.4rem;top:1.4rem;font-size:2.2rem;color:#6fd6ea;opacity:.9}
.em-nomi{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:var(--em-linea)}
.em-nomi li{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-height:7.5rem;padding:1.2rem 1.3rem;background:var(--t-sfondo);color:var(--t-testo)}
.em-carta .em-nomi li{background:var(--t-sfondo)}
.em-scuro .em-nomi li{background:color-mix(in srgb,var(--t-sfondo) 5%,var(--t-testo));color:var(--t-sfondo)}
.em-nomi li::before{content:"";position:absolute;left:1.3rem;top:1.05rem;width:.5rem;height:.5rem;background:var(--em-blu)}
.em-nomi .nome{padding-top:.9rem;font:800 clamp(1.25rem,1.05rem + .9vw,1.7rem)/1.05 var(--t-font-titoli);letter-spacing:-.03em;text-transform:uppercase}
.em-nomi .nota{font-size:.88rem;line-height:1.35;color:color-mix(in srgb,currentColor 70%,transparent)}
.em-marchi-sez .em-azione-sotto{margin-top:2rem}
@media (min-width:40rem){.em-nomi{grid-template-columns:repeat(2,1fr)}.em-nomi li.m2{grid-column:span 2}}
@media (min-width:64rem){
.em-marchi{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.em-marchio-principale{min-height:100%}
.em-nomi{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}
.em-nomi li.m2{grid-column:auto}
.em-nomi li.l2{grid-column:span 2}
.em-nomi li.l3{grid-column:span 3}
}
@media (prefers-reduced-motion:no-preference){
@keyframes em-sale7{from{opacity:0;transform:translateY(1.2rem)}}
@keyframes em-quadro{from{transform:scale(0)}}
.in .em-nomi li,.in .em-marchio-principale{animation:em-sale7 calc(700ms * var(--t-movimento,1)) var(--em-ease) backwards;animation-delay:calc(var(--i,0) * 55ms * var(--t-movimento,1) + 100ms)}
.in .em-nomi li::before{animation:em-quadro calc(420ms * var(--t-movimento,1)) var(--em-ease) backwards;animation-delay:calc(var(--i,0) * 55ms * var(--t-movimento,1) + 300ms)}
.em-nomi li{transition:background calc(220ms * var(--t-movimento,1))}
@media (hover:hover){.em-nomi li:hover{background:color-mix(in srgb,var(--em-blu) 8%,var(--t-sfondo))}.em-scuro .em-nomi li:hover{background:color-mix(in srgb,var(--em-blu) 30%,var(--t-testo))}}
}
.em.em-contatto{padding-block:calc(var(--t-sezione) + .5rem);overflow:clip}
.em-contatto__griglia{display:grid;gap:2.5rem 5rem;align-items:start}
.em-contatto .em-h2{font-size:clamp(2.2rem,1.2rem + 4.4vw,4.6rem);max-width:12ch}
.em-contatto__campo{position:absolute;z-index:-1;right:0;bottom:0;width:min(30rem,70%);display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;padding:.4rem;pointer-events:none;-webkit-mask-image:linear-gradient(20deg,#000 5%,transparent 65%);mask-image:linear-gradient(20deg,#000 5%,transparent 65%)}
.em-contatto__campo i{display:block;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--t-sfondo) 9%,transparent)}
.em-contatto__campo i.q{background:color-mix(in srgb,var(--em-blu) 40%,transparent);border-color:transparent}
.em-contatto__campo i.r{background:var(--em-blu);border-color:transparent}
.em-righe{margin:0;padding:0;list-style:none;border-top:1px solid var(--em-linea)}
.em-riga{position:relative;display:grid;grid-template-columns:2.4rem 1fr auto;align-items:center;gap:.15rem 1rem;padding:1.15rem 0;border-bottom:1px solid var(--em-linea)}
.em-riga .ic{grid-row:1 / 3;display:grid;place-items:center;color:var(--em-blu-luce)}.em-riga .ic svg{width:1.5rem;height:1.5rem}
.em-riga__etichetta{font:700 .78rem/1.2 var(--t-font-testo);letter-spacing:.14em;text-transform:uppercase;color:var(--em-fg-tenue)}
.em-riga__valore{grid-column:2;font:700 clamp(1.25rem,1.05rem + 1.1vw,1.85rem)/1.15 var(--t-font-titoli);letter-spacing:-.025em;color:var(--em-fg);overflow-wrap:anywhere}
.em-riga a{color:inherit;text-decoration:none}
.em-riga a::after{content:"";position:absolute;inset:0}
.em-riga a:focus-visible{outline:none}
.em-riga:has(a:focus-visible){outline:3px solid var(--em-blu-luce);outline-offset:2px}
.em-riga__vai{grid-row:1 / 3;grid-column:3;display:grid;color:var(--em-blu-luce)}.em-riga__vai svg{width:1.25rem;height:1.25rem}
.em-riga__nota{grid-column:2 / -1;margin:0;font-size:.95rem;color:var(--em-fg-tenue)}
.em-riga__testo{font:700 clamp(1.1rem,1rem + .5vw,1.35rem)/1.3 var(--t-font-titoli);letter-spacing:-.02em;color:var(--em-fg)}
.em-contatto .em-azioni{margin-top:2rem}
@media (min-width:64rem){.em-contatto__griglia{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}}
@media (prefers-reduced-motion:no-preference){
@keyframes em-sale8{from{opacity:0;transform:translateY(1.2rem)}}
@keyframes em-lampo2{50%{opacity:.25}}
.in .em-contatto__griglia>div>*,.in .em-riga{animation:em-sale8 calc(700ms * var(--t-movimento,1)) var(--em-ease) backwards}
.in .em-riga{animation-delay:calc(var(--i,0) * 80ms * var(--t-movimento,1) + 120ms)}
.em-contatto__campo i.q,.em-contatto__campo i.r{animation:em-lampo2 calc(6s * var(--t-movimento,1)) ease-in-out infinite;animation-delay:calc(var(--d,0) * 1s)}
.em-riga__vai{transition:transform calc(260ms * var(--t-movimento,1)) var(--em-ease)}
@media (hover:hover){.em-riga:hover .em-riga__vai{transform:translateX(.35rem)}.em-riga:hover .em-riga__valore{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}}
}
.em-avviso{padding-block:1.4rem;background:var(--t-superficie);border-top:1px solid color-mix(in srgb,var(--t-testo) 12%,var(--t-sfondo))}
.em-avviso p{margin:0;max-width:78ch;font-size:.82rem;line-height:1.5;color:var(--t-testo-tenue)}
.em-avviso a{color:var(--t-testo);text-decoration:underline;text-underline-offset:.2em}
