/* hero-loop-v212: /it/ and /iot/ hero. Same layout as the /ai-automation/ hero (ai-hero-sizes-A): text left, square loop right (40% of the 1240px container). */
.hero-loop.page-hero{background:#020c18}
.hero-loop .hero-loop-media{position:relative;overflow:hidden;aspect-ratio:1/1;background:#020c18 center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);mask-composite:intersect;pointer-events:none}
.hero-loop .hero-loop-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.hero-loop .hero-loop-media video.is-playing{opacity:1}
@media(min-width:861px){
.hero-loop.page-hero{display:grid;grid-template-columns:minmax(0,1fr) 40%;column-gap:clamp(32px,3.5vw,56px);align-items:center;padding:56px max(40px,calc((100% - 1240px)/2)) 64px}
.hero-loop>.wrap{grid-column:1;grid-row:1;width:auto;max-width:none;margin:0;padding:0}
.hero-loop .hero-loop-media{grid-column:2;grid-row:1;width:100%}
.hero-loop .seo-hero-headline{font-size:clamp(36px,3.6vw,50px);max-width:none;line-height:1.04;margin-bottom:20px}
.hero-loop .wrap p,.hero-loop .jedi-quote,.hero-loop .actions{max-width:none}
.hero-loop .wrap p{font-size:16px}
.hero-loop .actions{flex-wrap:wrap}
}
@media(max-width:860px){
.hero-loop.page-hero{display:flex;flex-direction:column;padding:40px 0 48px}
.hero-loop>.wrap{order:1;width:calc(100% - 40px);margin:0 auto;padding:0}
.hero-loop .hero-loop-media{order:2;width:calc(100% - 40px);margin:28px auto 0}
.hero-loop .hero-loop-media video{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-loop .hero-loop-media video{display:none}}