/* Opt-in native layouts for four high-impact areas. No global image or motion override. */
.hl-section.hl-v233c-hero{text-align:left;padding-block:clamp(2rem,3vw,3rem)}
.hl-v233c-hero .hl-v233c-hero-layout{gap:clamp(1.25rem,3vw,2.5rem);align-items:center;margin:0}
.hl-v233c-hero-layout>.wp-block-column{min-width:0}
.hl-v233c-hero .hl-v233c-hero-copy>*{max-width:none;margin-inline:0}
.hl-v233c-hero .hl-v233c-hero-copy h1{font-size:clamp(2rem,3vw,2.6rem);line-height:1.15;margin:0 0 1rem;text-wrap:balance}
.hl-v233c-hero .hl-v233c-hero-copy p{font-size:var(--hl-font-size-body,1rem);line-height:1.65;margin:0 0 1.25rem}
.hl-v233c-hero .hl-v233c-hero-copy .wp-block-buttons{justify-content:flex-start;gap:.75rem;margin:0}
.hl-v233c-hero .hl-v233c-hero-picture{width:100%;max-width:none;margin:0;border-radius:8px;overflow:hidden}
.hl-v233c-hero .hl-v233c-hero-picture img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.hl-v233c-business-picture{width:100%;margin:0 0 1rem;overflow:hidden;border-radius:4px}
.hl-v233c-business-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.hl-v233c-business-grid{align-items:flex-start}
.hl-v233c-business-grid .hl-home-business-card{height:auto}
.hl-scenario-grid>.hl-v233c-ksp-system{grid-column:1/-1}
.hl-v233c-ksp-system .hl-v233c-system-layout{gap:1.5rem;align-items:center;margin:0}
.hl-v233c-system-layout>.wp-block-column{min-width:0}
.hl-v233c-ksp-system .hl-v233c-system-picture{width:100%;max-width:500px;margin:0 auto}
body.page-id-61 .hl-v233c-ksp-system .hl-v233c-system-picture img{display:block;width:100%;height:auto;aspect-ratio:1200/1185;object-fit:contain}
.hl-v233c-ksp-system .hl-v233c-system-copy h3{margin:0 0 .85rem}
.hl-v233c-ksp-system .hl-v233c-system-copy p{margin:0;line-height:1.65}
@media(max-width:781px){
 .hl-v233c-hero .hl-v233c-hero-layout{display:flex;flex-direction:column;gap:1.25rem}
 .hl-v233c-hero-layout>.wp-block-column{width:100%}
 .hl-v233c-hero-layout>.hl-v233c-hero-visual{order:-1}
 .hl-v233c-hero .hl-v233c-hero-copy h1{font-size:clamp(1.875rem,6.5vw,2.35rem)}
 .hl-v233c-hero .hl-v233c-hero-copy .wp-block-buttons{align-items:stretch}
 .hl-v233c-hero .wp-block-buttons>.wp-block-button,.hl-v233c-hero .wp-block-button__link{width:100%}
 .hl-v233c-ksp-system .hl-v233c-system-layout{gap:1rem}
 .hl-v233c-ksp-system .hl-v233c-system-picture{max-width:450px}
}
