/* Phase 23 Step 04: hero image and copy occupy separate layout rows. */
:is(section.hero:has(> picture),section.hkt22-hero:has(> picture),section.hkt-catalog-hero:has(> picture),section.page-hero:has(.hero-media > picture),section.hero-shell:has(.hero > picture)) { height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important; }
:is(section.hero:has(> picture),section.hkt22-hero:has(> picture),section.hkt-catalog-hero:has(> picture)) {display:flex!important;flex-direction:column!important;align-items:stretch!important;}
section.page-hero .hero-media:has(>picture),section.hero-shell .hero:has(>picture){display:flex!important;flex-direction:column!important;align-items:stretch!important;position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;}
:is(section.hero,section.hkt22-hero,section.hkt-catalog-hero,section.page-hero .hero-media,section.hero-shell .hero)>picture {position:relative!important;inset:auto!important;order:0!important;display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;opacity:1!important;visibility:visible!important;z-index:0!important;}
:is(section.hero,section.hkt22-hero,section.hkt-catalog-hero,section.page-hero .hero-media,section.hero-shell .hero)>picture>img {position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;max-width:100%!important;object-fit:contain!important;transform:none!important;opacity:1!important;clip-path:none!important;}
section.hero>.hero-copy,section.hkt22-hero>.hkt22-hero-copy,section.hkt-catalog-hero>.hkt-catalog-hero__copy,section.page-hero .hero-media>.hero-copy,section.hero-shell .hero>.hero-copy{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;order:1!important;display:block!important;flex:0 0 auto!important;float:none!important;transform:none!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:clamp(22px,4vw,54px) clamp(20px,5vw,72px)!important;background:#0b1b42!important;color:#fff!important;text-align:start!important;opacity:1!important;visibility:visible!important;z-index:1!important;box-sizing:border-box!important;}
section.hero>.hero-copy :is(h1,h2,h3,p,div,span,small),section.hkt22-hero>.hkt22-hero-copy :is(h1,h2,h3,p,div,span,small),section.hkt-catalog-hero>.hkt-catalog-hero__copy :is(h1,h2,h3,p,div,span,small),section.page-hero .hero-media>.hero-copy :is(h1,h2,h3,p,div,span,small),section.hero-shell .hero>.hero-copy :is(h1,h2,h3,p,div,span,small){color:#fff!important;text-shadow:none!important;}
:is(section.hero,section.hkt22-hero,section.hkt-catalog-hero,section.page-hero .hero-media,section.hero-shell .hero):has(>picture)::before,:is(section.hero,section.hkt22-hero,section.hkt-catalog-hero,section.page-hero .hero-media,section.hero-shell .hero):has(>picture)::after{display:none!important;content:none!important;}
@media(max-width:700px){section.hero>.hero-copy,section.hkt22-hero>.hkt22-hero-copy,section.hkt-catalog-hero>.hkt-catalog-hero__copy,section.page-hero .hero-media>.hero-copy,section.hero-shell .hero>.hero-copy{padding:24px 20px!important;}}