/* Home: sezioni della pagina iniziale (dalla Home approvata) */
:root{--trARC:url("../../img/traccia-1.svg");--trV0:url("../../img/traccia-2.svg");--mCurves:url(../../img/deco-curve.webp);--mBull:url(../../img/deco-toro.webp);--mWaves:url(../../img/deco-onde.webp);--mCE:url(../../img/deco-ce.webp);--trC1:url("../../img/traccia-3.svg");--trBands:url("../../img/traccia-4.svg");--trU:url("../../img/traccia-5.svg");
  --blu:#12458C;--blu-b:#0E3A81;--ink:#0B2244;--arancio:#FF6B14;--grigio:#F1F3F6;--testo:#1B2A41;--muto:#5B6B82;
  --f-disp:"Anton","Impact","Arial Narrow Bold",sans-serif;--f-lab:"DINN","Arial Narrow",sans-serif;--f-body:"DINX","Helvetica Neue",Arial,sans-serif;
  --gut:clamp(16px,5vw,80px);--max:1320px;--nav:84px;--pad:clamp(44px,6.4vh,80px);--ease:cubic-bezier(.2,.7,.2,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--grigio);color:var(--testo);font-family:var(--f-body);font-size:16px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--arancio);outline-offset:3px}
section{position:relative;scroll-margin-top:var(--nav)}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut);position:relative}
.lab{font-family:var(--f-lab);font-weight:600;text-transform:uppercase;letter-spacing:.22em;font-size:13px;line-height:1.3;color:var(--arancio);display:flex;align-items:center;gap:12px}
.lab::before{content:"";width:34px;height:2px;background:currentColor;transform-origin:left;transition:transform .9s .2s var(--ease)}
.disp{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;line-height:1.06;letter-spacing:.005em;margin:0}
.disp em{font-style:normal;color:var(--arancio)}
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-lab);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:13.5px;line-height:1;padding:19px 28px;border:0;cursor:pointer;position:relative;overflow:hidden;isolation:isolate;transition:color .35s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.btn:hover::after{transform:scaleX(1);transform-origin:left}
.btn-o{background:var(--arancio);color:#fff}.btn-o::after{background:#fff}.btn-o:hover{color:var(--blu)}
.btn-g{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}.btn-g::after{background:#fff}.btn-g:hover{color:var(--blu)}
.btn-b{background:var(--blu);color:#fff}.btn-w2{background:#fff;color:var(--arancio);box-shadow:inset 1px 0 0 rgba(255,107,20,.25)}.btn-w2::after{background:var(--blu)}.btn-w2:hover{color:#fff}.btn-w2 .arr{color:var(--arancio)}.btn-w2:hover .arr{color:#fff}.btn-b::after{background:var(--arancio)}
.arr{font-family:var(--f-disp);font-size:17px;letter-spacing:0;color:var(--arancio);transition:transform .3s}
.btn-o .arr{color:#fff}.btn-o:hover .arr{color:var(--arancio)}.btn:hover .arr{transform:translateX(4px)}
.lnk{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-lab);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:12.5px;line-height:1.2;padding-bottom:7px;background:linear-gradient(var(--arancio),var(--arancio)) left bottom/100% 2px no-repeat;transition:background-size .4s var(--ease)}
.lnk:hover{background-size:40% 2px}
.sh{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 48px;margin-bottom:clamp(22px,3.4vh,36px)}
.sh h2{font-size:clamp(42px,4.3vw,68px);margin-top:12px}
.sh .aside{max-width:420px;margin:0;color:var(--muto);font-size:16px}
.ghost{position:absolute;font-family:var(--f-disp);text-transform:uppercase;line-height:.8;pointer-events:none;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(18,69,140,.2)}
/* reveal */
.rv{transition:opacity .9s var(--ease),transform .9s var(--ease)}
.pre{opacity:0;transform:translateY(36px)}.pre .lab::before{transform:scaleX(0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.pre{opacity:1;transform:none}}

/* ===== topbar + nav ===== */
.topbar{background:linear-gradient(90deg,#0B2244 30%,#12458C);color:#C9D4E6;font-family:var(--f-lab);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:51}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:38px}
.topbar b{color:#fff;font-weight:600}.topbar .dot{color:var(--arancio);margin-inline:10px}
.soc-top{display:flex;gap:16px;align-items:center}.soc-top a{display:grid;place-items:center;width:18px;height:18px;color:#C9D4E6;transition:color .25s}.soc-top a:hover{color:var(--arancio)}.soc-top svg{width:15px;height:15px;fill:currentColor}
header.nav{position:sticky;top:0;z-index:50;transition:background .35s,box-shadow .35s}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--nav)}
.nav .logo{height:34px;width:auto}.nav .logo.c{display:none}
.nav.solid{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px rgba(11,34,68,.45)}
.nav.solid .logo.w{display:none}.nav.solid .logo.c{display:block}
.menu{display:flex;gap:clamp(14px,2vw,30px);align-items:center;list-style:none;margin:0;padding:0}
.menu a{font-family:var(--f-lab);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:13.5px;color:#fff;position:relative;padding-block:8px}
.nav.solid .menu a{color:var(--blu)}
.menu a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--arancio);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.menu a:hover::after{transform:scaleX(1)}
.nav .btn{padding:15px 22px;font-size:12.5px}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
.burger i{position:absolute;left:10px;right:10px;height:2px;background:#fff}.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:27px}
.nav.solid .burger i{background:var(--blu)}
@media (max-width:1180px){.menu{display:none}.burger{display:block}.nav .btn{display:none}}

/* ===== HERO ===== */
.hero-wrap{margin-top:calc(-1 * var(--nav))}
.hero{height:max(620px,calc(100svh - 38px));background:var(--blu-b);color:#fff;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}
.hero .media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:vz 2.4s var(--ease) forwards}
@keyframes vz{to{transform:scale(1)}}
.hero .tint{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,34,68,.92) 0%,rgba(11,34,68,.74) 30%,rgba(14,58,129,.34) 55%,rgba(19,70,141,.08) 76%,rgba(19,70,141,.04) 100%),linear-gradient(0deg,rgba(11,34,68,.35),transparent 28%)}
.hero .tint::after{content:"";position:absolute;inset:0;background:#12458C;mix-blend-mode:multiply;opacity:.2}
.sg{position:absolute;right:-3%;bottom:30px;width:min(35vw,630px);aspect-ratio:1500/944;z-index:0;pointer-events:none;will-change:transform}
.sg img{position:absolute;inset:0;width:100%;height:100%}
.sg .cv{clip-path:inset(0 100% 0 0);animation:draw 1.7s .25s cubic-bezier(.65,0,.25,1) forwards}
@keyframes draw{to{clip-path:inset(0 0 0 0)}}
.sg .bl{transform:translateX(38%);opacity:0;animation:charge 1.25s 1.35s cubic-bezier(.2,1.25,.35,1) forwards}
@keyframes charge{0%{transform:translateX(38%);opacity:0}30%{opacity:1}100%{transform:none;opacity:1}}
.sg .bob{position:absolute;inset:0;animation:bob 2.6s 2.8s ease-in-out infinite}
@keyframes bob{0%,100%{transform:none}50%{transform:translateY(-6px) rotate(-.6deg)}}
.hero>.wrap{flex:1;display:flex;align-items:center;width:100%;padding-top:var(--nav)}
.hero .copy{position:relative;z-index:2;max-width:min(620px,48vw);padding-bottom:30px;text-shadow:0 2px 18px rgba(11,34,68,.4)}
.hero h1{font-size:clamp(52px,5.6vw,92px);line-height:1;margin:24px 0 26px;width:max-content;max-width:calc(100vw - 2 * var(--gut))}
.hero h1 span{display:block;overflow:hidden;white-space:nowrap;padding:.04em .06em .04em 0}
.hero h1 i{display:block;font-style:normal;transform:translateY(110%);animation:up 1s .15s var(--ease) forwards}
.hero h1 span:nth-child(2) i{animation-delay:.28s;color:var(--arancio)}
@keyframes up{to{transform:none}}
.hero .lab{opacity:0;animation:fin .8s .1s forwards}.hero .sub,.hero .ctas{opacity:0;transform:translateY(16px);animation:fin .9s var(--ease) forwards}
.hero .sub{animation-delay:.55s}.hero .ctas{animation-delay:.7s}
@keyframes fin{to{opacity:1;transform:none}}
.hero .sub{font-size:clamp(16px,1.25vw,18.5px);color:#DCE5F3;max-width:520px;margin:0 0 36px;line-height:1.6}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.reel{position:absolute;z-index:5;right:calc(max(0px,(100% - var(--max))/2) + var(--gut));top:calc(var(--nav) + 28px);display:flex;align-items:center;gap:12px;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:none;border:0;cursor:pointer;padding:0}
.reel .pl{width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);display:grid;place-items:center;font-size:10px;transition:.3s}
.reel:hover .pl{background:var(--arancio);box-shadow:none}
.strip{position:relative;z-index:4;height:64px;background:var(--arancio);color:var(--ink)}
.strip .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.strip b{font-family:var(--f-disp);font-weight:400;font-size:clamp(20px,1.9vw,27px);text-transform:uppercase;letter-spacing:.02em;line-height:1}
.strip span{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin-right:clamp(0px,16vw,280px)}
.strip span::after{content:"";width:2px;height:22px;background:var(--ink);animation:sd 1.8s infinite}
@keyframes sd{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ===== sezioni a schermo intero (desktop) ===== */
@media (min-width:901px){.scr{height:clamp(600px,calc(100svh - var(--nav)),960px);display:flex;flex-direction:column;padding-block:var(--pad)}.scr>.wrap{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}}

/* ===== GRUPPO ===== */
.group{background:var(--grigio)}
.group .sh{align-items:end}
.kpi{display:flex;gap:clamp(20px,3vw,44px)}
.kpi div{border-left:2px solid var(--arancio);padding-left:14px}
.kpi b{display:block;font-family:var(--f-disp);font-weight:400;font-size:clamp(34px,3vw,48px);line-height:1;color:var(--blu);font-variant-numeric:tabular-nums}
.kpi b sup{font-size:.5em;color:var(--arancio);vertical-align:top;margin-left:2px}
.kpi span{display:block;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muto);margin-top:6px}
.acc{display:flex;gap:10px;flex:1;min-height:400px}
.pan{position:relative;flex:1;min-width:0;overflow:hidden;cursor:pointer;color:#fff;transition:flex .9s cubic-bezier(.7,0,.2,1);outline:none;isolation:isolate}
.pan.on{flex:3.4;cursor:default}
.pan::before{content:"";position:absolute;inset:0;z-index:-2;opacity:0;transition:opacity .8s;background:linear-gradient(170deg,#1A529F 0%,#12458C 42%,#0B2244 100%)}.pan.on::before{opacity:1}.pan::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .8s}
.pan.on::after{opacity:1}
.p-dgm{background:linear-gradient(170deg,#1A529F 0%,#12458C 42%,#0B2244 100%)}
.p-dgm::after{background:radial-gradient(70% 60% at 72% 30%,rgba(255,255,255,.14),transparent 70%)}
.p-ren{background:linear-gradient(180deg,#FF7A2B 0%,#FF6B14 28%,#E0560A 62%,#A63A00 100%)}
.p-ren::after{background:radial-gradient(70% 60% at 70% 30%,rgba(255,255,255,.12),transparent 70%)}
.p-srv{background:linear-gradient(170deg,#1A529F 0%,#12458C 42%,#0B2244 100%)}
.p-srv::after{background:radial-gradient(70% 60% at 70% 34%,rgba(255,255,255,.12),transparent 70%)}
.p-ce{background:linear-gradient(180deg,#FF7A2B 0%,#FF6B14 28%,#E0560A 62%,#A63A00 100%)}
.p-ce::after{background:radial-gradient(60% 50% at 68% 60%,rgba(255,107,20,.3),transparent 70%)}
.pg{position:absolute;aspect-ratio:1500/944;pointer-events:none}.pg::before,.pg::after{content:"";position:absolute;inset:0;-webkit-mask:var(--mCurves) center/contain no-repeat;mask:var(--mCurves) center/contain no-repeat;background:var(--pc,#fff)}.pg::after{-webkit-mask-image:var(--mBull);mask-image:var(--mBull);background:var(--pb,var(--arancio))}
.pan .dc{position:absolute;z-index:-1;pointer-events:none;transition:transform 1.4s var(--ease)}
.p-dgm .dc{right:-40%;top:-4%;width:160%;opacity:.08;--pc:#fff;--pb:#fff}
.p-dgm.on .dc{right:-10%;top:-6%;width:92%}
.p-ren .dc{left:-40px;right:-40px;top:22%;aspect-ratio:1390/343;background:#fff;opacity:.18;-webkit-mask:var(--mWaves) center/cover no-repeat;mask:var(--mWaves) center/cover no-repeat;transform:scale(2.2);transform-origin:left top}.p-ren.on .dc{left:-4%;right:-4%;top:10%;opacity:.07;transform:none}.p-ren.on .dc{left:-4%;width:108%;top:22px}
.p-srv .dc{right:-120px;top:-90px;width:420px;aspect-ratio:1;background:#1F5AAE;opacity:.9;transform:rotate(90deg);-webkit-mask:var(--trARC) center/contain no-repeat;mask:var(--trARC) center/contain no-repeat}.p-srv.on .dc{right:-60px;top:-110px;width:480px;opacity:.7}.p-srv .dc i{display:none}.p-srv .dc i{flex:0 0 26px;background:#1D57A8;opacity:.8;-webkit-mask:var(--trV0) center top/100% auto repeat-y;mask:var(--trV0) center top/100% auto repeat-y}

.p-ce .dc{left:-40px;top:40px;width:340px;aspect-ratio:1500/944;background:#fff;opacity:.3;-webkit-mask:var(--mBull) 100% 0/auto 100% no-repeat;mask:var(--mBull) 100% 0/auto 100% no-repeat;transform:translateX(-45%)}.p-ce.on .dc{left:auto;right:-6%;top:-8%;width:60%;opacity:.14;transform:none}
.pan.p-ce .vt small{color:var(--ink)}.p-ce .mach{object-position:25% bottom}
.pan .top{position:absolute;top:26px;left:30px;right:26px;z-index:2}
.pan .top .lg{height:30px;width:auto;opacity:0;transform:translateY(-8px);transition:opacity .4s,transform .5s}.pan.on .top .lg{opacity:1;transform:none;transition-delay:.45s}
.pan .nn{position:absolute;top:22px;left:0;right:0;text-align:center;font-family:var(--f-disp);font-size:clamp(64px,5.6vw,92px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55);transition:opacity .4s,transform .6s var(--ease);pointer-events:none}.pan.on .nn{opacity:0;transform:translateY(-20px)}
@media (max-width:900px){.pan .nn{display:none}}

.pan .vt{position:absolute;left:50%;bottom:32px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--f-disp);font-size:clamp(28px,2.6vw,42px);line-height:1;text-transform:uppercase;white-space:nowrap;transition:opacity .4s;letter-spacing:.02em}
.pan .vt small{font-family:var(--f-lab);font-size:11.5px;letter-spacing:.25em;margin-top:14px;color:var(--arancio);font-weight:600}
.p-ren .vt small{color:var(--ink)}
.pan.on .vt{opacity:0}
.pan .body{position:absolute;inset:0;display:flex;flex-direction:column;padding:78px clamp(26px,2.8vw,42px) clamp(26px,2.8vw,40px);pointer-events:none}
.pan.on .body{pointer-events:auto}
.lwall{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));margin-left:auto;max-width:520px}.lwall span{display:grid;place-items:center;padding:10px 18px;border-left:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.16);opacity:0;transform:translateY(12px);transition:opacity .5s,transform .7s var(--ease)}.lwall span:nth-child(3n+1){border-left:0}.lwall span:nth-child(-n+3){border-top:0}.lwall img{max-width:100%;max-height:30px;width:auto}.p-dgm.on .lwall span{opacity:1;transform:none}.p-dgm.on .lwall span:nth-child(2){transition-delay:.08s}.p-dgm.on .lwall span:nth-child(3){transition-delay:.16s}.p-dgm.on .lwall span:nth-child(4){transition-delay:.24s}.p-dgm.on .lwall span:nth-child(5){transition-delay:.32s}.p-dgm.on .lwall span:nth-child(6){transition-delay:.4s}
.p-dgm .trio{position:absolute;inset:0}.p-dgm .trio img{position:absolute;bottom:0;object-fit:contain;opacity:0;transform:translateX(18%);transition:opacity .5s,transform 1s var(--ease);filter:drop-shadow(0 14px 12px rgba(0,0,0,.3))}.p-dgm.on .trio img{opacity:1;transform:none}.p-dgm.on .trio img:nth-child(1){transition-delay:.35s}.p-dgm.on .trio img:nth-child(2){transition-delay:.45s}.p-dgm.on .trio img:nth-child(3){transition-delay:.55s}
.p-dgm .in{max-width:680px}@media (max-width:1100px){.lgrow{flex-wrap:wrap!important}}.lgrow{display:flex;align-items:center;gap:clamp(10px,1.3vw,20px);margin:4px 0 20px;flex-wrap:nowrap}.lgrow img{height:16px;width:auto;opacity:.95}
.pan .mw{position:relative;flex:1;min-height:0;margin-bottom:18px}
.pan .mach{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right bottom;opacity:0;transform:translateX(18%);transition:opacity .5s,transform 1s var(--ease);filter:drop-shadow(0 16px 14px rgba(0,0,0,.3))}
.pan.on .mach{opacity:1;transform:none;transition-delay:.35s}
.pan .in>*{opacity:0;transform:translateY(22px);transition:opacity .4s,transform .5s}
.pan.on .in>*{opacity:1;transform:none;transition:opacity .6s,transform .8s var(--ease)}
.pan.on .in>:nth-child(1){transition-delay:.45s}.pan.on .in>:nth-child(2){transition-delay:.52s}.pan.on .in>:nth-child(3){transition-delay:.6s}.pan.on .in>:nth-child(4){transition-delay:.68s}
.pan .in{max-width:560px}
.pan .kw{font-family:var(--f-lab);font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:12.5px;color:var(--arancio)}

.pan h3{font-size:clamp(30px,2.6vw,42px);margin:8px 0 10px;text-wrap:balance}
.pan p{margin:0 0 16px;color:#E3EAF5;font-size:15.5px;line-height:1.55}
.p-ren p{color:#fff}

@media (max-width:900px){.group{padding-block:56px}.kpi{flex-wrap:wrap}.acc{flex-direction:column}.pan,.pan.on{flex:none;min-height:500px;cursor:default}.pan .vt{display:none}.pan .top .lg,.pan .mach,.pan .in>*{opacity:1;transform:none}.pan::after{opacity:1}.pan .body{pointer-events:auto}}

/* ===== MARCHI ===== */
.brands{background:var(--grigio);padding-top:clamp(40px,5vh,64px);overflow:hidden}
.brands .sh{position:relative;z-index:2;margin-bottom:clamp(18px,3vh,34px)}.brands .sh h2{font-size:clamp(52px,5.6vw,92px)}
.brands .ghost{right:calc(max(0px,(100% - var(--max))/2) + var(--gut));top:clamp(26px,4vh,46px);font-size:clamp(96px,9.4vw,160px);-webkit-text-stroke-color:rgba(18,69,140,.16);z-index:0}
.stagem{position:relative}
.mrow{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:clamp(170px,19vw,280px);max-height:34vh}
.mrow .c{position:relative}.mrow img{position:absolute;bottom:0;left:50%;height:auto;width:calc(var(--w) * 1%);max-width:none;max-height:100%;transform:translate(calc(-50% + var(--x,0px)),var(--y,0));transition:opacity .5s,filter .5s,transform .9s var(--ease);filter:drop-shadow(0 6px 5px rgba(11,34,68,.16))}
.mrow.pre img{--x:-60px;opacity:0}
.mrow img.dim{opacity:.25;filter:grayscale(1)}
.mrow img.hi{--y2:-8px}
.blk{position:relative;color:#fff;margin-top:-50px;padding-top:96px;padding-bottom:clamp(40px,5vh,60px)}.blk .bgl{position:absolute;inset:0;background:var(--blu);clip-path:polygon(0 56px,100% 0,100% 100%,0 100%);overflow:hidden}
.blk .edge{position:absolute;left:0;right:0;top:0;height:68px;background:var(--arancio);clip-path:polygon(0 56px,100% 0,100% 12px,0 68px)}
.duo{position:relative}.cv1{position:absolute;left:0;width:100%;pointer-events:none;background:#fff;opacity:.05;-webkit-mask:var(--trC1) center/100% 100% no-repeat;mask:var(--trC1) center/100% 100% no-repeat}
.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(22px,2.6vw,40px);align-items:stretch}
.bl6{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.br{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px clamp(12px,1.5vw,22px) 22px;border-left:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16);transition:background .3s}
.br:first-child{border-left:0}
.br:hover,.br:focus-visible{background:rgba(255,255,255,.07)}
.br .lg{height:46px;display:flex;align-items:center}
.br .lg img{max-height:100%;max-width:100%;width:auto}
.br p{margin:0;font-size:14.5px;line-height:1.5;color:#D5DEEC;flex:1}
.br .go{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.br .go .arr{transition:transform .3s}.br:hover .go .arr{transform:translateX(5px)}
.attb{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.5fr);gap:12px;align-items:center;margin-top:clamp(24px,3.4vh,36px);padding-top:clamp(20px,3vh,30px);border-top:1px solid rgba(255,255,255,.18)}.attb h3{font-size:clamp(22px,1.8vw,28px);margin-top:8px}
.attc{position:relative;z-index:3;background:linear-gradient(160deg,#12458C 0%,#0C3468 42%,#0B2244 100%);color:#fff;border-top:5px solid var(--arancio);padding:clamp(22px,2vw,30px);display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -30px rgba(11,34,68,.55)}.attc h3{font-size:clamp(24px,2vw,32px);color:#fff;margin:2px 0 6px}
.ai2{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 14px;background:rgba(255,255,255,.06);transition:background .3s,transform .4s var(--ease)}.ai2:hover{background:rgba(255,255,255,.11);transform:translateX(4px)}.ai2 .im{height:78px;display:grid;place-items:center}.ai2 .im img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(11,34,68,.2))}.ai2 .lg{height:22px;width:auto;display:block;margin-bottom:6px}.ai2 small{display:block;font-size:13.5px;line-height:1.4;color:#C3CFE2}.ai2 .arr{font-size:18px}
.att-x{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr);gap:12px;margin-top:clamp(22px,3vh,34px);padding-top:clamp(20px,3vh,30px);border-top:1px solid rgba(255,255,255,.18);align-items:stretch}.att .ah p{margin:10px 0 0;color:#D5DEEC;font-size:14.5px;line-height:1.5;max-width:260px}.att .lab{color:var(--arancio)}
.ac{display:flex;align-items:center;gap:20px;padding:16px 20px;background:rgba(11,34,68,.35);transition:background .3s}.ac:hover{background:rgba(11,34,68,.6)}.ac .ai{width:96px;height:84px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.3));transition:transform .5s var(--ease)}.ac:hover .ai{transform:translateY(-4px) rotate(-3deg)}.ac .al{height:22px;width:auto;margin-bottom:8px}.ac p{margin:0 0 8px;color:#D5DEEC;font-size:14px;line-height:1.45}.ac .go{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;display:flex;gap:10px;align-items:center}
@media (max-width:900px){.attb{grid-template-columns:1fr}.split{grid-template-columns:1fr}.split>div:empty{display:none}.attc{margin-top:0!important}.mrow{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.br .tag{position:absolute;top:-12px;left:22px;font-family:var(--f-lab);font-weight:600;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;background:var(--arancio);color:#fff;padding:5px 9px;line-height:1.2}
.br.home{background:linear-gradient(180deg,#0C3468,#0B2244)}.br.home::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--arancio)}
@media (max-width:900px){.bl6{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.br:nth-child(3){border-left:0}.brands .ghost{display:none}.mrow{aspect-ratio:auto;max-height:none;row-gap:10px}.mrow .c{height:110px}.mrow img{height:auto;max-height:calc(var(--h) * 1%);width:auto;max-width:92%;--dx:0%}}
@media (max-width:600px){.bl6{grid-template-columns:repeat(2,minmax(0,1fr))}.br:nth-child(odd){border-left:0}.br:nth-child(4){border-left:1px solid rgba(255,255,255,.16)}}

/* ===== D'AVINO CE (compatto) ===== */
.show{margin-top:-1px;background:radial-gradient(60% 90% at 72% 55%,#1c3a68 0%,rgba(11,34,68,0) 62%),linear-gradient(160deg,#12458C 0%,#0C3468 42%,#0B2244 100%);color:#fff;overflow:hidden}
.show .wrap,.blk .wrap{position:relative;z-index:1}
.stage{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);padding-top:clamp(56px,8vh,90px);padding-bottom:clamp(10px,2vh,24px)}
.stage .big{text-transform:uppercase;position:absolute;left:58%;top:50%;transform:translate(-50%,-50%);font-family:var(--f-disp);font-size:clamp(110px,13vw,220px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.3);white-space:nowrap;pointer-events:none;z-index:0}
.stage .info{position:relative;z-index:2}
.stage h2{font-size:clamp(34px,3vw,48px);margin:12px 0 20px}
.stage .mod{display:flex;align-items:baseline;gap:16px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
.stage h3{font-size:clamp(34px,3vw,48px);margin:0;color:var(--arancio);line-height:1}
.stage .cat{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#A9B8D0}
.stage .desc{color:#C3CFE2;max-width:440px;margin:8px 0 20px;min-height:25px;font-size:15px;line-height:1.55}
.stage .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stage .row button{width:48px;height:48px;border:0;background:rgba(255,255,255,.08);color:#fff;font-family:var(--f-disp);font-size:18px;cursor:pointer;transition:background .3s}
.stage .row button:hover{background:var(--arancio)}
.stage .row .count{font-family:var(--f-lab);font-weight:600;letter-spacing:.2em;margin:0 14px 0 6px;color:#A9B8D0;font-variant-numeric:tabular-nums;font-size:13px}
.stage .pic{position:relative;z-index:1;height:clamp(230px,21vw,320px);width:70%;margin-left:auto}
.stage .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:transform .9s cubic-bezier(.7,0,.2,1),opacity .6s,filter .6s}
.stage .pic img.out{transform:translateX(-35%) scale(.9);opacity:0;filter:blur(8px)}
.stage .pic img.pre-in{transform:translateX(35%) scale(.9);opacity:0;filter:blur(8px);transition:none}
.stage .spot{position:absolute;left:15%;right:5%;bottom:-4%;height:26%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,107,20,.3),transparent 70%);filter:blur(18px)}
.thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:clamp(18px,3vh,30px);margin-bottom:clamp(10px,2vh,20px);border-top:1px solid rgba(255,255,255,.12)}
.thumbs button{background:none;border:0;color:#8FA2C0;padding:10px 8px 14px 0;cursor:pointer;text-align:left;position:relative;font-family:var(--f-disp);font-size:clamp(16px,1.3vw,19px);line-height:1.2;text-transform:uppercase;transition:color .3s}
.thumbs button small{display:block;font-family:var(--f-lab);font-size:10.5px;letter-spacing:.18em;color:#6F83A3;margin-top:3px}
.thumbs button::before{content:"";position:absolute;top:-1px;left:0;height:3px;width:0;background:var(--arancio);transition:width .4s}
.thumbs button.on{color:#fff}.thumbs button.on::before{width:calc(100% - 12px)}.thumbs button:hover{color:#fff}
.show .foot{position:relative;z-index:1;background:var(--arancio);color:var(--ink)}
.show .foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:13px;flex-wrap:wrap}
.show .foot p{margin:0;font-family:var(--f-lab);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:12.5px}
.show .foot a{font-family:var(--f-disp);font-size:20px;text-transform:uppercase;letter-spacing:.02em;display:flex;gap:10px;align-items:center}
.show .foot a .arr{color:#fff}
@media (max-width:900px){.stage{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== DI COSA HA BISOGNO (bento) ===== */
.need{background:#fff}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr 1fr 1fr;gap:12px;flex:1;min-height:420px}
.t{position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 26px;clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease)}
.bento.pre .t{clip-path:inset(100% 0 0 0)}
.bento .t:nth-child(2){transition-delay:.08s}.bento .t:nth-child(3){transition-delay:.16s}.bento .t:nth-child(4){transition-delay:.24s}.bento .t:nth-child(5){transition-delay:.32s}.bento .t:nth-child(6){transition-delay:.4s}
.t .im{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s var(--ease)}
.t:hover .im{transform:scale(1.07)}
.t .sh2{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,34,68,.9),rgba(11,34,68,.05) 65%)}
.t>.k,.t>h3,.t>p{position:relative}
.t .k{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--arancio)}
.t h3{font-size:clamp(26px,2.3vw,36px);margin:6px 0 4px}
.t p{margin:0;color:#DCE4F1;font-size:15px;max-width:400px;line-height:1.5}
.t .ar{position:absolute;top:22px;right:22px;width:46px;height:46px;background:var(--arancio);display:grid;place-items:center;font-family:var(--f-disp);font-size:20px;transform:translate(10px,-10px);opacity:0;transition:.4s;z-index:2}
.t:hover .ar{transform:none;opacity:1}
.t1{grid-column:span 7;grid-row:span 2}.t2,.t3{grid-column:span 5}
.t4{grid-column:span 4;background:var(--arancio)}.t5{grid-column:span 4;background:linear-gradient(160deg,#12458C 0%,#0C3468 42%,#0B2244 100%)}.t6{grid-column:span 4;background:var(--blu)}
.t4 .k{color:var(--ink)}.t6 .k{color:#9FC0F0}
.t .big{position:absolute;top:16px;right:22px;font-family:var(--f-disp);font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55);transition:transform .6s var(--ease)}
.t:hover .big{transform:translateX(-8px)}
.t5 .sig{position:absolute;top:24px;left:26px;right:90px;height:22px;background:#1D4F97;-webkit-mask:var(--trU) left center/auto 100% repeat-x;mask:var(--trU) left center/auto 100% repeat-x}



@media (max-width:900px){.need{padding-block:56px}.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:210px}.t1{grid-column:1/-1;grid-row:span 2}.t2,.t3,.t4,.t5,.t6{grid-column:span 1}}
@media (max-width:560px){.bento{grid-template-columns:1fr}.t2,.t3,.t4,.t5,.t6{grid-column:1/-1}}

/* ===== STORIA (compatta) ===== */
.story{background:linear-gradient(160deg,#12458C 0%,#0C3468 42%,#0B2244 100%);color:#fff;padding-block:var(--pad);overflow:hidden}
.story .top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:end}
.story .quote{font-size:clamp(34px,3.3vw,52px);margin-top:12px}
.story .who{font-family:var(--f-lab);font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:11.5px;color:#AFC3E2;margin-top:12px}
.story .intro{color:#D2DDEE;margin:0;font-size:15.5px;line-height:1.6;max-width:480px}
.tlnav{display:flex;gap:8px}
.tlnav button{width:46px;height:46px;border:0;background:rgba(255,255,255,.1);color:#fff;font-family:var(--f-disp);font-size:18px;cursor:pointer;transition:background .25s}.tlnav button:hover{background:var(--arancio)}
.tlw{position:relative;margin-top:clamp(28px,4vh,40px)}
.axis{position:absolute;left:0;right:0;top:13px;height:2px;background:linear-gradient(90deg,var(--arancio),rgba(255,107,20,.25));transform-origin:left;transition:transform 1.6s var(--ease)}
.tlw.pre .axis{transform:scaleX(0)}
.tl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding-top:40px}
.tl::-webkit-scrollbar{display:none}
.yr{flex:0 0 clamp(220px,19vw,258px);scroll-snap-align:start;padding-right:30px;position:relative}

.yr::before{content:"";position:absolute;left:0;top:-40px;width:18px;height:28px;background:var(--arancio);-webkit-mask:var(--trU) center/contain no-repeat;mask:var(--trU) center/contain no-repeat;transform:rotate(180deg)}
.yr{position:relative}
.yr .y{font-family:var(--f-disp);font-size:40px;line-height:1;color:#fff}
.yr h4{font-family:var(--f-lab);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;margin:8px 0 6px;line-height:1.3;color:var(--arancio)}
.yr p{margin:0;color:#D2DDEE;font-size:14px;line-height:1.5}
.yr.hl .y{color:var(--arancio)}
@media (max-width:900px){.story .top{grid-template-columns:1fr}}

/* ===== NEWS ===== */
.news{background:var(--grigio);padding-block:var(--pad)}
.ngr{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:12px;align-items:stretch}
.nw{background:#fff;display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:transform .5s var(--ease),box-shadow .5s}
.nw:hover{transform:translateY(-6px);box-shadow:0 22px 40px -26px rgba(11,34,68,.5)}
.nw .ph{position:relative;aspect-ratio:16/9;overflow:hidden;flex:none}
.nw .ph i{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s var(--ease)}
.nw:hover .ph i{transform:scale(1.06)}
.nw .ph .d{position:absolute;left:0;bottom:0;background:var(--blu);color:#fff;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.18em;padding:7px 12px;z-index:1;text-transform:uppercase;line-height:1.2}
.nw .bd{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}.nw .go{margin-top:auto!important}
.nw .k{font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--arancio)}
.nw h3{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;font-size:clamp(20px,1.6vw,24px);line-height:1.1;margin:8px 0;color:var(--blu)}
.nw p{margin:0;color:var(--muto);font-size:14.5px;line-height:1.5;min-height:43px}
.nw .go{margin-top:14px;font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--blu)}
.nw.feat{background:var(--blu)}.nw.feat h3{color:#fff;font-size:clamp(22px,1.8vw,28px)}.nw.feat p{color:#C9D6EA}.nw.feat .go{color:#fff}.nw.feat .ph .d{background:var(--arancio)}
@media (max-width:1000px){.news{padding-block:56px}.ngr{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.ngr{grid-template-columns:1fr}}

/* ===== CONTATTI ===== */
.close{background:var(--blu);color:#fff;padding-block:var(--pad);overflow:hidden}
.close .deco{position:absolute;right:-16%;bottom:0;width:min(66vw,1040px);opacity:.1;--pc:#fff;--pb:#fff}.close .deco-x i{position:absolute;inset:0;background:#1D57A8;-webkit-mask:var(--mCurves) center/contain no-repeat;mask:var(--mCurves) center/contain no-repeat}.close .deco i+i{background:#0E3A81;-webkit-mask-image:var(--mBull);mask-image:var(--mBull)}
footer{border-top:6px solid var(--arancio)}
.close .cg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center}
.close h2{font-size:clamp(46px,5vw,80px);margin:14px 0 26px}
.close .row{display:flex;gap:18px 28px;flex-wrap:wrap;align-items:center}
.close .tel{font-family:var(--f-disp);font-size:clamp(26px,2.4vw,36px);line-height:1.1}
.close .tel small{display:block;font-family:var(--f-lab);font-weight:600;font-size:11px;letter-spacing:.2em;color:#B9CBE6;text-transform:uppercase}
.rev{margin-top:clamp(30px,3.4vw,42px);padding-top:24px;border-top:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:start}
.rev .stars{color:var(--arancio);font-size:18px;letter-spacing:3px;line-height:1.2}
.rev .score{font-family:var(--f-lab);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:#B9CBE6;margin-top:6px}
.qs{display:grid}.qs figure{grid-area:1/1;margin:0;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s;pointer-events:none}.qs figure.on{opacity:1;transform:none;pointer-events:auto}
.rev blockquote{margin:0;font-size:17px;line-height:1.55;color:#fff}
.rev .au{font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#B9CBE6;margin-top:10px}
.rev .dots{display:flex;gap:6px;margin-top:14px}.rev .dots i{width:22px;height:3px;background:rgba(255,255,255,.25);transition:background .3s}.rev .dots i.on{background:var(--arancio)}
.nl{position:relative;background:var(--arancio);color:var(--ink);padding:clamp(30px,3vw,44px);overflow:hidden}
.nl{padding-right:clamp(70px,6vw,90px)!important}
.nl h3{position:relative;font-size:clamp(34px,3vw,46px);color:#fff;margin:0}
.nl p{position:relative;max-width:380px;color:#3a1a05;margin:10px 0 20px;font-size:15px;line-height:1.55}
.nl form{position:relative;display:grid;gap:12px}
.nl .fi{display:flex}
.nl input[type=email]{flex:1;min-width:0;border:0;background:#fff;padding:16px;font-family:var(--f-body);font-size:15.5px;color:var(--testo)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips label{cursor:pointer}.chips input{position:absolute;opacity:0}
.chips span{display:inline-block;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding:8px 11px;line-height:1.2;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85);transition:.25s}
.chips input:checked+span{background:#fff;color:var(--arancio)}
.nl .ok{font-family:var(--f-lab);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#fff;font-size:12px;min-height:16px}
.nl small{position:relative;display:block;color:#5a2a09;font-size:12px;line-height:1.5}
@media (max-width:900px){.close .cg{grid-template-columns:1fr}.rev{grid-template-columns:1fr}}

/* ===== FOOTER ===== */
footer{background:linear-gradient(170deg,#0C3468 0%,#0B2244 60%,#081A36 100%);color:#B4C2D8;padding-block:64px 28px;font-size:15px}
.fg{display:grid;grid-template-columns:1.2fr 1.3fr .8fr 1fr;gap:clamp(28px,4vw,56px)}
footer h5{font-family:var(--f-lab);font-weight:600;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#fff;margin:0 0 18px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
footer a:hover{color:var(--arancio)}
footer .flogo{height:32px;width:auto;margin-bottom:20px}
footer .coms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
footer .coms a{height:64px;display:flex;align-items:center;justify-content:center;padding:12px 14px;background:rgba(255,255,255,.05);transition:background .3s}
footer .coms a:hover{background:rgba(255,255,255,.1)}
footer .coms img{max-height:30px;max-width:100%;width:auto;height:auto}
.soc{display:flex;gap:8px;margin-top:20px}.soc a{width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-family:var(--f-lab);font-size:12px;letter-spacing:.08em;color:#fff}.soc a:hover{background:var(--arancio);color:#fff}
.legal{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#7F90AC}
@media (max-width:900px){.fg{grid-template-columns:1fr 1fr}}@media (max-width:560px){.fg{grid-template-columns:1fr}}
.fs{position:fixed;right:14px;bottom:80px;z-index:80;background:rgba(11,34,68,.75);color:#fff;border:0;width:40px;height:40px;font-size:16px;cursor:pointer}.fs:hover{background:var(--arancio)}@media (max-width:760px){.fs{display:none}}
@media (max-width:1100px){.hero .copy{max-width:62vw}.sg{width:70vw;right:-26%;opacity:.55}.strip span{display:none}}
@media (max-width:760px){.topbar .mail,.topbar .city{display:none}.nw .bd{height:auto}.nw .bd .go{margin-top:14px!important}.hero{height:auto}.hero h1 span{white-space:normal}.hero .copy{max-width:none;padding-block:40px 190px}.sg{width:92vw;right:-34%;bottom:36px;opacity:.9}.reel{top:auto;bottom:84px;right:auto;left:var(--gut)}.strip{height:auto}.strip .wrap{padding-block:14px}.sh{grid-template-columns:1fr}.brands,.need,.news,.close,.story{padding-block:56px}.brands{padding-bottom:0}}
@media (max-width:900px){.mrow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;aspect-ratio:auto!important;max-height:none!important;row-gap:14px}.mrow .c{height:120px!important}.mrow{margin-top:56px}.mrow img{width:auto!important;height:auto!important;max-width:88%!important;max-height:100%!important}.stage .pic{width:100%}}

.br .tag.tb{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.mrow .c:nth-child(5),.mrow .c:nth-child(6){opacity:1}
@media (min-width:901px){.stagem{margin-top:-50px}}@media (max-width:900px){.mrow{grid-template-columns:repeat(3,minmax(0,1fr))!important;height:auto!important;max-height:none!important;margin-bottom:20px}.mrow .c{height:90px!important}.bl6{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* === v31 === */
.group .sh h2{font-size:clamp(42px,4.3vw,58px)}
@media (min-width:901px){.group .sh h2{white-space:nowrap}}
.p-ce::after{background:radial-gradient(70% 60% at 70% 30%,rgba(255,255,255,.12),transparent 70%)}
.group .kpi div{border-left:1px solid rgba(18,69,140,.25)}
.group .kpi b{font-family:var(--f-body);font-weight:400;font-size:clamp(34px,2.9vw,46px);letter-spacing:-.01em;color:var(--blu)}
.group .kpi b sup{color:var(--blu);font-size:.45em}
#acc .pan .nn{left:0;right:0;top:24px;transform:none;text-align:center;z-index:1;font-size:clamp(56px,4.8vw,80px);-webkit-text-stroke:1.5px rgba(255,255,255,.6);transition:opacity .4s}
#acc .pan.on .nn{opacity:1;left:auto;right:clamp(26px,2.8vw,42px);text-align:right;font-size:clamp(46px,3.6vw,58px);top:22px}
@media (max-width:900px){#acc .pan .nn,#acc .pan.on .nn{display:block;left:auto;right:24px;top:22px;font-size:46px}}

/* v32 sottotitoli + contatori */
#acc .pan:not(.on) .nn{left:clamp(22px,2vw,30px);right:auto;text-align:left;font-size:clamp(46px,3.6vw,58px)}
#acc .pan .cl{position:absolute;left:clamp(22px,2vw,30px);right:16px;top:calc(24px + clamp(46px,3.6vw,58px) + 14px);z-index:1;transition:opacity .35s}
#acc .pan.on .cl{opacity:0;pointer-events:none}
#acc .pan .cl b{display:block;position:relative;padding-top:14px;font-family:var(--f-lab);font-weight:600;font-size:clamp(16px,1.25vw,19px);letter-spacing:.14em;text-transform:uppercase;color:#fff;line-height:1.1}
#acc .pan .cl b::before{content:"";position:absolute;left:0;top:0;width:30px;height:3px;background:#fff}
#acc .pan .cl span{display:block;margin-top:8px;font-size:clamp(13.5px,1vw,15px);line-height:1.35;color:rgba(255,255,255,.85)}
#acc .pan .vt{left:clamp(22px,2vw,30px);transform:rotate(180deg)}
.group .kpi b,.group .kpi b sup{color:var(--kc)}
@media (max-width:900px){#acc .pan .cl{display:none}}
#acc .pan .vt{text-align:left;line-height:.95}

/* v33 loghi + gradient scuri */
#acc .pan .top .lg{height:clamp(40px,3.3vw,50px)}
#acc .pan.p-ce .top .lg{height:clamp(46px,3.8vw,58px)}
#acc .pan .body{padding-top:clamp(96px,8vw,112px)}
#acc .pan::before,#acc .p-dgm,#acc .p-srv{background:linear-gradient(170deg,#164C94 0%,#0F3B78 40%,#07183A 100%)}
#acc .p-ren,#acc .p-ce{background:linear-gradient(180deg,#FF6B14 0%,#D9560A 34%,#A63C00 70%,#6B2600 100%)}
/* ===== v2: HERO ===== */
.h2v .sg{right:auto;left:53%;bottom:-18px;width:min(60vw,calc((100svh - 250px) * 1.589));max-width:none}
.h2v .reel{top:auto;right:auto;left:calc(max(0px,(100% - var(--max))/2) + var(--gut));bottom:calc(var(--hs) + 30px)}
@media (max-width:1100px){.h2v{--hs:112px}.h2v .sg{left:46%;width:66vw}}
.h2v{--hs:76px}
.sdn{position:absolute;z-index:5;left:50%;bottom:calc(var(--hs) + 26px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:#fff}
.sdn i{width:2px;height:34px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.sdn i::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--arancio);animation:sdn 1.8s ease-in-out infinite}
@keyframes sdn{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@media (max-width:760px){.sdn{display:none}}
.hs{position:relative;z-index:4;background:var(--arancio);color:var(--ink)}
.hs .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--hs)}
.hs .slog{font-family:var(--f-disp);font-weight:400;font-size:clamp(20px,1.9vw,27px);text-transform:uppercase;letter-spacing:.02em;line-height:1;white-space:nowrap}
.hs .lk{display:flex;align-self:stretch}
.hs .lk a{display:flex;align-items:center;gap:10px;padding:0 clamp(14px,1.6vw,24px);font-family:var(--f-lab);font-weight:600;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;border-left:1px solid rgba(11,34,68,.22);position:relative;transition:background .35s}
.hs .lk a:last-child{padding-right:0}
.hs .lk a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.hs .lk a:hover::after{transform:scaleX(1)}
.hs em{font-style:normal;font-size:16px;transition:transform .35s var(--ease)}
.hs .lk a:hover em{transform:translateX(4px)}
@media (max-width:1100px){.hs .wrap{flex-direction:column;align-items:flex-start;gap:0;height:auto;padding-top:16px}.hs .lk{align-self:stretch;margin-top:10px}.hs .lk a{flex:1;padding:14px 0;justify-content:center}.hs .lk a:first-child{border-left:0;justify-content:flex-start}.hs .lk a:last-child{justify-content:flex-end}}
@media (max-width:760px){
 .h2v .copy{padding-block:36px 250px}
 .h2v .sg{left:38%;right:auto;width:80vw;bottom:100px;opacity:1}
 .h2v .reel{top:auto;bottom:160px;left:var(--gut);right:auto}
 .hs .slog{font-size:20px;white-space:normal}
 .hs .lk{display:grid;grid-template-columns:1fr 1fr;margin-inline:calc(-1 * var(--gut))}
 .hs .lk a,.hs .lk a:first-child,.hs .lk a:last-child{justify-content:space-between;padding:13px var(--gut);border-left:1px solid rgba(11,34,68,.22);border-top:1px solid rgba(11,34,68,.22)}
 .hs .lk a:nth-child(odd){border-left:0}
}
/* ===== v2: IL GRUPPO ===== */
.g2{overflow:hidden}
.g3-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 40px;margin-bottom:clamp(22px,3.4vh,36px)}
.g3-head h2 .ln{white-space:nowrap;display:inline;background:none;padding:0;margin:0}
.g3-head h2{font-size:clamp(34px,4vw,62px);line-height:1.02;margin-top:12px;color:var(--testo)}
.g3-head h2 em{color:inherit}
.g3-since{font-family:var(--f-disp);text-transform:uppercase;font-size:clamp(80px,8.6vw,138px);line-height:.78;white-space:nowrap;color:transparent;-webkit-text-stroke:2px rgba(18,69,140,.3);margin-bottom:-.04em;pointer-events:none}
/* fascia arancio obliqua dietro la fisarmonica: liscia, tutta dentro la sezione */
.acc{position:relative;isolation:isolate}
.pan{z-index:1;box-shadow:0 26px 40px -28px rgba(11,34,68,.75)}
.pan .body{transition:box-shadow .5s}.pan.on .body{box-shadow:inset 0 5px 0 var(--arancio)}
.g2.scr{height:auto;padding-top:clamp(90px,12vh,140px);padding-bottom:clamp(140px,16vh,190px)}
.g2 .acc{flex:none;height:clamp(480px,60vh,580px)}
.hero-wrap ~ .duo .brands{padding-top:clamp(70px,9vh,110px)}
@media (max-width:900px){.g2 .acc{height:auto}.g2.scr{padding-block:72px 110px}}
.g3-band{position:absolute;z-index:0;left:calc(50% - 50vw);width:100vw;bottom:-70px;height:250px;background:var(--arancio);clip-path:polygon(0 36%,100% 0,100% 64%,0 100%);pointer-events:none;transform-origin:left center;transition:transform 1.2s .2s var(--ease)}
.acc.pre .g3-band{transform:scaleX(0)}
/* tutti i pannelli blu */
.p-ren,.p-ce,#acc .p-ren,#acc .p-ce{background:linear-gradient(170deg,#1A529F 0%,#12458C 42%,#0B2244 100%)}
.p-ren::after,.p-ce::after{background:radial-gradient(70% 60% at 70% 30%,rgba(255,255,255,.12),transparent 70%)}
.pan.p-ren .vt small,.pan.p-ce .vt small{color:var(--arancio)}
.p-ren p{color:#E3EAF5}
/* gerarchia e font: niente Anton nei pannelli, blu del brand */
#acc .pan,#acc .p-dgm,#acc .p-ren,#acc .p-srv,#acc .p-ce{background:linear-gradient(160deg,#13468D 0%,#0E3A81 100%)}
#acc .pan::before{background:linear-gradient(160deg,#13468D 0%,#0E3A81 100%)}
#acc .pan::after{display:none}
#acc .pan.on .nn{font-family:var(--f-lab);font-weight:600;font-size:13px;letter-spacing:.2em;line-height:1;color:var(--arancio);-webkit-text-stroke:0;top:30px}
#acc .pan h3{font-family:var(--f-lab);font-weight:600;text-transform:none;letter-spacing:0;font-size:clamp(26px,2.1vw,32px);line-height:1.12;margin:10px 0 10px}
#acc .pts li{font-family:var(--f-lab);font-weight:600;font-size:15px;letter-spacing:.16em;padding:13px 0}
#acc .pts li::before{font-size:14px}
/* foto di sfondo con gradient */
#acc .pan{background:#13468D}
#acc .pan .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:grayscale(1) contrast(1.05);transform:scale(1.04);transition:transform 1.4s var(--ease),filter .8s}
#acc .pan.on .ph{filter:none;transform:none}
#acc .p-dgm .ph{object-position:40% 88%}
#acc .p-ren .ph{object-position:42% 50%}
#acc .p-srv .ph{object-position:38% 50%}
/* sfumature: blu per Grandi Macchine e Services, arancio per Rentals e D'Avino CE */
#acc .pan::before{opacity:1!important;background:linear-gradient(180deg,rgba(11,34,68,.45) 0%,rgba(11,34,68,0) 22%),linear-gradient(180deg,rgba(19,70,141,0) 30%,rgba(19,70,141,.55) 52%,rgba(19,70,141,.92) 72%,#13468D 100%)}
#acc .p-ren::before,#acc .p-ce::before{background:linear-gradient(180deg,rgba(11,34,68,.45) 0%,rgba(11,34,68,0) 22%),linear-gradient(180deg,rgba(255,107,20,0) 34%,rgba(242,94,10,.6) 56%,rgba(224,86,10,.93) 76%,#D9560A 100%)}
#acc .p-ce::before{background:linear-gradient(180deg,rgba(19,70,141,0) 0%,rgba(19,70,141,.4) 40%,rgba(19,70,141,.85) 60%,rgba(217,86,10,.9) 86%,#D9560A 100%)}
#acc .pan::after{display:block;opacity:1;background:linear-gradient(180deg,rgba(11,34,68,.55) 0%,rgba(19,70,141,.35) 45%,rgba(19,70,141,.1) 70%);transition:opacity .8s}
#acc .pan.on::after{opacity:0}
#acc .p-ren .kw,#acc .p-ce .kw,#acc .p-ren .pts li::before,#acc .p-ce .pts li::before{color:#fff}
#acc .p-ren .lnk,#acc .p-ce .lnk{background-image:linear-gradient(#fff,#fff)}
#acc .p-ren .lnk .arr,#acc .p-ce .lnk .arr{color:#fff}
#acc .p-dgm .lwall{background:rgba(11,34,68,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#acc .pts li{text-shadow:0 1px 10px rgba(11,34,68,.75)}
#acc .pan .top{text-shadow:none}
/* D'Avino CE: gamma sopra le sfumature, piena */
#acc .pan .ph.ce{object-fit:cover;object-position:38% 60%;inset:auto;left:0;top:24%;width:100%;height:40%;transform:none;z-index:-3}
#acc .pan.on .ph.ce{object-fit:contain;object-position:center;left:4%;width:92%;top:17%;height:24%;z-index:0;filter:drop-shadow(0 14px 14px rgba(0,0,0,.35))}
@media (max-width:900px){#acc .pan .ph{filter:none}#acc .pan::after,#acc .pan.on::after{opacity:1;background:linear-gradient(180deg,rgba(11,34,68,.6) 0%,rgba(11,34,68,.45) 50%,rgba(11,34,68,0) 75%)}#acc .pan .ph.ce,#acc .pan.on .ph.ce{object-fit:contain;left:4%;width:92%;top:92px;height:96px;z-index:0}#acc .p-ce .pts{margin-top:112px}#acc .pan.p-ce{min-height:620px}}
/* punti di servizio nei pannelli aperti: riempiono il vuoto */
.pts{list-style:none;margin:0;padding:0;max-width:440px;position:absolute;left:0;bottom:0;right:0}
.pts li{display:flex;align-items:center;gap:14px;font-family:var(--f-disp);font-size:clamp(24px,2vw,32px);line-height:1;text-transform:uppercase;padding:14px 0;border-top:1px solid rgba(255,255,255,.2);opacity:0;transform:translateX(24px);transition:opacity .4s,transform .5s}
.pts li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}
.pts li::before{content:"»";font-family:var(--f-lab);font-size:.7em;color:var(--arancio)}
.pan.on .pts li{opacity:1;transform:none;transition:opacity .6s,transform .8s var(--ease)}
.pan.on .pts li:nth-child(1){transition-delay:.4s}.pan.on .pts li:nth-child(2){transition-delay:.48s}.pan.on .pts li:nth-child(3){transition-delay:.56s}
@media (max-width:1100px){.g3-head{grid-template-columns:1fr}.g3-since{justify-self:end}}
@media (max-width:900px){.pan .nn{display:none!important}.pts{position:static}.pts li{opacity:1;transform:none}.g3-band{bottom:-30px;height:300px}}
@media (max-width:600px){.g3-since{font-size:26vw;justify-self:start}}
.g2.scr{height:auto;padding-top:clamp(56px,8vh,96px);padding-bottom:clamp(56px,8vh,96px)}.g2 .g3-head{margin:0}
#acc .pan .ph.cec{object-fit:cover;object-position:70% 100%;inset:0;width:100%;height:100%;z-index:-3;filter:none;transform:scale(1.04);transition:opacity .6s,transform 1.4s var(--ease)}
#acc .pan.on .ph.cec{opacity:0;transform:none}
#acc .p-ce:not(.on) .ph.ce{opacity:0}
#acc .p-ce:not(.on) .du{display:none}
/* v: blu D'Avino più vivo */
#acc .pan::before,#acc .p-ren::before,#acc .p-ce::before{background:linear-gradient(180deg,rgba(8,30,70,.5) 0%,rgba(8,30,70,0) 30%),linear-gradient(0deg,rgba(14,58,129,.92) 0%,rgba(19,70,141,.55) 30%,rgba(19,70,141,0) 58%)!important}
#acc .pan::after{background:radial-gradient(90% 60% at 85% 0%,rgba(64,132,230,.35),transparent 70%)!important;mix-blend-mode:screen;opacity:1!important}
#acc .p-ce{background:linear-gradient(165deg,#1E5CB3 0%,#13468D 45%,#0E3A81 100%)!important}
#acc .pan .ph.cec{object-fit:cover;object-position:50% 40%;left:0;right:0;top:0;width:100%;height:100%}
#acc .p-ce:not(.on)::before{background:linear-gradient(180deg,rgba(8,30,70,.35) 0%,rgba(8,30,70,0) 28%),linear-gradient(0deg,rgba(14,58,129,.95) 0%,rgba(19,70,141,.6) 26%,rgba(19,70,141,0) 50%)!important}
/* fascia arancio: pattern ondulato in trasparenza */
.g3-band{overflow:hidden}
.g3-band::after{content:"";position:absolute;inset:-10% -2%;background:#fff;opacity:.2;-webkit-mask:var(--mWaves) left center/auto 70% repeat;mask:var(--mWaves) left center/auto 70% repeat}
/* chiusi: foto più scure, testi più leggibili */
#acc .pan:not(.on)::after{background:linear-gradient(180deg,rgba(5,18,42,.82) 0%,rgba(5,18,42,.55) 40%,rgba(5,18,42,.45) 100%)!important;mix-blend-mode:normal!important;opacity:1!important}
#acc .pan:not(.on) .cl span{color:#fff}
#acc .pan:not(.on) .nn{-webkit-text-stroke-color:rgba(255,255,255,.8)!important}
/* D'Avino CE: blu come gli altri + gradient arancio solo sotto */
#acc .p-ce{background:linear-gradient(160deg,#13468D 0%,#0E3A81 100%)!important}
#acc .p-ce::before,#acc .p-ce:not(.on)::before{background:linear-gradient(180deg,rgba(8,30,70,.4) 0%,rgba(8,30,70,0) 26%),linear-gradient(0deg,rgba(255,107,20,.95) 0%,rgba(242,94,10,.6) 20%,rgba(255,107,20,0) 44%)!important}
#acc .p-ce.on .ph.ce{top:88px!important;height:clamp(130px,19vh,165px)!important;left:2%!important;width:96%!important}
/* chiusi: tocco di arancio */
#acc .pan .cl b::before{background:var(--arancio)!important;width:34px}
/* fascia outline con sgommata */
.g3-band{display:none!important}
.g3-ol{position:absolute;z-index:0;left:calc(50% - 50vw);width:100vw;bottom:-70px;height:250px;pointer-events:none;overflow:visible;transition:clip-path 1.4s .2s var(--ease);clip-path:inset(-60px -4px -60px -4px)}
.acc.pre .g3-ol{clip-path:inset(-60px 100% -60px -4px)}
@media (max-width:900px){.g3-ol{bottom:-30px;height:300px}}
#acc .pan .ph.cec{object-fit:contain!important;object-position:100% 100%!important;left:auto!important;right:-22%!important;top:auto!important;bottom:9%!important;width:150%!important;height:66%!important;transform:none!important;filter:drop-shadow(0 16px 14px rgba(0,0,0,.45))!important;z-index:-1!important}
#acc .p-ce:not(.on)::after{background:linear-gradient(180deg,rgba(5,18,42,.55) 0%,rgba(5,18,42,0) 40%)!important}
/* CE chiuso: identico agli altri + spruzzo d'arancio */
#acc .p-ce .ph.cec{object-fit:cover!important;object-position:40% 30%!important;inset:0!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;width:100%!important;height:100%!important;filter:none!important;z-index:-3!important;transform:scale(1.04)!important}
#acc .p-ce:not(.on)::after{background:linear-gradient(180deg,rgba(5,18,42,.82) 0%,rgba(5,18,42,.55) 40%,rgba(5,18,42,.45) 100%)!important;mix-blend-mode:normal!important;opacity:1!important}
#acc .p-ce:not(.on)::before{background:linear-gradient(0deg,rgba(255,107,20,.6) 0%,rgba(255,107,20,0) 20%),linear-gradient(180deg,rgba(8,30,70,.5) 0%,rgba(8,30,70,0) 30%),linear-gradient(0deg,rgba(14,58,129,.92) 0%,rgba(19,70,141,.55) 30%,rgba(19,70,141,0) 58%)!important}
/* CE aperto: gradient della hero sopra la foto a colori */
#acc .p-ce .ph.ceo{position:absolute;inset:0 0 0 auto!important;left:auto!important;right:0!important;top:0;height:100%!important;width:62%!important;object-fit:cover;object-position:50% 35%;z-index:-3;opacity:0;transform:scale(1.05);transition:opacity .8s,transform 1.4s var(--ease)}
#acc .p-ce.on .ph.ceo{opacity:1;transform:none}
#acc .p-ce .ph.ceo{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%)}
#acc .p-ce.on::before{background:linear-gradient(90deg,rgba(11,34,68,.96) 0%,rgba(11,34,68,.92) 36%,rgba(11,34,68,.74) 48%,rgba(14,58,129,.34) 66%,rgba(19,70,141,.08) 84%,rgba(19,70,141,.04) 100%),linear-gradient(0deg,rgba(11,34,68,.45),transparent 30%)!important}
#acc .p-ce.on::after{background:#12458C!important;mix-blend-mode:multiply!important;opacity:.2!important;display:block!important}
#acc .p-ce{background:#0B2244!important}
#acc .p-ce.on .ph.ce{left:3%!important;width:50%!important;top:92px!important;height:clamp(110px,16vh,140px)!important;object-position:left center!important}
/* === v: tutti uguali === */
/* chiusi: arancio in fondo, poi blu aziendale sfumato, poi scuro */
#acc .pan:not(.on)::before,#acc .p-ce:not(.on)::before{background:linear-gradient(0deg,rgba(255,107,20,.62) 0%,rgba(255,107,20,0) 18%),linear-gradient(0deg,rgba(19,70,141,.95) 0%,rgba(19,70,141,.75) 26%,rgba(19,70,141,0) 56%)!important;opacity:1!important}
#acc .pan:not(.on)::after,#acc .p-ce:not(.on)::after{background:linear-gradient(180deg,rgba(5,18,42,.82) 0%,rgba(5,18,42,.55) 40%,rgba(5,18,42,.45) 100%)!important;mix-blend-mode:normal!important;opacity:1!important}
/* aperti: foto al 30% di colore, gradient da scuro a blu aziendale */
#acc .pan .ph.po{opacity:0;transition:opacity .8s,transform 1.4s var(--ease)}
#acc .pan.on .ph.po{opacity:1}
#acc .pan.on::before,#acc .p-ce.on::before{background:linear-gradient(180deg,rgba(5,18,42,.82) 0%,rgba(8,30,70,.5) 30%,rgba(19,70,141,.55) 55%,rgba(19,70,141,.9) 78%,#13468D 100%)!important;opacity:1!important}
#acc .pan.on::after,#acc .p-ce.on::after{display:none!important}
#acc .p-ce{background:#13468D!important}
#acc .p-ce .ph.ceo{inset:0!important;left:0!important;right:0!important;width:100%!important;height:100%!important;object-position:50% 30%!important;-webkit-mask-image:none!important;mask-image:none!important}
#acc .p-ce .ph.ce{display:none!important}
/* DAL 1950 pieno */
.g3-since{color:#13468D!important;-webkit-text-stroke:0!important}
#acc .pan:not(.on)::after{z-index:-2!important;background:linear-gradient(180deg,rgba(5,18,42,.82) 0%,rgba(5,18,42,.55) 38%,rgba(5,18,42,.35) 62%,rgba(5,18,42,0) 88%)!important}
#acc .pan:not(.on)::before{z-index:-1!important;background:linear-gradient(0deg,#FF6B14 0%,rgba(255,107,20,.55) 7%,rgba(255,107,20,0) 17%),linear-gradient(0deg,#13468D 0%,rgba(19,70,141,.9) 22%,rgba(19,70,141,.45) 40%,rgba(19,70,141,0) 58%)!important}
#acc .pan:not(.on)::before{background:linear-gradient(0deg,rgba(255,107,20,.86) 0%,rgba(255,107,20,.72) 5%,rgba(255,107,20,.45) 12%,rgba(255,107,20,.18) 20%,rgba(255,107,20,0) 30%),linear-gradient(0deg,#13468D 0%,#13468D 18%,rgba(19,70,141,.5) 42%,rgba(19,70,141,0) 60%)!important}
/* foto: stessa foto da chiusa e da aperta, macchina sopra ai testi */
#acc .p-srv .ph{object-position:76% 40%!important}#acc .p-srv .ph.po{object-position:55% 30%!important}
#acc .p-ren .ph,#acc .p-ren .ph.po,#acc .p-ce .ph.cec,#acc .p-ce .ph.ceo{object-position:50% 50%!important}
@media (max-width:900px){#acc .p-srv .ph{object-position:55% 30%!important}}
/* Delta aperta: eccezione, più colore */#acc .p-ce.on::before{background:linear-gradient(180deg,rgba(5,18,42,.6) 0%,rgba(8,30,70,.12) 24%,rgba(19,70,141,.06) 44%,rgba(19,70,141,.78) 70%,#13468D 100%)!important}
@media (max-width:900px){#acc .p-ren .ph,#acc .p-ren .ph.po{object-position:40% 50%!important}}
#acc .p-ren .ph{object-position:72% 50%!important}#acc .p-ren .ph.po{object-position:50% 50%!important}@media (max-width:900px){#acc .p-ren .ph,#acc .p-ren .ph.po{object-position:55% 50%!important}}
/* ===== MOBILE / TABLET: fisarmonica verticale, uno aperto e gli altri a barra ===== */
@media (max-width:900px){
.g2 .acc,#acc{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;gap:8px!important}
#acc .pan,#acc .pan.on,#acc .pan.p-ce{flex:none!important;min-height:0!important;height:78px;transition:height .75s cubic-bezier(.7,0,.2,1)!important;cursor:pointer;scroll-margin-top:90px}
#acc .pan.on,#acc .pan.p-ce.on{height:clamp(440px,118vw,560px);cursor:default}
/* barra chiusa */
#acc .pan:not(.on) .body{visibility:hidden}
#acc .pan .top{opacity:0;transition:opacity .3s}#acc .pan.on .top{opacity:1;transition:opacity .5s .35s}
#acc .pan:not(.on) .nn{display:block!important;position:absolute;left:18px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;font-family:var(--f-disp)!important;font-size:38px!important;letter-spacing:0!important;line-height:1!important;color:transparent!important;-webkit-text-stroke:1.2px rgba(255,255,255,.8)!important;text-align:left!important;opacity:1!important}
#acc .pan .vt{display:block!important;writing-mode:horizontal-tb!important;transform:none!important;left:74px!important;right:48px;top:17px!important;bottom:auto!important;font-size:25px!important;line-height:1!important;white-space:nowrap;opacity:1;transition:opacity .3s}
#acc .pan .vt br{display:none}
#acc .pan .cl{display:block!important;left:74px!important;right:48px!important;top:47px!important;transform:none;opacity:1}
#acc .pan .cl b{padding:0!important;font-size:11.5px!important;letter-spacing:.2em!important;color:var(--arancio)!important}
#acc .pan .cl b::before,#acc .pan .cl span{display:none!important}
#acc .pan .cl::after{content:"»";position:absolute;right:-30px;top:-18px;font-family:var(--f-lab);font-size:22px;line-height:1;color:#fff;transform:rotate(90deg);transition:transform .4s}
#acc .pan.on .vt,#acc .pan.on .cl{opacity:0!important;pointer-events:none}
/* sfumature barra: blu a sinistra sotto i testi, foto a destra, filo arancio in basso */
#acc .pan:not(.on)::before{background:linear-gradient(0deg,rgba(255,107,20,.9) 0,rgba(255,107,20,.35) 4px,rgba(255,107,20,0) 16px),linear-gradient(90deg,#13468D 0%,rgba(19,70,141,.92) 38%,rgba(19,70,141,.45) 72%,rgba(19,70,141,.25) 100%)!important}
#acc .pan:not(.on)::after{background:rgba(5,18,42,.25)!important}
/* inquadrature barra */
#acc .p-dgm:not(.on) .ph{object-position:70% 40%!important}
#acc .p-ren:not(.on) .ph{object-position:60% 42%!important}
#acc .p-srv:not(.on) .ph{object-position:60% 35%!important}
#acc .p-ce:not(.on) .ph.cec{object-position:50% 47%!important}
/* aperti */
#acc .p-dgm.on .ph.po{object-position:62% 50%!important}
#acc .p-ren.on .ph.po{object-position:56% 50%!important}
#acc .p-srv.on .ph.po{object-position:55% 30%!important}
#acc .p-ce.on .ph.ceo{object-position:62% 50%!important}
#acc .pan.on .body{padding:96px 24px 26px!important}
#acc .pan.on .in{position:absolute;left:24px;right:24px;bottom:26px}
#acc .pan.on .nn{display:block!important;right:22px!important;left:auto!important;top:30px!important}
}
@media (max-width:360px){#acc .pan .vt{font-size:22px!important}#acc .pan.on,#acc .pan.p-ce.on{height:470px}}
/* sgommata più in basso, dentro lo spazio sotto il blocco */
.g3-ol{bottom:calc(-1 * clamp(120px,15vh,170px) + 6px)!important;height:230px!important}
@media (max-width:900px){.g3-ol{bottom:calc(-1 * clamp(120px,15vh,170px) + 2px)!important;height:210px!important}
/* CE chiusa: DELTA spostata a destra, fuori dal nome */
#acc .p-ce:not(.on) .ph.cec{transform:translateX(28%)!important}
/* CE aperta: Delta intera, rimpicciolita */
#acc .p-ce.on{background:#10397A!important}
#acc .p-ce .ph.ceo{object-fit:fill!important;width:157%!important;height:auto!important;left:-44.2%!important;right:auto!important;top:84px!important;bottom:auto!important;margin-top:-7.7%!important;inset:auto!important}
#acc .p-ce .ph.ceo{--w:min(157%,720px);width:var(--w)!important;left:calc(50% - var(--w) * .6)!important;margin-top:calc(var(--w) * -.049)!important;top:84px!important;max-width:none!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 90%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 90%,transparent 100%)!important}
}
/* ===== marchi: 5 colonne, attrezzature accorpate ===== */
.ghost{-webkit-text-stroke:2px rgba(18,69,140,.3)!important}
.mrow,.bl6{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.3fr)!important}
.mrow .c.att img[data-b=trevi]{left:30%;width:calc(var(--w) * .78%)}
.mrow .c.att img[data-b=indeco]{left:74%;width:calc(var(--w) * .8%)}
.br.att{gap:12px;padding-right:0}
.br.att .xa-h{flex:none;margin:6px 0 2px;font-size:14.5px;line-height:1.5;color:#D5DEEC}
.br.att .xa{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 16px 13px 0;border-top:1px solid rgba(255,255,255,.16);color:#fff;transition:background .3s,padding .3s}
.br.att .xa:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.br.att .xa .lg{height:26px;width:104px;display:flex;align-items:center}
.br.att .xa .lg img{max-height:100%;max-width:100%;width:auto}
.br.att .xa .xt{font-size:13.5px;line-height:1.35;color:#D5DEEC}
.br.att .xa .arr{color:var(--arancio);font-family:var(--f-lab);font-size:16px;transition:transform .3s}
.br.att .xa:hover{background:rgba(255,255,255,.06);padding-left:10px}.br.att .xa:hover .arr{transform:translateX(4px)}
.br.att:hover{background:none}
@media (max-width:900px){
.mrow{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mrow .c.att{grid-column:span 2}
.mrow .c.att img{max-width:46%!important}
.mrow .c.att img[data-b=trevi]{left:28%}.mrow .c.att img[data-b=indeco]{left:72%}
.bl6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.br.att{grid-column:1/-1;border-left:0!important;padding-left:0;margin-top:10px}
.br.att .tag{left:0}
}
.mrow img{filter:none!important}
.br.att .xa{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto;row-gap:6px;padding:14px 8px 14px 0!important}
.br.att .xa .lg{grid-column:1;width:auto!important;height:24px!important}
.br.att .xa .xt{grid-column:1}
.br.att .xa .arr{grid-column:2;grid-row:1/3}
.br.att .xa-h{margin-bottom:6px!important}
.bl6{align-items:start}.bl6 .br:not(.att){align-self:stretch}
.br.att .xa{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;row-gap:7px!important;column-gap:12px!important;padding:14px 6px 14px 0!important;align-items:center}
.br.att .xa .lg{grid-column:1;grid-row:1;height:24px!important;width:auto!important;margin:0!important;padding:0!important}
.br.att .xa .xt{grid-column:1;grid-row:2;display:block;margin:0;padding:0;font-size:13.5px;line-height:1.4;color:#D5DEEC}
.br.att .xa .arr{grid-column:2;grid-row:1/3}
/* numeri pannelli: linea sottile */
#acc .pan .nn{-webkit-text-stroke-width:.7px!important;-webkit-text-stroke-color:#fff!important}
/* titolo gruppo su una riga con sovratitolo */
.g3-head .g3-lab{margin-bottom:14px}
.g3-head h2{margin-top:0!important}
/* ===== marchi: 4 macchine grandi + attrezzature separate in alto ===== */
@media (min-width:901px){
.mrow,.bl6{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.mrow{height:clamp(250px,24vw,370px)!important;max-height:none!important}
.mrow img{max-height:100%!important}



}
.atz{position:relative;background:linear-gradient(160deg,#13468D 0%,#0E3A81 100%);color:#fff;padding:22px 26px 10px;border-top:4px solid var(--arancio);box-shadow:0 24px 40px -26px rgba(11,34,68,.6)}
.atz-h{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
.atz-tag{font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--arancio);white-space:nowrap}
.atz-h p{margin:0;font-size:13.5px;line-height:1.4;color:#D5DEEC}
.atz-r{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.16);color:#fff}
.atz-r:first-of-type{border-top:0}
.atz-ph{height:74px;display:flex;align-items:flex-end;justify-content:center;background:rgba(255,255,255,.94);border-radius:2px;padding:6px}
.atz-ph img{max-height:100%;max-width:100%;width:auto;height:auto;position:static!important;transform:none!important;opacity:1!important}
.atz-tx .lg{display:flex;height:22px;align-items:center;margin-bottom:6px}.atz-tx .lg img{max-height:100%;width:auto;max-width:150px}
.atz-tx .xt{display:block;font-size:13.5px;line-height:1.4;color:#D5DEEC}
.atz-r .arr{color:var(--arancio);font-family:var(--f-lab);font-size:16px;transition:transform .3s}
.atz-r:hover .arr{transform:translateX(4px)}
/* attrezzature: fascia sotto le colonne */
.atzb{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1.3fr);gap:0;margin-top:clamp(30px,4vh,44px);border-top:1px solid rgba(255,255,255,.18);background:none;box-shadow:none;padding:0;color:#fff}
.atzb .atz-h{display:block;padding:26px clamp(12px,1.5vw,22px) 22px 0}
.atzb .atz-tag{display:inline-block;margin-bottom:10px}
.atzb .atz-h p{font-size:14.5px;line-height:1.5;color:#D5DEEC;max-width:260px}
.atzb .atz-r{display:grid;grid-template-columns:clamp(110px,10vw,150px) minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px clamp(12px,1.5vw,22px);border-top:0;border-left:1px solid rgba(255,255,255,.16);transition:background .3s}
.atzb .atz-r:hover{background:rgba(255,255,255,.07)}
.atzb .atz-ph{height:clamp(96px,8vw,120px);background:none;padding:0;align-items:flex-end}
.atzb .atz-ph img{filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}
.atzb .atz-tx .lg{height:26px;margin-bottom:8px}
@media (max-width:900px){.atzb{grid-template-columns:1fr}.atzb .atz-r{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding-inline:0}}
/* sfondo che sfuma al bianco dietro le macchine: niente scontorni */
.brands{background:linear-gradient(180deg,var(--grigio) 0%,#fff 30%,#fff 100%)!important}
@media (min-width:901px){.brands .ghost{font-size:clamp(80px,7.4vw,126px)!important}}
/* macchine originali, in scala reale (stessa altezza cabina-terra) */
@media (min-width:901px){
.mrow{--R:clamp(100px,9.4vw,140px);z-index:auto!important;height:calc(var(--R) * 1.75)!important;overflow:visible}
.brands .sh{position:relative;z-index:3}
.mrow img{mix-blend-mode:multiply;width:auto!important;max-width:none!important;max-height:none!important;filter:none!important;left:50%!important;transform:translate(calc(var(--ax,50) * -1%),calc(var(--y,0px) + var(--dy,0%)))!important}
.mrow img[data-b=volvo]{height:calc(var(--R) / .60);--ax:52}
.mrow img[data-b=mecalac]{height:calc(var(--R) / .95);--ax:56}
.mrow img[data-b=manitou]{height:calc(var(--R) / .25);--ax:68}
.mrow img[data-b=ce]{height:calc(var(--R) / .61);--ax:50;--dy:7%}
}
@media (min-width:901px){
.stagem{margin-top:clamp(10px,2vh,24px)!important}
.mrow{--R:clamp(100px,9.6vw,146px);height:calc(var(--R) * 4.1)!important}
.brands .ghost.stg-gh{top:auto!important;bottom:calc(var(--R,140px) * 2.05 + 40px);left:0!important;right:0!important;text-align:center;font-size:clamp(110px,12.5vw,210px)!important;z-index:0}
.stagem .ghost.stg-gh{--R:clamp(100px,9.6vw,146px)}
}
.br p{flex:none!important}
.br .cats{list-style:none;margin:0 0 6px;padding:0;flex:1}
.br .cats li{position:relative;padding:7px 0 7px 16px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;line-height:1.3;color:#fff}
.br .cats li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.br .cats li::before{content:"»";position:absolute;left:0;top:7px;color:var(--arancio);font-family:var(--f-lab);font-size:12px}
/* hero: spruzzo di blu aziendale in basso, come nei blocchi del gruppo */
.hero .tint{background:linear-gradient(0deg,rgba(19,70,141,.95) 0%,rgba(19,70,141,.9) 9%,rgba(19,70,141,.55) 20%,rgba(19,70,141,.2) 33%,rgba(19,70,141,0) 48%),linear-gradient(90deg,rgba(11,34,68,.92) 0%,rgba(11,34,68,.74) 30%,rgba(14,58,129,.34) 55%,rgba(19,70,141,.08) 76%,rgba(19,70,141,.04) 100%),linear-gradient(0deg,rgba(11,34,68,.35),transparent 28%)!important}
/* numeri 01-04 nei blocchi del gruppo: più piccoli e attenuati */
#acc .pan .nn{-webkit-text-stroke:.7px rgba(255,255,255,.55)!important}
#acc .pan:not(.on) .nn{font-size:clamp(34px,2.6vw,42px)!important}
@media (min-width:901px){#acc .pan .cl{top:calc(24px + clamp(34px,2.6vw,42px) + 14px)!important}}
/* ===== marchi: tutto in una schermata, macchine di taglia simile ===== */
@media (min-width:901px){
.hero-wrap ~ .duo .brands{padding-top:clamp(40px,5vh,64px)!important}
.brands .sh{margin-bottom:0!important}
.brands .sh h2{font-size:clamp(40px,4vw,64px)!important}
.stagem{margin-top:-10px!important}
.mrow{--R:clamp(90px,8.2vw,130px);height:calc(var(--R) * 2.05)!important}
.mrow img[data-b=volvo]{height:calc(var(--R) * 2)!important;--ax:50}
.mrow img[data-b=mecalac]{height:calc(var(--R) * 1.55)!important;--ax:52}
.mrow img[data-b=manitou]{height:calc(var(--R) * 2.3)!important;--ax:62}
.mrow img[data-b=ce]{height:calc(var(--R) * 1.9)!important;--ax:50}
.brands .ghost.stg-gh{bottom:calc(var(--R,120px) * .9)!important;font-size:clamp(90px,10vw,170px)!important}
.blk{padding-top:78px!important;padding-bottom:clamp(20px,3vh,34px)!important}
.br{gap:10px!important;padding-top:20px!important;padding-bottom:16px!important}
.br .lg{height:36px!important}
.br p{font-size:13.5px!important;line-height:1.45!important}
.br p.cats{color:#fff;font-size:12.5px!important;flex:1 1 auto!important}
.atzb{margin-top:clamp(12px,2vh,20px)!important}
.atzb .atz-h{padding:14px 12px 12px 0!important}
.atzb .atz-r{padding:10px 18px!important}
.atzb .atz-ph{height:clamp(62px,5vw,78px)!important}
}
@media (min-width:901px){
.hero-wrap ~ .duo .brands{padding-top:clamp(96px,11vh,120px)!important}
.brands .sh h2{font-size:clamp(38px,3.6vw,58px)!important}
.brands .sh .aside{font-size:14.5px}
.stagem{margin-top:6px!important}
.mrow{--R:clamp(84px,7.4vw,116px);height:calc(var(--R) * 2.5)!important}
.mrow img[data-b=volvo]{height:calc(var(--R) * 2.133)!important}
.mrow img[data-b=mecalac]{height:calc(var(--R) * 1.318)!important}
.mrow img[data-b=manitou]{height:calc(var(--R) * 2.5)!important}
.mrow img[data-b=ce]{height:calc(var(--R) * 1.836)!important}
.brands .ghost.stg-gh{bottom:calc(var(--R,110px) * 1.25)!important;font-size:clamp(80px,8.4vw,140px)!important}
.br .lg{height:32px!important}
.br p.cats{font-size:13.5px!important;line-height:1.5!important;color:#D5DEEC}
}
/* ===== marchi v3: blocco salito sulla sgommata, Manitou più grande, attrezzature uniformate ===== */
#blk .cv1{display:none!important}
.br.home .tag{top:-26px!important;left:0!important}
.br.home .lg img.ce-lg{height:34px!important;width:auto!important;max-height:none!important;max-width:100%!important}
@media (min-width:901px){
.hero-wrap ~ .duo .brands{position:relative;z-index:1;margin-top:0!important;padding-top:26px!important;background:linear-gradient(180deg,rgba(241,243,246,0) 0,rgba(241,243,246,0) 140px,var(--grigio) 200px,#fff 400px,#fff 100%)!important}
.mrow img[data-b=manitou]{height:calc(var(--R) * 3.78)!important}
.br{padding-top:22px!important;padding-bottom:20px!important}
.atzb{margin-top:0!important;border-top:1px solid rgba(255,255,255,.16)!important}
.atzb .atz-h{padding:22px clamp(12px,1.5vw,22px) 20px 0!important}
.atzb .atz-r{padding:22px clamp(12px,1.5vw,22px)!important}
.atzb .atz-ph{height:clamp(84px,7vw,104px)!important}
.blk{padding-bottom:clamp(40px,5vh,60px)!important}
}
/* hero: velatura 5% più trasparente */
.hero .tint{background:linear-gradient(0deg,rgba(19,70,141,0.9025) 0%,rgba(19,70,141,0.855) 9%,rgba(19,70,141,0.5225) 20%,rgba(19,70,141,0.19) 33%,rgba(19,70,141,0) 48%),linear-gradient(90deg,rgba(11,34,68,0.874) 0%,rgba(11,34,68,0.703) 30%,rgba(14,58,129,0.323) 55%,rgba(19,70,141,0.076) 76%,rgba(19,70,141,0.038) 100%),linear-gradient(0deg,rgba(11,34,68,0.3325),transparent 28%)!important}
.hero .tint::after{opacity:.19!important}
/* marchi: niente isolamento (multiply sulle foto), testo a destra lontano dal Manitou */
@media (min-width:901px){.hero-wrap ~ .duo .brands{z-index:auto!important}.brands .sh .aside{max-width:330px!important}}
/* marchi: titolo a misura piena, macchine grandi quanto lo schermo consente (titolo+macchine+colonne in una schermata) */
@media (min-width:901px){
.brands{--av:calc(100vh - 84px);--fs:clamp(52px,min(5.6vw,calc(var(--av) * .09)),74px)}
.brands .sh h2{font-size:var(--fs)!important}
.brands{--Rb:max(clamp(84px,7.4vw,116px),min(9.6vw,124px,calc((var(--av) - var(--fs) * 2.12 - 350px) / 2.5)));--sp:max(0px,calc(var(--av) - var(--fs) * 2.12 - 290px - var(--Rb) * 2.5))}
.brands .mrow{--R:var(--Rb)!important}
.brands .stagem{margin-top:calc(6px + var(--sp) * .75)!important}
.brands .blk{padding-top:calc(78px + var(--sp) * .25)!important}
}
/* DAL 1950 outline (come la sgommata) + numeri 01-04 più trasparenti */
.g3-since{color:transparent!important;-webkit-text-stroke:2px rgba(18,69,140,.3)!important}
#acc .pan:not(.on) .nn{-webkit-text-stroke-width:.7px!important;-webkit-text-stroke-color:rgba(255,255,255,.4)!important}
/* scritta outline più su */
@media (min-width:901px){.brands .ghost.stg-gh{bottom:calc(var(--R,110px) * 1.25 + min(44px, var(--sp,0px) * .5))!important}}
/* gruppo: fondo dei 4 blocchi ~7% più trasparente */
@media (min-width:901px){
#acc .pan:not(.on)::before,#acc .p-ce:not(.on)::before{background:linear-gradient(0deg,rgba(255,107,20,.79) 0%,rgba(255,107,20,.65) 5%,rgba(255,107,20,.39) 12%,rgba(255,107,20,.14) 20%,rgba(255,107,20,0) 30%),linear-gradient(0deg,rgba(19,70,141,.93) 0%,rgba(19,70,141,.93) 18%,rgba(19,70,141,.44) 42%,rgba(19,70,141,0) 60%)!important}
#acc .pan.on::before{background:linear-gradient(180deg,rgba(5,18,42,.82) 0%,rgba(8,30,70,.5) 30%,rgba(19,70,141,.49) 55%,rgba(19,70,141,.83) 78%,rgba(19,70,141,.93) 100%)!important}
#acc .p-ce.on::before{background:linear-gradient(180deg,rgba(5,18,42,.6) 0%,rgba(8,30,70,.12) 24%,rgba(19,70,141,.06) 44%,rgba(19,70,141,.71) 70%,rgba(19,70,141,.93) 100%)!important}
}
/* contatti: stesso linguaggio del blocco marchi */
.close{position:relative;background:linear-gradient(160deg,#13468D 0%,#0E3A81 100%)!important;clip-path:polygon(0 56px,100% 0,100% 100%,0 100%);margin-top:-56px;padding-top:calc(var(--pad) + 56px)!important}
.close::before{content:"";position:absolute;left:0;right:0;top:0;height:68px;background:var(--arancio);clip-path:polygon(0 56px,100% 0,100% 12px,0 68px);z-index:1;pointer-events:none}
.close .nl{background:linear-gradient(180deg,#0C3468,#0B2244)!important;color:#fff!important;border-top:3px solid var(--arancio);box-shadow:0 24px 40px -26px rgba(5,18,42,.7)}
.close .nl p{color:#D5DEEC!important}
.close .nl small{color:#AFC3E2!important}
.close .nl .btn-b{background:var(--arancio)!important;color:#fff!important}
.close .nl .btn-b::after{background:#fff!important}.close .nl .btn-b:hover{color:var(--blu)!important}.close .nl .btn-b:hover .arr{color:var(--arancio)!important}
.close .chips span{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important}
.close .chips input:checked+span{background:#fff!important;color:var(--blu)!important}
@media (max-width:760px){.close{padding-top:96px!important}}
/* marchi TABLET 601-900: 4 macchine in fila sul filo obliquo */
@media (min-width:601px) and (max-width:900px){
.brands .stagem{margin-top:28px!important}
.brands .mrow{--R:calc((100vw - 2 * var(--gut)) / 4 / 2.75)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;height:calc(var(--R) * 3.8)!important;max-height:none!important;margin:0!important;row-gap:0!important;overflow:visible}
.brands .mrow .c{height:100%!important;position:relative}
.brands .mrow img{position:absolute!important;bottom:0!important;left:50%!important;width:auto!important;max-width:none!important;max-height:none!important;mix-blend-mode:multiply;filter:none!important;transform:translate(calc(var(--ax,50) * -1%),var(--y,0px))!important}
.brands .mrow img[data-b=volvo]{height:calc(var(--R) * 2.133)!important;--ax:50}
.brands .mrow img[data-b=mecalac]{height:calc(var(--R) * 1.318)!important;--ax:52}
.brands .mrow img[data-b=manitou]{height:calc(var(--R) * 3.78)!important;--ax:62}
.brands .mrow img[data-b=ce]{height:calc(var(--R) * 1.836)!important;--ax:50}
}
/* marchi MOBILE <=600: macchine 2x2, marchi in colonna */
@media (max-width:600px){
.brands .stagem{margin-top:26px!important}
.brands .mrow{--R:calc((100vw - 2 * var(--gut) - 14px) / 2 / 2.7)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:14px!important;row-gap:14px!important;height:auto!important;max-height:none!important;margin:0!important;overflow:visible}
.brands .mrow .c{height:auto!important;position:relative;display:flex;align-items:flex-end;justify-content:center}
.brands .mrow img{position:static!important;display:block;width:auto!important;max-width:100%!important;max-height:none!important;mix-blend-mode:multiply;filter:none!important;transform:translateY(var(--y,0px))!important}
.brands .mrow img[data-b=volvo]{height:calc(var(--R) * 2.133)!important}
.brands .mrow img[data-b=mecalac]{height:calc(var(--R) * 1.318)!important}
.brands .mrow img[data-b=manitou]{height:calc(var(--R) * 3.78)!important}
.brands .mrow img[data-b=ce]{height:calc(var(--R) * 1.836)!important}
.brands .blk{padding-top:64px!important}
.bl6{grid-template-columns:1fr!important;row-gap:0!important}
.bl6 .br{border-left:0!important;border-top:1px solid rgba(255,255,255,.16);padding:22px 0 20px!important;gap:10px!important}
.bl6 .br:first-child{border-top:0;padding-top:4px!important}
.bl6 .br.home{margin-top:34px;padding:22px 20px 20px!important;border-top:0}
.bl6 .br.home .tag{top:-26px!important;left:0!important}
.bl6 .br .lg{height:30px!important}
.bl6 .br p.cats{font-size:14px!important;line-height:1.5!important;color:#D5DEEC}
}
@media (max-width:900px){
.brands .sh{grid-template-columns:1fr!important;row-gap:16px!important}
.brands .sh h2{font-size:min(64px,calc((100vw - 2 * var(--gut)) / 6.9))!important;line-height:1.02!important}
.brands .sh .aside{max-width:560px!important}
.brands .mrow{z-index:auto!important}
}
.close .nl{padding:clamp(28px,3vw,44px)!important}
.close .nl .btn-b .arr{color:#fff!important}
.close .nl .fi{min-width:0}
@media (max-width:420px){.close .nl .fi{flex-wrap:wrap}.close .nl .fi input{flex:1 1 100%}.close .nl .fi .btn{flex:1 1 100%;justify-content:center}}
/* ===== marchi MOBILE <=600: carosello, una card per marchio con la sua macchina ===== */
.br .ph-m,.bdots{display:none}
@media (max-width:600px){
.brands .stagem{display:none!important}
.brands .blk{margin-top:30px!important;padding-top:64px!important}
.bl6{display:flex!important;gap:12px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1 * var(--gut));padding:30px var(--gut) 4px!important;scroll-padding-inline:var(--gut)}
.bl6::-webkit-scrollbar{display:none}
.bl6 .br,.bl6 .br:first-child,.bl6 .br.home{flex:0 0 84%;scroll-snap-align:start;margin:0!important;padding:0 0 18px!important;gap:10px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.04)}
.bl6 .br.home{background:linear-gradient(180deg,#0C3468,#0B2244)!important;border-color:transparent!important}
.bl6 .br.home::before{z-index:2}
.bl6 .br>*:not(.ph-m):not(.tag){margin-inline:18px!important}
.bl6 .br .ph-m{display:flex;align-items:flex-end;justify-content:center;height:clamp(170px,52vw,230px);background:#fff;padding:16px 12px 12px;margin:0 0 6px}
.bl6 .br .ph-m img{position:static!important;transform:none!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}
.bl6 .br .ph-m img[data-b=mecalac]{max-height:74%!important}
.bl6 .br .ph-m img[data-b=ce]{max-height:97%!important}
.bl6 .br .lg{height:30px!important;margin-top:4px}
.bl6 .br.home .tag{top:-26px!important;left:-1px!important}
.bdots{display:flex;justify-content:center;gap:6px;margin-top:16px}
.bdots i{width:22px;height:3px;background:rgba(255,255,255,.25);transition:background .3s}
.bdots i.on{background:var(--arancio)}
}
/* ===== STORIA: blu aziendale + filo arancio obliquo come marchi/contatti ===== */
.story{position:relative;background:linear-gradient(160deg,#13468D 0%,#0E3A81 100%)!important;padding-top:calc(var(--pad) + 56px)!important}
.story::before{content:"";position:absolute;left:0;right:0;top:0;height:57px;background:#fff;clip-path:polygon(0 0,100% 0,100% 0,0 56px);z-index:1;pointer-events:none}
.story::after{content:"";position:absolute;left:0;right:0;top:0;height:68px;background:var(--arancio);clip-path:polygon(0 56px,100% 0,100% 12px,0 68px);z-index:1;pointer-events:none}
.story .tlnav button{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.story .tlnav button:hover{background:var(--arancio);box-shadow:none}
.story .yr{border-left:1px solid rgba(255,255,255,.16);padding:0 26px 6px 22px}
.story .yr::before{left:-9px}
.story .yr.hl{background:linear-gradient(180deg,#0C3468,#0B2244);box-shadow:inset 0 3px 0 var(--arancio);padding-top:16px;border-left-color:transparent}
.story .yr.hl::before{top:-40px}
@media (max-width:760px){.story{padding-top:96px!important}}
/* ===== BLOG ===== */
.news .sh .aside{max-width:420px}
.bcat{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 clamp(18px,2.6vh,26px)}
.bcat-l{font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muto);margin-right:6px}
.bcat a{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:9px 13px;line-height:1.2;color:var(--blu);box-shadow:inset 0 0 0 1px rgba(18,69,140,.28);transition:.25s}
.bcat a:hover{box-shadow:inset 0 0 0 1px var(--blu)}
.bcat a.on{background:var(--blu);color:#fff;box-shadow:none}
.bmain{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px;align-items:stretch}
.news .nw .ph{aspect-ratio:19/10}
.bfeat h3{font-size:clamp(24px,2.2vw,34px)!important}
.bfeat p{min-height:0!important}
.blist{background:#fff;padding:20px 24px 8px;display:flex;flex-direction:column}
.bl-h{font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muto);padding-bottom:12px;border-bottom:2px solid var(--arancio)}
.blist a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:5px;padding:15px 0;border-bottom:1px solid rgba(18,69,140,.12);flex:1;align-content:center;transition:padding .3s}
.blist a:last-child{border-bottom:0}
.blist .bm{grid-column:1;display:flex;gap:12px;align-items:baseline;font-family:var(--f-lab);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.blist .bm .k{color:var(--arancio)}.blist .bm .d{color:var(--muto)}
.blist b{grid-column:1;font-family:var(--f-disp);font-weight:400;text-transform:uppercase;font-size:clamp(17px,1.35vw,20px);line-height:1.15;color:var(--blu)}
.blist .arr{grid-column:2;grid-row:1/3;align-self:center;color:var(--arancio);font-family:var(--f-lab);font-size:16px;transition:transform .3s}
.blist a:hover{padding-left:8px}.blist a:hover .arr{transform:translateX(4px)}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.bfoot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(20px,3vh,30px);flex-wrap:wrap}
.bsearch{display:flex;flex:1 1 420px;max-width:560px}
.bsearch input{flex:1;min-width:0;border:0;box-shadow:inset 0 0 0 1px rgba(18,69,140,.28);background:#fff;padding:16px;font-family:var(--f-body);font-size:15.5px;color:var(--testo)}
.bsearch input:focus{outline:2px solid var(--blu);outline-offset:-2px}
@media (max-width:900px){
.bmain{grid-template-columns:1fr}
.bgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
.news .sh .btn{display:none}
.bcat{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut)}
.bcat::-webkit-scrollbar{display:none}
.bcat a,.bcat-l{flex:none}
.bgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gut));padding:0 var(--gut) 4px;scroll-padding-inline:var(--gut)}
.bgrid::-webkit-scrollbar{display:none}
.bgrid .nw{flex:0 0 84%;scroll-snap-align:start}
.blist{padding:16px 18px 4px}
.bfoot{flex-direction:column;align-items:stretch}
.bsearch{flex:none;max-width:none}
.bfoot>.btn{justify-content:center}
}
/* storia: obliquo inverso (scende verso destra), filo arancio sottile */
.story{position:relative;clip-path:polygon(0 0,100% 56px,100% 100%,0 100%)!important;margin-top:-56px!important;padding-top:calc(var(--pad) + 56px)!important}
.story::after{content:""!important;display:block!important;position:absolute;left:0;right:0;top:0;height:64px;background:var(--arancio);clip-path:polygon(0 0,100% 56px,100% 62px,0 6px);pointer-events:none;z-index:1}
.story::before{content:none!important;display:none!important}
/* contatti: rampa (piano poi obliquo a destra), filo arancio solo sulla rampa */
.close{position:relative;clip-path:polygon(0 0,58% 0,100% 64px,100% 100%,0 100%)!important;margin-top:0!important;padding-top:calc(var(--pad) + 24px)!important}
.close::before{content:""!important;display:block!important;position:absolute;left:0;right:0;top:0;height:74px;background:var(--arancio);clip-path:polygon(58% 0,100% 64px,100% 74px,58% 10px);pointer-events:none;z-index:1}
@media (max-width:760px){.story{padding-top:96px!important}.close{padding-top:72px!important;clip-path:polygon(0 0,40% 0,100% 44px,100% 100%,0 100%)!important}.close::before{clip-path:polygon(40% 0,100% 44px,100% 54px,40% 10px)}}
/* contatti: bordo dritto */
.close{clip-path:none!important;padding-top:var(--pad)!important}
.close::before{content:none!important;display:none!important}
@media (max-width:760px){.close{padding-top:56px!important;clip-path:none!important}.news .sh .btn{display:inline-flex!important;justify-self:start}}
/* ===== bilanciamento: storia chiara, blog bianco ===== */
.story{background:var(--grigio)!important;color:var(--testo)!important}
.story .quote{color:var(--ink)}
.story .who{color:var(--muto)!important}
.story .intro{color:var(--muto)!important}
.story .tlnav button{color:var(--blu);box-shadow:inset 0 0 0 1px rgba(18,69,140,.3)!important;background:transparent}
.story .tlnav button:hover{background:var(--blu);color:#fff;box-shadow:none!important}
.story .yr{border-left-color:rgba(18,69,140,.16)!important}
.story .yr .y{color:var(--blu)}
.story .yr p{color:var(--muto)}
.story .yr.hl{background:linear-gradient(160deg,#13468D 0%,#0E3A81 100%)!important}
.story .yr.hl .y{color:#fff}.story .yr.hl p{color:#D5DEEC}
/* decorazione storia: segni di cingolo lungo la linea del tempo */
.tlw .axis{opacity:.9}
.tlw .trk{position:absolute;left:0;right:0;top:28px;height:30px;background:url("../../img/traccia-6.svg") left center/auto 30px repeat-x;transform:rotate(180deg);pointer-events:none;transition:opacity 1.2s .6s}
.tlw.pre .trk{opacity:0}


/* blog: fondo bianco, outline "Blog" come la sgommata */
.news{background:#fff!important;position:relative;overflow:hidden}
.news .wrap{position:relative}
.nw-gh{right:calc(var(--gut) + 250px);top:-.02em;font-size:clamp(110px,12vw,200px);-webkit-text-stroke:2px rgba(18,69,140,.3)!important;z-index:0}
.news .sh,.news .bmain{position:relative;z-index:1}
.news .sh .btn{margin-right:0}
.blist{background:var(--grigio)!important}
@media (max-width:900px){.nw-gh{display:none!important}}
/* storia: seconda sgommata, diversa (battistrada a V di una gommata, in curva) */
.story{position:relative}
.story>.wrap{position:relative;z-index:1}
.sg2{position:absolute;left:0;bottom:0;width:100%;height:clamp(150px,18vw,240px);pointer-events:none;z-index:0;overflow:visible;transition:clip-path 1.6s .3s var(--ease);clip-path:inset(-40px -4px -40px -4px)}
.story.sgpre .sg2{clip-path:inset(-40px 100% -40px -4px)}
.story{padding-bottom:calc(var(--pad) + clamp(70px,8vw,120px))!important}
/* ===== NUMERI (al posto della storia) ===== */
.nums{position:relative;background:var(--grigio);color:var(--testo);padding:calc(var(--pad) + 56px) 0 calc(var(--pad) + clamp(70px,8vw,120px));clip-path:polygon(0 0,100% 56px,100% 100%,0 100%);margin-top:-56px;overflow:hidden}
.nums::after{content:"";position:absolute;left:0;right:0;top:0;height:64px;background:var(--arancio);clip-path:polygon(0 0,100% 56px,100% 62px,0 6px);pointer-events:none;z-index:1}
.nums>.wrap{position:relative;z-index:1}
.nums .sg2{position:absolute;left:0;bottom:0;width:100%;height:clamp(150px,18vw,240px);pointer-events:none;z-index:0;overflow:visible;transition:clip-path 1.6s .3s var(--ease);clip-path:inset(-40px -4px -40px -4px)}
.nums.sgpre .sg2{clip-path:inset(-40px 100% -40px -4px)}
.nm-h h2{font-size:clamp(42px,4.3vw,68px);margin-top:12px;color:var(--ink)}
.nm-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(30px,5vh,52px);border-top:1px solid rgba(18,69,140,.16)}
.nm{display:flex;flex-direction:column;padding:26px clamp(14px,2vw,30px) 6px;border-left:1px solid rgba(18,69,140,.16)}
.nm:first-child{border-left:0;padding-left:0}
.nm b{font-family:var(--f-disp);font-weight:400;font-size:clamp(64px,6.4vw,104px);line-height:.9;color:var(--blu);font-variant-numeric:tabular-nums;white-space:nowrap}
.nm b sup{font-size:.42em;color:var(--arancio);vertical-align:top;margin-left:2px;line-height:1}
.nm .nm-t{display:block;font-family:var(--f-lab);font-weight:600;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--arancio);margin:14px 0 8px}
.nm .nm-x{display:block;color:var(--muto);font-size:14.5px;line-height:1.5;max-width:260px}
@media (max-width:900px){.nm-g{grid-template-columns:repeat(2,minmax(0,1fr))}.nm:nth-child(3){border-left:0;padding-left:0}.nm:nth-child(n+3){border-top:1px solid rgba(18,69,140,.16)}}
@media (max-width:760px){.nums{padding-top:96px;padding-bottom:calc(56px + 90px)}.nm{padding:20px 14px 16px}.nm b{font-size:clamp(52px,15vw,72px)}.nm .nm-x{font-size:13.5px}}
/* ===== BLOG: articolo della settimana + evento, niente fondi blu ===== */
.news{background:#fff!important}
.bx{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(16px,2vw,28px);position:relative;z-index:1}
.bx a{display:flex;flex-direction:column;color:var(--testo);background:#fff}
.bx .ph{position:relative;overflow:hidden;aspect-ratio:19/10}
.bx .ph i{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s var(--ease)}
.bx a:hover .ph i{transform:scale(1.05)}
.bx-tag{position:absolute;left:0;top:0;background:var(--arancio);color:#fff;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;padding:9px 14px;line-height:1.2}
.bx .bd{padding:20px 0 0;display:flex;flex-direction:column;flex:1}
.bx .mt{display:flex;gap:14px;align-items:baseline;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase}
.bx .mt .k{color:var(--arancio)}.bx .mt .d{color:var(--muto)}
.bx h3{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;color:var(--ink);line-height:1.08;margin:10px 0 10px}
.bx-a h3{font-size:clamp(28px,2.5vw,40px)}
.bx-e h3{font-size:clamp(22px,1.9vw,30px)}
.bx p{margin:0 0 16px;color:var(--muto);font-size:15.5px;line-height:1.55;max-width:620px}
.bx .go{margin-top:auto;align-self:flex-start;font-family:var(--f-lab);font-weight:600;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--blu);padding-bottom:6px;border-bottom:2px solid var(--arancio)}
.bx .go .arr{color:var(--arancio);display:inline-block;transition:transform .3s}.bx a:hover .go .arr{transform:translateX(4px)}
.bx-e .ph{aspect-ratio:auto;flex:1;min-height:260px}
.bx-e .dt{position:absolute;right:0;bottom:0;background:#fff;padding:14px 18px 12px;text-align:right;border-top:3px solid var(--arancio)}
.bx-e .dt b{display:block;font-family:var(--f-disp);font-weight:400;font-size:clamp(34px,3vw,46px);line-height:1;color:var(--ink)}
.bx-e .dt span{display:block;font-family:var(--f-lab);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--arancio);margin-top:6px}
.bx-e .bd{flex:none}
.bx-l{position:relative;z-index:1;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:start;gap:0;margin-top:clamp(26px,4vh,40px);border-top:1px solid rgba(18,69,140,.16)}
.bx-lh{font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muto);padding:20px 28px 0 0;white-space:nowrap}
.bx-l a{display:block;padding:18px 22px 0;border-left:1px solid rgba(18,69,140,.16)}
.bx-l .k{display:block;font-family:var(--f-lab);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--arancio);margin-bottom:6px}
.bx-l b{font-family:var(--f-disp);font-weight:400;text-transform:uppercase;font-size:clamp(17px,1.3vw,20px);line-height:1.15;color:var(--ink);transition:color .25s}
.bx-l a:hover b{color:var(--blu)}
@media (max-width:900px){.bx{grid-template-columns:1fr}.bx-e .ph{min-height:0;aspect-ratio:19/10;flex:none}.bx-l{grid-template-columns:1fr}.bx-lh{padding:18px 0 4px}.bx-l a{border-left:0;border-top:1px solid rgba(18,69,140,.12);padding:14px 0}}
@media (min-width:901px){.nw-gh{font-size:clamp(90px,8.6vw,146px)!important;top:.04em!important}}
/* blog: foto tutte in proporzione 760x400, niente data grande */
.bx-e .ph{aspect-ratio:19/10!important;flex:none!important;min-height:0!important}
.bx-e .dt{display:none!important}
.bx{align-items:start}
/* blog: sgommata a V in fondo */
.news{position:relative;overflow:hidden;padding-bottom:calc(var(--pad) + clamp(60px,7vw,110px))!important}
.news>.wrap{position:relative;z-index:1}
.news .sg2{position:absolute;left:0;bottom:0;width:100%;height:clamp(150px,18vw,240px);pointer-events:none;z-index:0;overflow:visible;transition:clip-path 1.6s .3s var(--ease);clip-path:inset(-40px -4px -40px -4px)}
.news.sgpre .sg2{clip-path:inset(-40px 100% -40px -4px)}
/* contatti: numeri accanto alle recensioni */
.cnum{display:flex;gap:clamp(22px,3vw,44px);margin-top:clamp(26px,3.4vw,38px)}
.cnum div{border-left:2px solid var(--arancio);padding-left:14px}
.cnum b{display:block;font-family:var(--f-disp);font-weight:400;font-size:clamp(38px,3.4vw,54px);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cnum b sup{font-size:.45em;color:var(--arancio);vertical-align:top;margin-left:2px}
.cnum span{display:block;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#B9CBE6;margin-top:8px}
@media (max-width:760px){.news{padding-bottom:calc(56px + 80px)!important}.cnum{gap:18px}.cnum div{padding-left:10px}.cnum span{font-size:10.5px;letter-spacing:.14em}}
.news{background:var(--grigio)!important}.bx a{background:none!important}
/* news: titoli card in DIN Narrow (Anton solo per i titoloni), card allineate */
.bx{align-items:stretch!important}
.bx a{height:100%}
.bx .bd{flex:1}
.bx h3{font-family:var(--f-lab)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;line-height:1.15!important;color:var(--ink)}
.bx-a h3{font-size:clamp(24px,2vw,30px)!important}
.bx-e h3{font-size:clamp(20px,1.6vw,24px)!important}
.bx-e p{font-size:15px}
.bx-l b{font-family:var(--f-lab)!important;font-weight:600!important;text-transform:none!important;font-size:clamp(16px,1.25vw,18px)!important;line-height:1.3!important}
.bx-r{display:flex;flex-direction:column;gap:22px;min-width:0}
.bx-r .bx-e{height:auto!important}
.bx-l2{border-top:1px solid rgba(18,69,140,.16);margin-top:auto}
.bx-l2 .bx-lh{display:block;padding:14px 0 4px}
.bx-l2 a{display:block;padding:12px 0;border-top:1px solid rgba(18,69,140,.1)}
.bx-l2 a:first-of-type{border-top:0}
.bx-l2 .k{display:block;font-family:var(--f-lab);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--arancio);margin-bottom:4px}
.bx-l2 b{font-family:var(--f-lab);font-weight:600;font-size:17px;line-height:1.3;color:var(--ink);transition:color .25s}
.bx-l2 a:hover b{color:var(--blu)}
.bx-l2 a{height:auto!important;display:block!important;background:none!important}.bx-r .bx-e{flex:none}
.bx-a .go{margin-top:6px!important}.bx-a p{margin-bottom:18px}
/* news: due card con lo stesso peso */
.bx{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(20px,2.4vw,36px)!important;align-items:start!important}
.bx-r{display:block!important}
.bx-a h3,.bx-e h3{font-size:clamp(22px,1.9vw,28px)!important}
.bx p{font-size:15.5px!important;margin:0 0 16px!important}
.bx .go{margin-top:0!important}
.bx-e .ph{aspect-ratio:19/10!important}
@media (max-width:900px){.bx{grid-template-columns:1fr!important}}
.bx{align-items:stretch!important}.bx-r{display:flex!important;flex-direction:column}.bx-r .bx-e{flex:1!important;height:100%!important}.bx .bd{flex:1!important}.bx .go{margin-top:auto!important}
.bx2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px);position:relative;z-index:1;align-items:stretch}
.bx2-f{display:flex;flex-direction:column;color:var(--testo)}
.bx2-f .ph{position:relative;overflow:hidden;aspect-ratio:19/10}
.bx2 .ph i,.bx2 .th i{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s var(--ease)}
.bx2-f:hover .ph i,.bx2-l a:hover .th i{transform:scale(1.05)}
.bx2-f .bd{padding-top:20px;display:flex;flex-direction:column;flex:1}
.bx2 .mt{display:flex;gap:12px;align-items:baseline;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase}
.bx2 .mt .k{color:var(--arancio)}.bx2 .mt .d{color:var(--muto)}
.bx2-f h3{font-family:var(--f-lab);font-weight:600;font-size:clamp(22px,1.9vw,28px);line-height:1.15;color:var(--ink);margin:10px 0}
.bx2-f p{margin:0 0 16px;color:var(--muto);font-size:15.5px;line-height:1.55}
.bx2-f .go{margin-top:auto;align-self:flex-start;font-family:var(--f-lab);font-weight:600;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--blu);padding-bottom:6px;border-bottom:2px solid var(--arancio)}
.bx2-f .go .arr{color:var(--arancio)}
.bx2-l{display:flex;flex-direction:column}
.bx2-h{font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muto);padding-bottom:12px;border-bottom:2px solid var(--arancio)}
.bx2-l a{flex:1;display:grid;grid-template-columns:clamp(130px,11vw,180px) minmax(0,1fr);gap:clamp(14px,1.6vw,22px);align-items:center;padding:16px 0;border-bottom:1px solid rgba(18,69,140,.14);color:var(--testo)}
.bx2-l .th{position:relative;display:block;overflow:hidden;aspect-ratio:19/10}
.bx2-l b{display:block;font-family:var(--f-lab);font-weight:600;font-size:clamp(17px,1.35vw,20px);line-height:1.2;color:var(--ink);margin:6px 0 4px;transition:color .25s}
.bx2-l a:hover b{color:var(--blu)}
.bx2-l .ex{display:block;color:var(--muto);font-size:14px;line-height:1.45}
@media (min-width:901px){.bx2-h{line-height:18px;height:32px;box-sizing:border-box;margin-top:-32px}}
@media (max-width:900px){.bx2{grid-template-columns:1fr}}
@media (max-width:600px){.bx2-l .mt{flex-direction:column;align-items:flex-start;gap:3px}.bx2-l a{padding:14px 0}.bx2-l b{font-size:17px}}
@media (max-width:600px){.bx2-l a{grid-template-columns:110px minmax(0,1fr);align-items:start}.bx2-l .ex{display:none}.bx2 .mt{font-size:10.5px;gap:8px;flex-wrap:wrap}}
/* ATTREZZATURE: parola lunga, sta sempre dentro il blocco */.t.t6{container-type:inline-size}.t.t6 .big{font-size:min(64px,14.5cqw);white-space:nowrap}
@media (max-width:900px){
/* gruppo mobile: pannello aperto alto abbastanza da non coprire la Delta col testo */
#acc .pan.on,#acc .pan.p-ce.on{height:clamp(470px,calc(84px + .6 * (100vw - 36px) + 245px),640px)!important}
/* sgommata mobile: spazio sotto, così non viene tagliata */
.g2.scr{padding-bottom:calc(clamp(120px,15vh,170px) + 70px)!important}
.g3-ol{bottom:calc(-1 * clamp(120px,15vh,170px) - 40px)!important}
}
/* ===== ingressi: un solo sistema, stesso ritmo per tutta la pagina ===== */
.rv{transition:none}
.ain:not(.ain-on){opacity:0!important}
.ain.ain-on{animation:ainUp .95s cubic-bezier(.16,1,.3,1) var(--d,0s) both}
.ain.ain-on.ain-l{animation-name:ainL}.ain.ain-on.ain-r{animation-name:ainR}
.ain.ain-on.ain-t{animation-name:ainT;animation-duration:1.1s}
.ain.ain-on.ain-s{animation-name:ainS;animation-duration:1.15s}
@keyframes ainUp{from{opacity:0;transform:translate3d(0,34px,0)}to{opacity:1;transform:none}}
@keyframes ainL{from{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:none}}
@keyframes ainR{from{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:none}}
@keyframes ainT{from{opacity:0;transform:translate3d(0,46px,0);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(-30% -10% -30% -10%)}}
@keyframes ainS{from{opacity:0;transform:translate3d(0,40px,0) scale(.965)}to{opacity:1;transform:none}}
/* il gruppo: il contenitore resta fermo, entrano i pannelli; banda e sgommata si disegnano */
.acc.pre{opacity:1!important;transform:none!important}
.acc .g3-band,.acc .g3-ol{transition:transform 1.4s cubic-bezier(.65,0,.25,1) .35s,clip-path 1.8s cubic-bezier(.65,0,.25,1) .5s}
@media (prefers-reduced-motion:reduce){.ain:not(.ain-on){opacity:1!important}.ain.ain-on{animation:none}}
/* ===== HEADER v3: trasparente sulla hero, compatto e intelligente in scroll ===== */
header.nav{transition:background .35s,box-shadow .35s,transform .5s var(--ease),margin .35s var(--ease)}
header.nav::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 70px);background:linear-gradient(180deg,rgba(7,24,58,.62),rgba(7,24,58,0));pointer-events:none;z-index:-1;transition:opacity .35s}
header.nav .wrap{transition:height .35s var(--ease)}
.nav .logo{transition:height .35s var(--ease)}
.nav.solid{margin-bottom:16px}
.nav.solid .wrap{height:68px}
.nav.solid .logo{height:28px}
.nav.solid::before{opacity:0}
.nav.hide{transform:translateY(-100%)}
.menu a.on::after{transform:scaleX(1)}
.nav .prog{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--arancio);transform-origin:left;transform:scaleX(var(--p,0));opacity:0;transition:opacity .3s;pointer-events:none}
.nav.solid .prog{opacity:1}
.has-dd>a{display:inline-flex;align-items:center;gap:8px}
.has-dd>a::before{content:"";order:2;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s}
.nav.dd-open .has-dd>a::before{transform:translateY(1px) rotate(-135deg)}
.dd{position:absolute;left:0;right:0;top:100%;background:var(--ink);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .4s var(--ease),visibility 0s .4s;box-shadow:0 34px 50px -30px rgba(0,0,0,.65)}
.nav.dd-open .dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}
header.nav .dd .dd-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.2fr);height:auto;padding-block:24px}
.dd-c{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px 22px 18px;border-left:1px solid rgba(255,255,255,.12);color:#fff;transition:background .3s}
.dd-c:first-child{border-left:0}
.dd-c:hover,.dd-c:focus-visible{background:rgba(255,255,255,.07)}
.dd-m{height:112px;display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;overflow:hidden}
.dd-m img{max-height:92px;max-width:100%;width:auto;object-fit:contain;transition:transform .5s var(--ease)}
.dd-c:hover .dd-m img{transform:scale(1.06)}
.dd-lg{height:28px;display:flex;align-items:center}.dd-lg img{width:auto;max-width:100%}
.dd-c p{margin:0;font-size:13.5px;line-height:1.45;color:#AFC3E2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dd-go{margin-top:auto;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.dd-go b{color:var(--arancio);margin-left:6px;display:inline-block;transition:transform .3s}.dd-c:hover .dd-go b{transform:translateX(4px)}
.dd-at{display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px 18px;border-left:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.dd-at>span{font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--arancio);padding:0 8px 4px}
.dd-ar{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:10px 8px;color:#fff;transition:background .3s}
.dd-ar:hover,.dd-ar:focus-visible{background:rgba(255,255,255,.07)}
.dd-ar .im{display:flex;justify-content:center}.dd-ar .im img{max-height:54px;max-width:62px;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(0,0,0,.4))}
.dd-ar .lg img{max-height:18px;width:auto;max-width:100%}
.dd-ar .x{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:12.5px;line-height:1.35;color:#AFC3E2}
@media (max-width:1180px){.dd{display:none}.has-dd>a::before{display:none}}

/* footer: associazione */
.partner{margin-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.partner small{font-family:var(--f-lab);font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8EA3C2}
.partner img{height:58px;width:auto}
.partner .plg{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.partner .plg img{width:auto;display:block}
.partner .p-as{height:46px}.partner .p-ai,.partner .p-er{height:40px}.partner .plg i{flex-basis:100%;height:0}
/* ===== torna su ===== */
.totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:85;width:48px;height:48px;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s,transform .45s var(--ease),background .25s;box-shadow:0 12px 26px -14px rgba(0,0,0,.6)}
.totop svg{width:20px;height:20px;fill:currentColor;transition:transform .3s}
.totop.show{opacity:1;transform:none;pointer-events:auto}
.totop:hover{background:var(--arancio)}.totop:hover svg{transform:translateY(-3px)}

/* ===== DI COSA HA BISOGNO: ingresso semplice ===== */
.bento .t{clip-path:none!important;transition:opacity .8s ease-out,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.bento .t:nth-child(1){--d:0s}.bento .t:nth-child(2){--d:.08s}.bento .t:nth-child(3){--d:.16s}.bento .t:nth-child(4){--d:.24s}.bento .t:nth-child(5){--d:.32s}.bento .t:nth-child(6){--d:.4s}
.bento.pre .t{opacity:0;transform:translateY(24px)}

/* ===== ogni blocco occupa lo schermo sotto l'header (68px), con respiro tra un blocco e l'altro ===== */
@media (min-width:901px){
 section[id]{scroll-margin-top:68px}
 .g2.scr{min-height:calc(100svh - 68px)!important;padding-top:clamp(48px,7vh,80px)!important;padding-bottom:clamp(150px,19vh,190px)!important}
 section.need.scr{height:auto;min-height:calc(100svh - 68px);padding-block:clamp(48px,7vh,80px)!important}
 section.need .bento{min-height:clamp(400px,50vh,560px)}
 section.news{min-height:calc(100svh - 68px);padding-top:clamp(48px,7vh,80px)!important;padding-bottom:clamp(100px,13vh,140px)!important}
 .hero-wrap ~ .duo section.brands{padding-top:70px!important}
 .duo .brands .blk{padding-bottom:clamp(70px,8vh,100px)!important}
 section.close{padding-top:clamp(90px,11vh,130px)!important;padding-bottom:clamp(80px,10vh,120px)!important}
}
@media (min-width:901px) and (max-height:860px){
 section.news{padding-top:28px!important;padding-bottom:36px!important}
 .g2.scr{padding-top:32px!important;padding-bottom:130px!important}
}
@media (max-width:900px){
 section.need,section.news,section.close{padding-top:84px!important}
 section.need,section.close{padding-bottom:84px!important}
}
#mrow img{mix-blend-mode:normal!important}
/* ===== CHI SIAMO: foto del gruppo a sinistra fino al bordo, testo e numeri a destra, le 4 aziende sotto ===== */
.cs{position:relative;background:radial-gradient(120% 90% at 85% 0%,#1A55A3 0%,rgba(26,85,163,0) 55%),linear-gradient(160deg,#134A93 0%,#0E3A78 42%,#081C3E 100%);color:#fff;isolation:isolate;display:flex;flex-direction:column;justify-content:center;gap:clamp(36px,5.5vh,60px);padding-block:clamp(48px,7vh,80px);overflow:hidden}
@media (min-width:901px){.cs{min-height:calc(100svh - 68px)}}
.cs>.wrap{width:100%;box-sizing:border-box}
.cs-top{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);align-items:center}
.cs-ph{position:relative;margin:0;height:clamp(320px,45vh,470px);overflow:hidden}
.cs-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.cs-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,62,0) 70%,rgba(8,28,62,.35) 100%);pointer-events:none}
.cs-ph{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.cs-ph figcaption{position:absolute;left:max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut)));bottom:22px;background:var(--arancio);color:#fff;font-family:var(--f-lab);font-weight:600;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;padding:8px 12px;line-height:1.2}
.cs-tx{padding-left:clamp(32px,5vw,80px);padding-right:max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut)));min-width:0}
.cs-tx h2{font-size:clamp(40px,3.9vw,62px);margin:14px 0 18px;color:#fff}
.cs-tx p{margin:0;max-width:520px;color:#C9D6EA;font-size:16px}
.cs-num{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:clamp(22px,3.4vh,32px) 0 clamp(22px,3.4vh,30px);max-width:540px}
.cs-num div{border-left:2px solid var(--arancio);padding-left:12px;min-width:0}
.cs-num b{display:block;font-family:var(--f-disp);font-weight:400;font-size:clamp(36px,3vw,48px);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cs-num b i{font-style:normal}
.cs-num b sup{font-size:.45em;color:var(--arancio);vertical-align:top;margin-left:2px}
.cs-num span{display:block;margin-top:8px;font-family:var(--f-lab);font-weight:600;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#AFC3E2}
.cs-tx .lnk{color:#fff}

.cs-tx{container-type:inline-size}
.cs .cs-tx h2{font-size:min(clamp(40px,3.9vw,62px),calc(100cqi / 7.9))}
.cs-tx h2 span{display:block;white-space:nowrap}
/* le quattro aziende */
.cs-g{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.cs-gh{display:flex;flex-direction:column;justify-content:center;gap:8px;padding-right:18px;min-width:0}
.cs-gh h3{margin:0;font-family:var(--f-lab);font-weight:600;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.cs-gh p{margin:0;font-size:14.5px;line-height:1.5;color:#AFC3E2}
.cs-c{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 22px 18px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;min-width:0;transition:transform .45s var(--ease),box-shadow .45s,background .3s}
.cs-c::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--arancio);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.cs-c:hover,.cs-c:focus-visible{background:rgba(255,255,255,.12);transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 26px 40px -26px rgba(0,0,0,.7)}
.cs-c:hover::before,.cs-c:focus-visible::before{transform:none}
.cs-act{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--arancio)}
.cs-lgw{display:flex;align-items:center;height:36px}
.cs-lg{display:block;width:150px;max-width:100%;height:34px;object-fit:contain;object-position:left center}
.cs-d{font-size:14px;line-height:1.45;color:#C9D6EA}
.cs-go{margin-top:auto;padding-top:4px;font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff}
.cs-go b{display:inline-block;margin-left:4px;color:var(--arancio);transition:transform .3s}
.cs-c:hover .cs-go b{transform:translateX(4px)}
.cs-c.hl{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 2px var(--arancio)}

/* ingresso */
.cs-ph{transition:clip-path 1.1s cubic-bezier(.65,0,.35,1)}
.cs-ph img{transition:transform 1.6s var(--ease)}
.cs.pre .cs-ph{clip-path:inset(0 100% 0 0)}
.cs.pre .cs-ph img{transform:scale(1.08)}
.cs-tx>*{transition:opacity .7s,transform .8s var(--ease)}
.cs-tx>:nth-child(1){transition-delay:.2s}.cs-tx>:nth-child(2){transition-delay:.28s}.cs-tx>:nth-child(3){transition-delay:.36s}.cs-tx>:nth-child(4){transition-delay:.44s}.cs-tx>:nth-child(5){transition-delay:.52s}
.cs.pre .cs-tx>*{opacity:0;transform:translateY(22px)}
.cs-gh,.cs-c{transition:opacity .7s,transform .8s var(--ease),box-shadow .45s,background .3s}
.cs-c{transition-delay:calc(.12s + var(--i) * .09s),calc(.12s + var(--i) * .09s),0s,0s}
.cs.gpre .cs-gh,.cs.gpre .cs-c{opacity:0;transform:translateY(20px)}

@media (max-width:900px){
 .cs{gap:40px;padding-block:0 72px}
 .cs-top{grid-template-columns:1fr}
 .cs-ph{height:260px}
 .cs-ph figcaption{left:var(--gut)}
 .cs-tx{padding:36px var(--gut) 0}
 .cs-num{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
 .cs-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cs-gh{grid-column:1/-1;padding-right:0}
 .cs-c{padding:16px}
 .cs-lg{width:130px;height:30px}
}
@media (prefers-reduced-motion:reduce){.cs.pre .cs-ph{clip-path:none}.cs.pre .cs-tx>*,.cs.gpre .cs-gh,.cs.gpre .cs-c{opacity:1;transform:none}}
/* contatti chiari: il blu resta solo sulla card newsletter e nel footer */
section.close{background:var(--grigio)!important;color:var(--testo)!important}
.close h2{color:var(--ink)}
.close .tel{color:var(--ink)}
.close .tel small,.rev .score,.rev .au{color:var(--muto)!important}
.rev{border-top-color:rgba(18,69,140,.16)!important}
.rev blockquote{color:var(--testo)!important}
.rev .dots i{background:rgba(18,69,140,.18)}
.rev .dots i.on{background:var(--arancio)}
.close .deco{--pc:var(--blu);--pb:var(--blu);opacity:.06!important}
.close .nl{background:linear-gradient(155deg,#1E5DB0 0%,#12458C 48%,#0E3A81 100%)!important;box-shadow:0 26px 44px -28px rgba(11,34,68,.7)}
/* ===== cingoli: sempre sotto gli altri elementi, rivelati con una tendina veloce ===== */
#sg2{display:none!important}
section.news{min-height:0!important;padding-bottom:clamp(56px,7vh,80px)!important}
#marchi{position:relative}
.cng{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible;clip-path:inset(-40px -40px -40px -40px);transition:clip-path 2.2s cubic-bezier(.45,0,.25,1)}
.cng.pre{clip-path:inset(-40px 100% -40px -40px)}
.cs-top{position:relative;z-index:1}
.cs>.wrap{position:relative;z-index:1}
@media (max-width:900px){#marchi>.cng{display:none}}
@media (prefers-reduced-motion:reduce){.cng,.cng.pre{clip-path:none;transition:none}}
/* più aria tra hero e grandi marchi; il menu atterra con il titolo alla stessa distanza dall'header */
@media (min-width:901px){
 .hero-wrap ~ .duo section.brands{--bt:clamp(84px,10vh,108px);padding-top:var(--bt)!important;scroll-margin-top:calc(68px - var(--bt) + 56px)}
}
@media (max-width:900px){.hero-wrap ~ .duo section.brands{padding-top:88px!important;scroll-margin-top:12px}}

/* sottolineature: la linea si disegna invece di scattare */
.menu a::after{transition:transform .5s cubic-bezier(.65,0,.35,1)!important;transform-origin:right!important}
.menu a:hover::after,.menu a.on::after{transform:scaleX(1);transform-origin:left!important}
.lnk{background:none!important;position:relative}
.lnk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--arancio);transform-origin:left}
.lnk:hover::after,.lnk:focus-visible::after{animation:lnkDraw .7s cubic-bezier(.65,0,.35,1)}
@keyframes lnkDraw{0%{transform:scaleX(1);transform-origin:right}45%{transform:scaleX(0);transform-origin:right}46%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}
.cs-go,.gb-go{position:relative}
@media (prefers-reduced-motion:reduce){.lnk:hover::after{animation:none}}
/* tablet: l'ultimo riquadro del cantiere occupa tutta la riga invece di restare da solo */
@media (min-width:561px) and (max-width:900px){.bento .t6{grid-column:1/-1}}
/* il pulsante "Rivedi animazioni" non copre il testo legale del footer */
@media (max-width:600px){footer .legal{padding-right:60px}}
/* macchine: foto originali (non scontornate), ombre native; il fondo bianco sparisce con multiply */
@media (min-width:901px){
.brands .mrow img[data-b=volvo]{height:calc(var(--R) * 1.72)!important;bottom:calc(var(--R) * .02)!important}
.brands .mrow img[data-b=mecalac]{height:calc(var(--R) * 1.30)!important;bottom:calc(var(--R) * -.007)!important}
.brands .mrow img[data-b=manitou]{height:calc(var(--R) * 3.828)!important;bottom:calc(var(--R) * .003)!important}
.brands .mrow img[data-b=ce]{height:calc(var(--R) * 1.933)!important;bottom:calc(var(--R) * -.098)!important}
}
@media (max-width:900px){
.brands .mrow img[data-b=volvo]{height:calc(var(--R) * 1.72)!important}
.brands .mrow img[data-b=mecalac]{height:calc(var(--R) * 1.30)!important}
.brands .mrow img[data-b=manitou]{height:calc(var(--R) * 3.828)!important}
.brands .mrow img[data-b=ce]{height:calc(var(--R) * 1.933)!important}
}
.bl6 .br .ph-m img[data-b=ce]{max-height:100%!important}
#mrow img{mix-blend-mode:multiply!important}
#mrow{transform:none!important}
/* macchine dei marchi (desktop): stessa distanza tra una macchina e l'altra, dal filo del titolo al filo del testo */
@media (min-width:901px){
.brands .mrow{display:flex!important;justify-content:space-between;align-items:stretch}
.brands .mrow .c{flex:none;height:100%;display:flex;align-items:flex-end;position:relative}
.brands .mrow img{position:relative!important;left:auto!important;display:block;transform:translateY(calc(var(--y,0px) + var(--dy,0%)))!important}
/* la distanza si misura sull'ingombro a terra (il cestello del Manitou sporge in alto a sinistra e non conta) */
.brands .mrow img[data-b=volvo]{margin:0 calc(var(--R) * -.039) 0 calc(var(--R) * -.019)!important}
.brands .mrow img[data-b=mecalac]{margin:0 calc(var(--R) * -.198) 0 calc(var(--R) * -.112)!important}
.brands .mrow img[data-b=manitou]{margin:0 calc(var(--R) * -.071) 0 calc(var(--R) * -.813)!important}
.brands .mrow img[data-b=ce]{margin:0 calc(var(--R) * -.012) 0 calc(var(--R) * -.07)!important}
}

/* header sticky: effetto vetro, appena trasparente */
.nav.solid{background:rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 10px 30px -18px rgba(11,34,68,.45)}

/* footer: colonne bilanciate, associazioni in una fascia dedicata con riquadri identici */
footer .fg{grid-template-columns:1.25fr 1.2fr 1fr 1fr;align-items:start}
footer .fg ul{grid-template-columns:repeat(2,minmax(0,max-content));grid-auto-flow:column;grid-template-rows:repeat(4,auto);column-gap:36px}
footer .assoc{display:grid;grid-template-columns:1.25fr 1.2fr 1fr 1fr;gap:16px clamp(28px,4vw,56px);align-items:center;margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
footer .assoc h5{margin:0}
footer .as-l{grid-column:2/-1;display:flex;gap:10px;flex-wrap:wrap}
footer .as-l span{width:168px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05)}
footer .as-l img{display:block;width:auto;height:auto;max-width:112px;max-height:38px}
footer .assoc + .legal{margin-top:28px}
@media (max-width:900px){footer .fg{grid-template-columns:1fr 1fr}footer .assoc{grid-template-columns:1fr}footer .as-l{grid-column:auto}}
@media (max-width:560px){footer .fg{grid-template-columns:1fr}footer .as-l{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}footer .as-l span{width:auto}footer .as-l img{max-width:80%}}

/* tile "di cosa ha bisogno": niente quadrato arancio sopra le scritte; freccia accanto al titolo + linea in basso */
.bento .t .ar{display:none!important}
.bento .t .k::after{content:"»";display:inline-block;margin-left:.6em;font-size:1.25em;line-height:0;letter-spacing:0;transition:transform .45s var(--ease)}
.bento .t:hover .k::after,.bento .t:focus-visible .k::after{transform:translateX(10px)}
.bento .t::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--arancio);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease);z-index:3}
.bento .t:hover::after,.bento .t:focus-visible::after{transform:scaleX(1)}
.bento .t4::after{background:#12458C}

/* ===== WordPress ===== */
/* barra di amministrazione (si vede solo da collegati) */
.admin-bar{--ab:32px}
@media (max-width:782px){.admin-bar{--ab:46px}}
@media (max-width:600px){.admin-bar{--ab:0px}}
.admin-bar header.nav{top:var(--ab)}
.admin-bar .mnav{top:var(--ab)}
/* salta al contenuto (compare solo con la tastiera) */
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--arancio);color:#fff;font-family:var(--f-lab);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:13px;padding:12px 16px;transition:top .2s}
.skip:focus{top:12px}
.nl small a{text-decoration:underline;text-underline-offset:3px}


/* ===== testo base unico (deciso il 7/10/2026) =====
   3 misure: 17 testo base, 15 testi secondari (anteprime, schede, piede), 20 frasi d'apertura.
   Un colore su fondo chiaro (--testo), uno su fondo blu o su foto (--velo). Titoli ed etichette non cambiano. */
:root{--base:#3A4A63;--velo:#DCE5F3}
body{font-size:17px}
.sh .aside,.brands .sh .aside{font-size:17px!important;color:var(--base)!important}
.rev blockquote{font-size:17px!important;color:var(--base)!important}
.hero .sub{font-size:20px!important;color:var(--velo)!important}
.cs-tx p{font-size:17px!important;color:var(--velo)!important}
.bx2-f p,.bx2-f .bd p,.bx2-l .ex{font-size:15px!important;color:var(--base)!important}
.t p,.atz-h p,.atzb .atz-h p,.atz-tx .xt,.cs-d,.cs-gh p,.nl p,.br p,.br p.cats,.bl6 .br p.cats{font-size:15px!important;color:var(--velo)!important}
footer,footer p,.legal,.nl small{font-size:15px!important;color:var(--velo)!important}
/* header fisso quasi pieno: trasparente sembrava azzurrino sopra le fasce blu */
.nav.solid{background:rgba(255,255,255,.97)!important}

/* ===== mobile (7/10/2026) ===== */
/* hero a tutto schermo: via la fascia arancione e il secondo pulsante */
@media (max-width:760px){
 .hero .hs{display:none!important}
 .hero{height:auto!important;min-height:calc(100svh - 38px)!important}
 .hero .copy{padding-block:24px clamp(96px,22svh,190px)!important}
 .hero .ctas .btn-g{display:none!important}
}
/* grandi marchi: niente carosello, una riga per marchio come le attrezzature (foto, logo, gamma, freccia) */
@media (max-width:600px){
 .bl6{display:grid!important;grid-template-columns:1fr!important;gap:0!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin:0!important}
 .bl6 .br,.bl6 .br:first-child,.bl6 .br.home{display:grid!important;grid-template-columns:104px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:16px!important;row-gap:6px!important;align-items:center;flex:none!important;width:auto!important;margin:0!important;padding:16px 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.16)!important;background:none!important}
 .bl6 .br:first-child{border-top:0!important}
 .bl6 .br>*:not(.ph-m):not(.tag){margin-inline:0!important}
 .bl6 .br .ph-m{grid-column:1;grid-row:1/-1;height:84px!important;margin:0!important;padding:6px!important;background:rgba(255,255,255,.94)!important;border-radius:2px}
 .bl6 .br .ph-m img{max-height:100%!important;max-width:100%!important}
 .bl6 .br .lg{grid-column:2;grid-row:1;height:24px!important;margin:0!important;justify-content:flex-start}
 .bl6 .br .lg img,.bl6 .br .lg img.ce-lg{max-height:100%!important;height:auto!important;max-width:150px!important}
 .bl6 .br p.cats{grid-column:2;grid-row:2;margin:0!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .bl6 .br .go{grid-column:3;grid-row:1/-1;font-size:0!important;padding:0!important;border:0!important;margin:0!important}
 .bl6 .br .go .arr{font-size:16px!important;color:var(--arancio)}
 .bl6 .br.home{grid-template-rows:auto auto auto}
 .bl6 .br.home .tag{position:static!important;grid-column:2;grid-row:1;justify-self:start;margin:0!important;transform:none!important}
 .bl6 .br.home .lg{grid-row:2}
 .bl6 .br.home p.cats{grid-row:3}
 .bdots{display:none!important}
}
/* === megamenu Prodotti e Noleggio (7 ott 2026): fondo bianco, foto delle macchine su bianco, all'hover nessun riquadro === */
.menu .mm>a{display:inline-flex;align-items:center;gap:7px}
.menu .car{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .3s}
.menu [aria-expanded=true] .car{transform:translateY(1px) rotate(-135deg)}
.nav.mega-on{background:#fff!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav.mega-on::before{opacity:0}
.nav.mega-on .logo.w{display:none}
.nav.mega-on .logo.c{display:block}
.nav.mega-on .menu a{color:var(--blu)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--testo);border-top:3px solid var(--arancio);box-shadow:0 34px 60px -34px rgba(11,34,68,.45);opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .35s var(--ease);pointer-events:none}
.mega.on{opacity:1;transform:none;pointer-events:auto}
.mega[hidden]{display:none}
.mega-l{display:block;font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muto);margin-bottom:8px}
.mg-ph{display:flex;align-items:flex-end;justify-content:center}
.mg-ph img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .5s var(--ease)}
a:hover>.mg-ph img,a:focus-visible>.mg-ph img{transform:translateX(-6px)}
.mg-lg{display:flex;align-items:center;justify-content:center;height:32px;width:100%}
.mg-lg img{width:auto;max-width:min(150px,100%);height:22px;object-fit:contain}
.mg-lg img[data-b=volvo]{height:12px}.mg-lg img[data-b=manitou]{height:20px}.mg-lg img[data-b=mecalac]{height:28px}.mg-lg img[data-b=ce]{height:30px}.mg-lg img[data-b=trevibenne]{height:32px}.mg-lg img[data-b=indeco]{height:32px}
.mg-lg .lg-t{font-family:var(--f-lab);font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--testo)}
/* Prodotti: fascia con i sei marchi e il riquadro dello showroom */
.mg-band{display:flex;gap:18px;max-width:var(--max);margin:0 auto;padding:22px var(--gut) 24px}
.mg-mac{display:flex;flex:4;min-width:0}
.mg-att{display:flex;flex:2;min-width:0;border-left:1px solid rgba(18,69,140,.12);padding-left:6px}
.mg-c{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 12px 16px}
.mg-c::after{content:"";position:absolute;left:24%;right:24%;bottom:0;height:3px;background:var(--arancio);transform:scaleX(0);transition:transform .35s var(--ease)}
.mg-c:hover::after,.mg-c:focus-visible::after{transform:scaleX(1)}
.mg-c .mg-ph{width:100%;height:80px}
.mg-c .mg-ph img{max-width:86%}
.mg-c .mg-lg{margin-top:10px;height:34px}
.mg-tx{font-size:13px;line-height:1.35;color:var(--base,#3A4A63);transition:color .25s}
.mg-c:hover .mg-tx,.mg-c:focus-visible .mg-tx{color:var(--blu)}
.mg-sw{flex:1.35;min-width:230px;margin-left:6px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px clamp(22px,2.4vw,36px);background:linear-gradient(135deg,var(--blu-g,#13468D),var(--blu-b));color:#fff;transition:filter .4s}
.mg-sw .mg-k{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--arancio)}
.mg-sw b{font-family:var(--f-disp);font-weight:400;font-size:28px;line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
.mg-sw .mg-s{font-size:14px;line-height:1.4;color:#DCE5F3}
.mg-sw .mg-go{margin-top:8px;font-family:var(--f-lab);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.mg-sw:hover,.mg-sw:focus-visible{filter:brightness(1.12)}
/* Noleggio: lavori con la foto della macchina + flotta in elenco */
.mg-box{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:0 clamp(24px,3vw,44px);max-width:var(--max);margin:0 auto;padding:24px var(--gut) 24px}
.mg-lv{display:flex;flex-direction:column}
.mg-lv-g{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:0 clamp(24px,3vw,48px)}
.mg-r{display:flex;align-items:center;gap:18px;padding:6px 0;border-bottom:1px solid rgba(18,69,140,.12)}
.mg-r:nth-last-child(-n+2){border-bottom:0}
.mg-r .mg-ph{width:100px;height:62px;flex:none}
.mg-r b{font-family:var(--f-lab);font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--testo);line-height:1.25;transition:color .25s}
.mg-r:hover b,.mg-r:focus-visible b{color:var(--blu)}
.mg-fl{border-left:1px solid rgba(18,69,140,.16);padding-left:clamp(20px,2.4vw,36px)}
.mg-fl a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid rgba(18,69,140,.12);font-family:var(--f-lab);font-weight:600;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--testo);transition:color .25s}
.mg-fl a:last-child{border-bottom:0}
.mg-fl a span{font-family:var(--f-body);font-weight:400;letter-spacing:0;text-transform:none;font-size:13px;color:var(--muto);white-space:nowrap;font-variant-numeric:tabular-nums}
.mg-fl a:hover,.mg-fl a:focus-visible{color:var(--blu)}
@media (max-width:1180px){.mega{display:none!important}}
/* === menu mobile (7 ott 2026): pannello bianco, una voce per riga, Prodotti e Noleggio a fisarmonica con le foto === */
html.mn-on,html.mn-on body{overflow:hidden}
.mnav{position:fixed;inset:0;z-index:10000;background:#fff;color:var(--testo);display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .45s cubic-bezier(.7,0,.2,1),visibility 0s .45s}
.mnav.open{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.7,0,.2,1),visibility 0s}
.mn-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:env(safe-area-inset-top,0px) var(--gut) 0;border-bottom:3px solid var(--arancio)}
.mn-top img{height:26px;width:auto}
.mnav .x{position:relative;flex:none;width:44px;height:44px;margin-right:-10px;border:0;background:none;cursor:pointer}
.mnav .x i{position:absolute;left:11px;right:11px;top:21px;height:2px;background:var(--blu)}
.mnav .x i:first-child{transform:rotate(45deg)}.mnav .x i:last-child{transform:rotate(-45deg)}
.mn-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px var(--gut) 24px}
.mn-l{list-style:none;margin:0;padding:0}
.mn-i{border-bottom:1px solid rgba(18,69,140,.12)}
.mn-h{display:flex;align-items:center;gap:12px}
.mn-i>a,.mn-h>a{flex:1;display:block;padding:17px 0;font-family:var(--f-lab);font-weight:600;font-size:17px;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--testo)}
.mn-i>a.on,.mn-h>a.on{color:var(--blu)}
.mn-i>a.on::after,.mn-h>a.on::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--arancio);margin-left:10px;vertical-align:middle}
.mn-t{position:relative;flex:none;width:44px;height:44px;margin-right:-10px;border:0;background:none;cursor:pointer}
.mn-t i{position:absolute;left:50%;top:50%;width:9px;height:9px;border-right:2px solid var(--blu);border-bottom:2px solid var(--blu);transform:translate(-50%,-70%) rotate(45deg);transition:transform .3s}
.mn-t[aria-expanded=true] i{transform:translate(-50%,-30%) rotate(-135deg)}
.mn-s{padding:0 0 18px}
.mn-s:not([hidden]){animation:mnGiu .35s var(--ease)}
@keyframes mnGiu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mn-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
.mn-c{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0 12px}
.mn-c .mg-ph{width:100%;height:74px}
.mn-c .mg-lg{height:28px}
.mn-c .mg-lg img[data-b=volvo]{height:10px}.mn-c .mg-lg img[data-b=manitou]{height:15px}.mn-c .mg-lg img[data-b=mecalac]{height:21px}.mn-c .mg-lg img[data-b=ce]{height:26px}.mn-c .mg-lg img[data-b=trevibenne]{height:26px}.mn-c .mg-lg img[data-b=indeco]{height:24px}
.mn-r{display:flex;align-items:center;gap:10px;padding:8px 0;min-width:0}
.mn-r .mg-ph{width:58px;height:40px;flex:none}
.mn-r b{font-family:var(--f-lab);font-weight:600;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;line-height:1.25;color:var(--testo)}
.mn-s .mega-l{margin:2px 0 4px}
.mn-more{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:15px 16px;background:linear-gradient(135deg,var(--blu-g,#13468D),var(--blu-b));color:#fff;font-family:var(--f-lab);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.mn-foot{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:14px var(--gut) calc(16px + env(safe-area-inset-bottom,0px));background:var(--grigio)}
.mn-foot .btn{flex:1 1 100%;justify-content:center}
.mn-tel{font-family:var(--f-lab);font-weight:600;font-size:16px;letter-spacing:.06em;color:var(--blu)}
.mn-mail{font-size:14px;color:var(--muto)}
.mnav.open .mn-i{animation:mnIn .5s var(--ease) both}
.mnav.open .mn-i:nth-child(1){animation-delay:.14s}.mnav.open .mn-i:nth-child(2){animation-delay:.19s}.mnav.open .mn-i:nth-child(3){animation-delay:.24s}.mnav.open .mn-i:nth-child(4){animation-delay:.29s}.mnav.open .mn-i:nth-child(5){animation-delay:.34s}.mnav.open .mn-i:nth-child(6){animation-delay:.39s}.mnav.open .mn-i:nth-child(7){animation-delay:.44s}
.mnav.open .mn-foot{animation:mnIn .5s var(--ease) .45s both}
@keyframes mnIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@media (min-width:1181px){.mnav{display:none}}
@media (prefers-reduced-motion:reduce){.mnav,.mnav.open{transition:none}.mnav.open .mn-i,.mnav.open .mn-foot,.mn-s:not([hidden]){animation:none}.mega,.mg-ph img,.mg-c::after{transition:none}}
.menu .mm>a::after,.nav.mega-on .menu a::after{display:none!important}
.mg-ph{container-type:size;overflow:hidden}
.mega .mg-ph img.cr,.mnav .mg-ph img.cr{--bw:calc(1 - var(--bl) - var(--br));--bh:calc(1 - var(--bt) - var(--bb));--hh:min(100cqh / var(--bh),var(--mw,94cqw) / (var(--ar) * var(--bw)));flex:none;width:auto;height:var(--hh);max-width:none;max-height:none;margin-bottom:calc(var(--hh) * var(--bb) * -1);transform:translateX(calc((var(--br) - var(--bl)) * 50%))}
.mega a:hover>.mg-ph img.cr,.mega a:focus-visible>.mg-ph img.cr{transform:translateX(calc((var(--br) - var(--bl)) * 50% - 6px))}
.mg-c .mg-ph{--mw:84cqw}
/* Noleggio: sotto ogni lavoro il pacchetto di macchine; la flotta nel riquadro blu, come lo showroom */
.mg-box{padding:22px var(--gut) 24px}
.mg-rt{display:flex;flex-direction:column;gap:4px;min-width:0}
.mg-rt>span{font-size:13px;line-height:1.35;color:var(--muto)}
.mg-fl{border-left:0;padding:20px clamp(20px,2vw,28px) 18px;background:linear-gradient(135deg,var(--blu-g,#13468D),var(--blu-b));color:#fff}
.mg-fl .mega-l{color:var(--arancio)}
.mg-fl a{color:#fff;border-bottom-color:rgba(255,255,255,.14);padding:7px 0}
.mg-fl a span{color:#B9CBE6}
.mg-fl a:hover,.mg-fl a:focus-visible{color:var(--arancio)}
.mg-fl a.mg-fl-go{border-bottom:0;justify-content:flex-start;align-items:center;gap:8px;margin-top:6px;padding-top:12px;font-size:13px;letter-spacing:.14em;color:#fff}
.mg-fl a.mg-fl-go .arr{color:var(--arancio)}
/* Prodotti: macchine e attrezzature in due gruppi con il loro nome; attrezzature su grigio */
.mg-band{gap:20px;padding:20px var(--gut) 24px}
.mg-g{display:flex;flex-direction:column;flex:4.3;min-width:0;padding-top:14px}
.mg-g-att{flex:2;background:var(--grigio,#F3F5F8);padding:14px 8px 0}
.mg-g .mega-l{padding-left:12px;margin-bottom:2px}
.mg-g .mg-mac,.mg-g .mg-att{flex:1;display:flex;border-left:0;padding-left:0}
.mg-att .mg-ph img{mix-blend-mode:multiply}
.mg-c{padding:10px 10px 18px}
.mg-c .mg-ph{height:96px;--mw:92cqw}
.mg-tx{font-size:12.5px}
.mg-sw{flex:none;width:236px;min-width:0;margin-left:0;padding:22px}
.mg-sw .mg-go{font-size:12px;white-space:nowrap}
.mg-sw b{font-size:25px}
/* Noleggio compatto: lavori su 3 colonne, flotta stretta col link accanto al titolo */
.mg-box{grid-template-columns:minmax(0,1fr) 300px;padding:18px var(--gut) 20px}
.mg-lv{justify-content:center}
.mg-lv-g{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:4px 24px}
.mg-r{border-bottom:0;padding:8px 0;gap:14px}
.mg-r .mg-ph{width:88px;height:56px}
.mg-rt>span{font-size:12.5px}
.mg-fl{padding:16px 22px 12px}
.mg-fl-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px}
.mg-fl .mg-fl-h .mega-l{margin:0}
.mg-fl a{padding:5px 0;font-size:12.5px}
.mg-fl a span{font-size:12.5px}
.mg-fl a.mg-fl-go{margin:0;padding:0;border:0;font-size:11.5px;letter-spacing:.14em}
/* Prodotti: attrezzature in colonna stretta (foto piccola + logo), più spazio alle macchine; niente fondo grigio */
.mg-g{flex:1}
.mg-g-att{flex:none;width:270px;background:none;padding:14px 0 0 18px;border-left:1px solid rgba(18,69,140,.12)}
.mg-g .mg-att{flex-direction:column;justify-content:center;gap:2px}
.mg-att .mg-c{flex:none;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:center;justify-items:start;text-align:left;padding:10px 0}
.mg-att .mg-c::after{left:0;right:0}
.mg-att .mg-c .mg-ph{grid-row:1 / span 2;width:58px;height:50px;--mw:100cqw}
.mg-att .mg-c .mg-lg{margin:0;height:auto;width:100%;justify-content:flex-start;align-self:end}
.mg-att .mg-c .mg-tx{align-self:start}
.mg-att .mg-ph img{mix-blend-mode:normal}
.mg-att .mg-lg img{max-width:100%}
.mg-att .mg-lg img[data-b=trevibenne]{height:50px}
.mg-att .mg-lg img[data-b=indeco]{height:34px}
.mg-sw{width:220px;padding:22px 20px}
.mg-sw .mg-s{font-size:13.5px}
/* Noleggio: i lavori riempiono l'altezza, con righe sottili come la flotta */
.mg-lv{justify-content:flex-start}
.mg-lv-g{flex:1;grid-template-rows:1fr 1fr;gap:0 28px}
.mg-r{border-bottom:1px solid rgba(18,69,140,.12);padding:10px 0}
.mg-r:nth-last-child(-n+3){border-bottom:0}
.mg-lv-g .mg-r:nth-child(-n+3){border-bottom:1px solid rgba(18,69,140,.12)}
.mg-lv .mega-l{padding-bottom:10px;border-bottom:1px solid rgba(18,69,140,.12);margin-bottom:0}
/* Prodotti senza riquadro blu: macchine con più aria, showroom in una barra sotto */
.mg-band{gap:0;padding:18px var(--gut) 20px}
.mg-g-att{width:250px;padding:14px 0 0 28px}
.mg-mac .mg-c{padding:10px 18px 16px}
.mg-mac .mg-c .mg-ph{height:92px;--mw:80cqw}
.mg-att .mg-lg img[data-b=indeco]{height:30px}
.lg-crop{--h:20px;display:block;width:calc(var(--h) * 6);height:var(--h);overflow:hidden}
.lg-crop img{display:block;height:calc(var(--h) * 2.7027)!important;width:auto!important;max-width:none!important;margin:calc(var(--h) * -.8514) 0 0 calc(var(--h) * -3.1216)}
.mn-c .lg-crop{--h:17px}
.mg-bar-w{border-top:1px solid rgba(18,69,140,.12);background:var(--grigio,#F3F5F8)}
.mg-bar{display:flex;align-items:center;gap:18px;max-width:var(--max);margin:0 auto;padding:14px var(--gut)}
.mg-bar .mg-k{font-family:var(--f-lab);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--arancio)}
.mg-bar .mg-s{flex:1;font-size:14px;color:var(--base,#3A4A63)}
.mg-bar .mg-go{font-family:var(--f-lab);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--blu);white-space:nowrap;transition:color .25s}
.mg-bar:hover .mg-go,.mg-bar:focus-visible .mg-go{color:var(--arancio)}
/* Attrezzature nel riquadro blu, loghi bianchi; l'hover non taglia più le foto */
.mg-g-att{width:270px;margin-left:24px;padding:16px 20px 6px;background:linear-gradient(135deg,var(--blu-g,#13468D),var(--blu-b));border-left:0}
.mg-g-att .mega-l{color:#B9CBE6;padding-left:0}
.mg-g-att .mg-tx{color:#DCE5F3}
.mg-g-att .mg-c:hover .mg-tx,.mg-g-att .mg-c:focus-visible .mg-tx{color:#fff}
.mg-att .mg-c .mg-ph{--mw:76cqw}
.mega .mg-att a:hover>.mg-ph img.cr,.mega .mg-att a:focus-visible>.mg-ph img.cr{transform:translateX(calc((var(--br) - var(--bl)) * 50% - 4px))}
.mg-r .mg-ph{--mw:84cqw}
.mg-g-att .mg-lg img[data-b=indeco]{height:26px}
.mg-g-att .lg-crop{--h:26px}
.lg-crop.lg-w{width:calc(var(--h) * 5.9286)}
.lg-crop.lg-w img{height:calc(var(--h) * 1.6607)!important;margin:calc(var(--h) * -.4107) 0 0 calc(var(--h) * -1.6964)}
/* === fine megamenu === */

/* Hero su telefono: niente pittogramma, barra arancione solo con la frase (7 ott 2026) */
@media (max-width: 760px) {
	.hero .hs { display: block !important; }
	.hs .wrap { padding-block: 16px; }
	.hs .lk { display: none; }
	.h2v .sg { display: none; }
	.hero .copy { padding-block: 24px 140px !important; }
	.h2v .reel { bottom: 86px; }
}

/* Hero su tablet: niente pulsante Video; in verticale niente pittogramma (7 ott 2026) */
@media (min-width: 761px) and (max-width: 1100px) {
	.h2v .reel { display: none; }
}
@media (min-width: 761px) and (max-width: 1100px) and (orientation: portrait) {
	.h2v .sg { display: none; }
}

/* Header sticky su tablet e iPhone: con overflow-x:hidden Safari tratta il body come contenitore di scorrimento
   e l'header si stacca lasciando spazio sopra. clip blocca lo scorrimento orizzontale senza creare il contenitore (7 ott 2026) */
@supports (overflow-x: clip) {
	body { overflow-x: clip; }
}

/* Hero, secondo giro (7 ott 2026)
   - telefono: torna «Scorri», a destra, alla stessa altezza di Video
   - a tutto schermo anche dove svh non esiste (vh di riserva) e con la barra di WordPress di chi e' collegato (--abh) */
:root { --abh: 0px; }
.admin-bar { --abh: 32px; }
@media (max-width: 782px) { .admin-bar { --abh: 46px; } }
@media (max-width: 760px) {
	.sdn { display: flex; left: auto; right: var(--gut); transform: none; bottom: 86px; }
	.hero { min-height: calc(100vh - 38px - var(--abh)) !important; min-height: calc(100svh - 38px - var(--abh)) !important; }
}
@media (min-width: 1101px) {
	.hero { height: max(620px, calc(100vh - 38px - var(--abh))); height: max(620px, calc(100svh - 38px - var(--abh))); }
}

/* Pulsante Video: icona pausa / play disegnata in CSS, sempre al centro del cerchio (la classe is-paused la mette home.js) (7 ott 2026) */
.reel .pl { font-size: 0; letter-spacing: 0; display: grid; place-items: center; }
.reel .pl::before { content: ""; display: block; width: 10px; height: 12px; box-sizing: border-box; border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.reel.is-paused .pl::before { width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent currentColor; margin-left: 3px; }

/* Tablet e iPad: il pulsante Video non c'e' (finiva sopra i pulsanti); la hero resta a tutto schermo (7 ott 2026) */
@media (min-width: 1101px) and (pointer: coarse) {
	.h2v .reel { display: none; }
}

/* Pulsanti (7 ott 2026): animazioni un filo piu' lente; su fondo chiaro l'hover e' il blu scuro del piede (--ink) */
.btn { transition-duration: .45s; }
.btn::after { transition-duration: .6s; }
.arr { transition-duration: .4s; }
:is(.nav.solid, #news, #contatti, .sec-w, .sec-g, .rq-f, .fl-p) :is(.btn-o, .btn-b):not(:is(.mk-b, .nl, .inc, .vc, .bh, .mega, .dd) *)::after { background: var(--ink); }
:is(.nav.solid, #news, #contatti, .sec-w, .sec-g, .rq-f, .fl-p) :is(.btn-o, .btn-b):not(:is(.mk-b, .nl, .inc, .vc, .bh, .mega, .dd) *):hover { color: #fff; }
:is(.nav.solid, #news, #contatti, .sec-w, .sec-g, .rq-f, .fl-p) :is(.btn-o, .btn-b):not(:is(.mk-b, .nl, .inc, .vc, .bh, .mega, .dd) *):hover .arr { color: var(--arancio); }

/* Freccette dei pulsanti: doppia freccia sottile disegnata (non piu' il carattere »), centrata sul testo (7 ott 2026). La barra arancione della Home usa <em> e resta com'e'. */
.arr { font-size: 0 !important; line-height: 0 !important; display: inline-block; flex: none; width: 12px; height: 10px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1.5 1.5 5 5l-3.5 3.5M6.5 1.5 10 5l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1.5 1.5 5 5l-3.5 3.5M6.5 1.5 10 5l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }

/* Pittogramma della hero della Home (approvato 7 ott 2026, prova 9). Regole: l'apostrofo resta sempre oltre il bordo destro
   (mai tagliato); del toro si vedono testa, petto e zampa; la parte bassa finisce dietro la barra arancione.
   Proporzioni fisse sulla larghezza del disegno (--pw): 33,3% fuori a destra, 9,6% sotto la barra. Solo Home (.h2v). */
@media (min-width: 761px) {
	.h2v .sg {
		--pw: min(62vw, calc((100vh - 270px - var(--hs)) * 1.876));
		--pw: min(62vw, calc((100svh - 270px - var(--hs)) * 1.876));
		left: auto;
		width: var(--pw);
		max-width: none;
		right: calc(var(--pw) * -0.333);
		bottom: calc(var(--hs) - var(--pw) * 0.096);
		opacity: 1; /* pieno anche su tablet orizzontale */
	}
}

/* ===== 1.1.9 · Marchi su telefono: macchine su fondo bianco con i loghi a colori, attrezzature sul blu ===== */
.lg picture{display:contents}
@media (max-width:900px){
#marchi.brands{background:linear-gradient(180deg,var(--grigio) 0,#fff 320px)!important}
#marchi .blk{margin-top:0!important;padding:0!important}
#marchi .blk .bgl{clip-path:none!important}
#marchi .blk .edge{display:none!important}
#marchi .bl6{position:relative;isolation:isolate;margin:0 calc(-1 * var(--gut))!important;padding:22px var(--gut) 84px!important;color:var(--ink)}
#marchi .bl6::before{content:"";position:absolute;inset:0 -1px;z-index:-1;background:#fff;clip-path:polygon(0 0,100% 0,100% calc(100% - 56px),0 100%)}
#marchi .bl6::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-12px;height:68px;z-index:-1;background:var(--arancio);clip-path:polygon(0 56px,100% 0,100% 12px,0 68px)}
#marchi .bl6 .br,#marchi .bl6 .br:first-child,#marchi .bl6 .br.home{grid-template-columns:104px minmax(0,1fr) auto!important;column-gap:16px!important;row-gap:6px!important;padding:18px 0!important;border-top:1px solid rgba(18,69,140,.12)!important;background:none!important;color:var(--ink)}
#marchi .bl6 .br:first-child{border-top:0!important;padding-top:0!important}
#marchi .bl6 .br.home{margin-top:0!important;border-top:1px solid rgba(18,69,140,.12)!important;padding-top:18px!important}
#marchi .bl6 .br.home::before{display:none!important}
#marchi .bl6 .br .ph-m{position:relative;height:84px!important;padding:0!important;background:none!important;border-radius:0!important;align-items:flex-end;justify-content:center;overflow:visible}
#marchi .bl6 .br .ph-m::after{content:"";position:absolute;left:8%;right:8%;bottom:-4px;height:12px;background:radial-gradient(closest-side,rgba(11,34,68,.26),rgba(11,34,68,0))}
#marchi .bl6 .br .ph-m img{position:relative!important;z-index:1;mix-blend-mode:multiply!important;transform:translateY(var(--giu,0))!important}
#marchi .bl6 .br .lg{height:auto!important;min-height:28px;align-items:center}
#marchi .bl6 .br .lg img{width:auto!important;height:auto!important;max-width:100%!important;max-height:var(--lh,22px)!important}
#marchi .bl6 .br[data-b="volvo"] .lg img{--lh:11px}
#marchi .bl6 .br[data-b="mecalac"] .lg img{--lh:31.5px}
#marchi .bl6 .br[data-b="manitou"] .lg img{--lh:20.5px}
#marchi .bl6 .br[data-b="ce"] .lg img{--lh:38px}
#marchi .bl6 .br p.cats{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;color:var(--base)!important;font-size:15px!important;line-height:1.45!important}
#marchi .atzb{margin-top:0!important;padding:34px 0 46px!important;border-top:0!important}
#marchi .atzb .atz-h{padding:0 0 8px!important}
#marchi .atzb .atz-h p{max-width:none!important}
#marchi .atzb .atz-r{grid-template-columns:104px minmax(0,1fr) auto!important;column-gap:16px!important;padding:18px 0!important;border-top:1px solid rgba(255,255,255,.16)!important;border-left:0!important}
#marchi .atzb .atz-ph{position:relative;height:84px!important;padding:0!important;background:none!important;align-items:flex-end;justify-content:center;overflow:visible}
#marchi .atzb .atz-ph::after{content:"";position:absolute;left:10%;right:10%;bottom:-4px;height:12px;background:radial-gradient(closest-side,rgba(0,0,0,.38),rgba(0,0,0,0))}
#marchi .atzb .atz-ph img{position:relative!important;z-index:1;filter:none!important}
#marchi .atzb .atz-tx .lg{height:auto!important;min-height:28px;margin-bottom:6px!important;align-items:center}
#marchi .atzb .atz-tx .lg img{width:auto!important;height:auto!important;max-width:100%!important;max-height:var(--lh,24px)!important}
#marchi .atzb .atz-r[data-b="trevi"] .lg img{--lh:31px}
#marchi .atzb .atz-r[data-b="indeco"] .lg img{--lh:36px}
#marchi .atzb .atz-tx .xt{font-size:15px!important;line-height:1.45!important}
}
/* 1.1.11 · loghi nuovi delle attrezzature (Trevibenne, Indeco) alla stessa grandezza visiva dei marchi, da tablet in su */
@media (min-width:601px){
#marchi .atzb .atz-tx .lg{height:auto!important;min-height:34px;align-items:center}
#marchi .atzb .atz-tx .lg img{width:auto!important;height:auto!important;max-width:100%!important;max-height:var(--lh,30px)!important}
#marchi .atzb .atz-r[data-b="trevi"] .lg img{--lh:33px}
#marchi .atzb .atz-r[data-b="indeco"] .lg img{--lh:39px}
}
/* 1.1.13 · Hero su telefono: al posto del pulsante «Video» (pausa) c'è il secondo pulsante «Di cosa hai bisogno?» */
@media (max-width:760px){
.h2v .reel{display:none!important}
.hero .ctas .btn-g{display:inline-flex!important}
}
/* 1.1.14 · Telefono: animazioni d'entrata delle righe dei marchi; le macchine e le attrezzature entrano da sinistra come nella fila del desktop */
@media (max-width:900px){
#marchi .bl6 .br.ain-on .ph-m,#marchi .atzb.ain-on .atz-ph{animation:ainL .85s cubic-bezier(.16,1,.3,1) calc(var(--d,0s) + .1s) both}
}
@media (prefers-reduced-motion:reduce){
#marchi .bl6 .br.ain-on .ph-m,#marchi .atzb.ain-on .atz-ph{animation:none}
}
/* 1.1.14 · Hero su telefono a tutto schermo con i due pulsanti; «Scorri» al centro, sopra la barra arancione */
@media (max-width:760px){
.hero .copy{padding-block:24px 84px!important}
.hero .sub{margin-bottom:26px}
.hero .ctas{gap:12px}
#hero .sdn{left:50%;right:auto;transform:translateX(-50%);bottom:62px;gap:6px}
#hero .sdn i{height:20px}
}
@media (max-width:359px){
#hero .sdn{bottom:82px}
}
/* 1.1.16 · Tablet verticale: sezione marchi come su telefono (righe foto + logo a colori + testo sul bianco, attrezzature sul blu) */
@media (min-width:601px) and (max-width:900px){
#marchi .stagem{display:none!important}
#marchi .bl6{display:grid!important;grid-template-columns:1fr!important;gap:0!important;overflow:visible!important}
#marchi .bl6 .br,#marchi .bl6 .br:first-child,#marchi .bl6 .br.home{display:grid!important;grid-template-rows:auto auto;align-items:center;flex:0 0 auto!important;width:auto!important;margin:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;grid-column:auto!important}
#marchi .bl6 .br.home{grid-template-rows:auto auto auto}
#marchi .bl6 .br .ph-m{display:flex!important;grid-area:1/1/-1;margin:0!important}
#marchi .bl6 .br .lg{grid-area:1/2;justify-content:flex-start;margin:0!important}
#marchi .bl6 .br p.cats{grid-area:2/2;margin:0!important}
#marchi .bl6 .br .go{grid-area:1/3/-1;font-size:0!important;padding:0!important;border:0!important;margin:0!important}
#marchi .bl6 .br .go .arr{color:var(--arancio);font-size:16px!important}
#marchi .bl6 .br.home .tag{grid-area:1/2;justify-self:start;position:static!important;margin:0!important;transform:none!important}
#marchi .bl6 .br.home .lg{grid-row:2}
#marchi .bl6 .br.home p.cats{grid-row:3}
}
@media (max-width:900px){
#marchi .bl6 .br,#marchi .bl6 .br:first-child,#marchi .bl6 .br.home,#marchi .atzb .atz-r{grid-template-columns:clamp(104px,20vw,160px) minmax(0,1fr) auto!important}
#marchi .bl6 .br .ph-m,#marchi .atzb .atz-ph{height:clamp(84px,15vw,120px)!important}
}
/* 1.1.17 · Frecce dei link allineate al testo: senza overflow:hidden la freccia (inline-block senza testo visibile) scendeva sotto la linea di base */
.arr{overflow:hidden;vertical-align:-1px}
/* 1.1.17 · Blog in Home su telefono: più aria tra «Leggi l'articolo» e «Ultimi articoli»; righe degli ultimi articoli con la foto centrata sul testo */
@media (max-width:600px){
.news .bx2{gap:46px}
.news .bx2-l a{grid-template-columns:120px minmax(0,1fr)!important;align-items:center!important;column-gap:14px;padding:16px 0!important}
}
/* 1.1.18 · Blog in Home da tablet orizzontale e desktop: stesso spazio sopra delle altre sezioni anche sugli schermi bassi (prima era schiacciato a 28px) */
@media (min-width:901px){
section.news{padding-top:clamp(56px,7vh,80px)!important}
}
/* 1.1.19 · Chi siamo su telefono e tablet verticale: prima etichetta e titolo sul blu, poi la foto, così dopo il blog si capisce subito che è un altro blocco */
@media (max-width:900px){
section.cs{padding-top:56px}
.cs-top{display:flex;flex-direction:column}
.cs-tx{display:contents}
.cs-tx > *{margin-left:var(--gut);margin-right:var(--gut)}
.cs-tx > .lab{order:1}
.cs-tx > h2{order:2;margin-bottom:28px}
.cs-top > .cs-ph{order:3}
.cs-tx > p{order:4;margin-top:32px}
.cs-tx > .cs-num{order:5}
.cs-tx > .lnk{order:6}
}
@media (max-width:900px){
#gruppo .cs-top{align-items:flex-start}
#gruppo .cs-top > .cs-ph{align-self:stretch}
#gruppo .cs-tx > *{margin-left:var(--gut);margin-right:var(--gut)}
#gruppo .cs-tx > h2{margin-top:14px;margin-bottom:28px}
#gruppo .cs-tx > p{margin-top:32px}
}
/* 1.1.21 · Chi siamo in Home: pulsante «La nostra storia» verso la pagina Chi siamo */
.cs-tx .cs-btn{margin-top:30px}
@media (max-width:900px){#gruppo .cs-tx > .cs-btn{order:6;margin-top:30px}}
/* 1.1.21 · Chi siamo in Home, tablet verticale: titolo su una riga, testo e numeri a tutta larghezza (niente vuoto a destra) */
@media (min-width:601px) and (max-width:900px){
#gruppo .cs-tx h2 span{display:inline}
#gruppo .cs-tx > p{max-width:none}
#gruppo .cs-tx > .cs-num{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:auto;max-width:none;align-self:stretch}
}

/* ===== 1.1.26 ===== */
/* Regola: sui fondi bianchi o grigio chiaro il titolo è di un solo colore (sui fondi colorati può averne due) */
:is(.close, .sec-g, .sec-w) :is(h1, h2, h3, .disp):not(:is(.mk-b, .nl, .as, .inc, .vc, .bh) *) :is(em, span, i, b, strong){color:inherit!important}
/* Iscriviti: al passaggio si riempie di blu scuro, mai di bianco (il campo email accanto è bianco) */
.close .nl .btn-b::after{background:var(--ink)!important}
.close .nl .btn-b:hover{color:#fff!important}
.close .nl .btn-b:hover .arr{color:var(--arancio)!important}
.close .nl .btn-b[disabled]{opacity:.75;cursor:wait}
.nl .nl-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
/* Recensioni Google vere: stelle in proporzione al voto e link alla scheda Google */
.rev .rev-g{display:block;color:inherit;text-decoration:none}
.rev .rev-g .stars{position:relative;display:inline-block;color:rgba(18,69,140,.2)}
.rev .rev-g .stars::before{content:"★★★★★";position:absolute;left:0;top:0;width:var(--v,100%);overflow:hidden;white-space:nowrap;color:var(--arancio)}
.rev .rev-g .score{display:block}
.rev .rev-g:hover .score{color:var(--blu)!important}
/* Gruppo: la foto sta nella griglia del contenuto, allineata ai blocchi sotto, e non si ritaglia */
@media (min-width:901px){
#gruppo .cs-top{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
#gruppo .cs-tx{padding:0 0 0 clamp(40px,5vw,72px)!important}
#gruppo .cs-ph{height:auto!important}
#gruppo .cs-ph img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;display:block}
#gruppo .cs-ph figcaption{left:22px!important;bottom:22px!important}
}
/* Footer: loghi delle associazioni cliccabili */
footer .as-l a{display:block;color:inherit}
footer .as-l a span{transition:background .25s}
footer .as-l a:hover span{background:rgba(255,255,255,.1)}