.lumatica-hero{padding:clamp(3rem,8vw,7rem) 0}
.lumatica-hero-content{display:flow-root;width:var(--page);margin-inline:auto}
.lumatica-hero-picture{display:flex;float:left;width:46%;margin:0 clamp(1.5rem,3vw,3.5rem) 1.5rem 0;overflow:hidden;aspect-ratio:16/9;align-items:stretch}
.lumatica-hero-picture img{width:100%;height:100%;object-fit:cover}
.lumatica-hero-picture--contain{align-items:center;justify-content:center}
.lumatica-hero-picture--contain img{width:80%;height:80%;object-fit:contain}
.lumatica-hero-picture--gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
.lumatica-hero-picture--gallery figure{min-width:0;margin:0;overflow:hidden}
.lumatica-hero .lumatica-hero-header{min-width:0;width:auto;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:600;line-height:1.04;letter-spacing:-.035em;white-space:normal;overflow-wrap:break-word;text-wrap:balance}
.lumatica-hero-text{color:var(--muted);font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.7}
@media(min-width:48.01rem){.lumatica-hero:is(.lumatica-hero--module-index,.lumatica-hero--split){padding-block:clamp(5rem,10vw,9rem)}.lumatica-hero:is(.lumatica-hero--module-index,.lumatica-hero--split) .lumatica-hero-content{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:start;column-gap:clamp(1.5rem,3vw,3.5rem)}.lumatica-hero:is(.lumatica-hero--module-index,.lumatica-hero--split) .lumatica-hero-header{grid-column:1/-1;width:100%;margin-bottom:clamp(2.5rem,5vw,4rem);text-align:center}.lumatica-hero--module-index .lumatica-hero-header{font-size:clamp(1.15rem,2.55vw,3rem);white-space:nowrap}.lumatica-hero:is(.lumatica-hero--module-index,.lumatica-hero--split) .lumatica-hero-picture{float:none;width:100%;margin:0}.lumatica-hero:is(.lumatica-hero--module-index,.lumatica-hero--split) .lumatica-hero-text{align-self:center;padding-top:0}}
@media(max-width:48rem){.lumatica-hero{padding-block:2.75rem}.lumatica-hero-picture{float:none;width:100%;margin:0 0 1.75rem}.lumatica-hero .lumatica-hero-header{width:100%;font-size:clamp(2rem,10vw,3rem)}.lumatica-hero:is(.lumatica-hero--module-index,.lumatica-hero--split){padding-block:4rem}.lumatica-hero:is(.lumatica-hero--module-index,.lumatica-hero--split) .lumatica-hero-header{margin-bottom:2.5rem;text-align:center}}