/* INORDINE_PROJECT_APPROACH_V3: all animation classes scoped to this section */
#progetto-video .io-project-copy{min-width:0;color:#142d49}#progetto-video .io-project-copy h2{font-size:clamp(32px,3.5vw,48px)!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:800!important;margin:12px 0 20px!important;color:#142d49!important}#progetto-video .io-project-copy h2 span{color:#c65325!important}#progetto-video .io-project-copy p{font-size:clamp(15px,1.2vw,17px)!important;line-height:1.55!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important;color:#142d49!important;margin:0 0 16px!important}#progetto-video .io-project-copy .project-story-points{font-size:14px!important;font-weight:650!important}#progetto-video .project-story-kicker{font-size:12px!important;line-height:1.4!important;letter-spacing:.14em!important;color:#a74720!important;font-weight:750!important}#progetto-video .io-project-copy .project-story-cta{font-size:15px!important;line-height:1.4!important;letter-spacing:normal!important}#progetto-video .io-project-media-group{min-width:0;align-self:start;margin-top:30px}
#progetto-video .project-story-media{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#142d49;clip-path:none!important}#progetto-video .project-story-play{position:relative;isolation:isolate;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;box-sizing:border-box;height:100%;width:100%;color:#fff;text-align:center}#progetto-video .project-story-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}#progetto-video .project-story-play:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#102b47eb,#102b4755 80%);pointer-events:none}#progetto-video .project-story-play strong{display:block;max-width:95%;font-size:clamp(20px,2vw,28px)!important;line-height:1.2!important;text-wrap:balance;font-weight:750;color:white!important;letter-spacing:-.02em!important;text-shadow:0 2px 12px #0005}#progetto-video .io-project-watch-cta{display:block;font-size:clamp(12px,1vw,15px);font-weight:600;line-height:1.4;max-width:95%;color:white}#progetto-video .project-play-icon{display:grid;place-items:center;width:58px;height:58px;min-height:58px;border-radius:50%;background:#ed703b;box-shadow:0 0 0 6px #ffffff20;color:white;font-size:24px}#progetto-video .project-story-note{font-size:12px!important;line-height:1.4!important;color:#48617a!important;letter-spacing:normal!important;font-weight:400!important;margin:12px 0 0!important}#progetto-video .io-project-mobile-cta{display:none}#progetto-video video{object-fit:contain;width:100%;height:100%}
#progetto-video.io-project-scroll-ready{height:235svh;position:relative;padding:0!important;overflow:clip;overflow-y:visible}#progetto-video.io-project-scroll-ready .project-story-inner{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto;align-items:start;align-content:center;gap:clamp(28px,4vw,60px);height:100svh;min-height:100svh;max-width:1280px;box-sizing:border-box;padding:30px clamp(24px,4vw,64px)}#progetto-video.io-project-scroll-ready .io-project-copy{will-change:transform;position:relative;z-index:2}#progetto-video.io-project-scroll-ready .project-story-media{will-change:transform,opacity;transform-origin:center center}#progetto-video.io-project-scroll-ready .project-story-note{opacity:var(--io-project-progress,0)}
@media(max-width:760px){#progetto-video .io-project-copy h2{font-size:clamp(30px,7vw,40px)!important}#progetto-video .io-project-copy p{font-size:15px!important}#progetto-video .io-project-media-group{margin-top:0}#progetto-video.io-project-scroll-ready{height:210svh}#progetto-video.io-project-scroll-ready .project-story-inner{display:block;padding:24px 20px}#progetto-video.io-project-scroll-ready .io-project-copy{position:absolute;inset:6svh 22px auto;margin:auto;max-width:560px;text-align:center!important}#progetto-video.io-project-scroll-ready .io-project-media-group{position:absolute;top:28svh;left:20px;right:20px;margin-top:0}#progetto-video .project-story-play{padding:16px;gap:9px}#progetto-video .project-story-play strong{font-size:clamp(17px,4.6vw,21px)!important;max-width:100%}#progetto-video .project-play-icon{width:44px;height:44px;min-height:44px;font-size:20px}#progetto-video .io-project-watch-cta{font-size:11px!important}#progetto-video .io-project-mobile-cta{display:table;margin:18px auto 0;font-size:14px;opacity:var(--io-project-progress,1)}#progetto-video .project-story-note{text-align:center}}
@media(prefers-reduced-motion:reduce){#progetto-video .project-story-media{transform:none!important;opacity:1!important;will-change:auto!important}}@media print{#progetto-video.io-project-scroll-ready{height:auto!important}#progetto-video.io-project-scroll-ready .project-story-inner{position:static!important;height:auto!important;min-height:0!important}#progetto-video .io-project-copy,#progetto-video .project-story-media{transform:none!important;opacity:1!important;visibility:visible!important}}

#progetto-video .io-project-copy h2 span.io-motion-word{color:inherit!important}#progetto-video .io-motion-word{display:inline-block;white-space:pre;color:inherit!important;font:inherit!important;letter-spacing:inherit!important}#progetto-video.io-project-scroll-ready .io-project-copy{text-align:left!important}@media(max-width:760px){#progetto-video .io-project-copy h2 span.io-motion-word{color:inherit!important}#progetto-video .io-motion-word{display:inline;white-space:normal;transform:none!important}#progetto-video.io-project-scroll-ready .io-project-copy{text-align:center!important}}
.io-company.io-brands-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.4fr);gap:clamp(28px,5vw,80px);align-items:center}.io-company-info{min-width:0}.io-brand-panel{min-width:0;overflow:hidden}.io-brand-panel h3{font-size:clamp(20px,2vw,28px);color:#142d49;letter-spacing:-.02em;margin:0 0 24px}.io-brand-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.io-brand-track{display:flex;width:max-content;animation:io-brand-drift 48s linear infinite}.io-brand-set{display:flex;gap:30px;align-items:center;padding-right:30px}.io-brand-tile{width:125px;height:70px;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.io-brand-tile img{display:block;max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}.io-brand-tile.milwaukee{background:#c8102e;border-radius:8px}.io-brand-panel:hover .io-brand-track,.io-brand-panel:focus-within .io-brand-track{animation-play-state:paused}@keyframes io-brand-drift{to{transform:translateX(-50%)}}@media(max-width:700px){.io-company.io-brands-layout{grid-template-columns:minmax(0,1fr)}.io-brand-tile{width:110px}.io-brand-set{gap:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){.io-brand-track{animation:none;width:auto}.io-brand-set{flex-wrap:wrap;gap:12px}.io-brand-set[aria-hidden]{display:none}.io-brand-window{mask-image:none}.io-brand-tile{width:100px}}
/* IO_HOME_MOBILE_V1 (24/10/2026): sul telefono niente sezione "bloccata" durante lo scorrimento
   (lasciava mezzo schermo vuoto): testo e video uno sotto l'altro. Piè di pagina più ordinato. */
@media(max-width:760px){
#progetto-video.io-project-scroll-ready{height:auto!important;min-height:0!important}
#progetto-video.io-project-scroll-ready .project-story-inner{position:static!important;height:auto!important;min-height:0!important;padding:48px 20px 40px!important}
#progetto-video.io-project-scroll-ready :is(.io-project-copy,.io-project-media-group){position:static!important;inset:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#progetto-video.io-project-scroll-ready .io-project-media-group{margin-top:28px!important}
#progetto-video.io-project-scroll-ready .project-story-media{transform:none!important;opacity:1!important}
#progetto-video .io-motion-word{opacity:1!important;transform:none!important;filter:none!important}
}
@media(max-width:700px){
.io-company{padding:32px 20px!important}
.io-company-info{text-align:center;font-size:14px;line-height:1.6;color:#4b5563}
.io-company-info img.astore-company-logo{display:block;margin:0 auto 14px}
.io-company-info p{margin:0 0 12px}
.io-company a{color:#142d49;font-weight:600;text-decoration-color:#c65325;text-underline-offset:3px}
.io-company-links{justify-content:center}
}