/* Editable heights interpolate between laptop, Full HD, QHD and 4K. */
.kuo-hero-separated{--hero-height:var(--hero-laptop,350px);min-height:0}
.kuo-hero-separated .kuo-hero-visual{position:relative;isolation:isolate;min-height:var(--hero-height);display:grid;align-items:center}
.kuo-hero-separated .kuo-hero-image{position:relative;inset:auto;display:block;width:100%;height:var(--hero-height);min-height:0;max-height:var(--hero-height);object-fit:cover;object-position:50% 60%;grid-area:1/1}
.kuo-hero-separated:not(.kuo-hero-artwork) .kuo-hero-visual:not(.kuo-hero-visual-empty)::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,24,49,.65),rgba(6,24,49,.38) 46%,transparent 72%)}
.kuo-hero-separated .kuo-hero-title{grid-area:1/1;position:relative;z-index:2;width:100%;padding-top:clamp(24px,calc(.833333vw + 8px),40px);padding-bottom:clamp(24px,calc(.833333vw + 8px),40px)}
.kuo-hero-separated .kuo-hero-title h1{font-size:clamp(48px,calc(.833333vw + 40px),72px);line-height:1.04;letter-spacing:-1.5px;max-width:520px;margin:0;text-shadow:0 2px 18px #041a3560;overflow-wrap:break-word}
.kuo-hero-separated .kuo-hero-content{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px 48px;padding-top:34px;padding-bottom:34px}
.kuo-hero-separated .kuo-hero-copy{max-width:none;display:block}
.kuo-hero-separated .kuo-tagline{grid-column:1;margin:0}
.kuo-hero-separated .kuo-hero-copy>p:not(.kuo-tagline){grid-column:1;margin:12px 0 0}
.kuo-hero-separated .kuo-actions{justify-content:flex-end;margin:0;gap:16px}
@media(min-width:1366px){.kuo-hero-separated{--hero-height:var(--hero-to-fhd,350px)}}
@media(min-width:1920px){.kuo-hero-separated{--hero-height:var(--hero-to-qhd,clamp(350px,calc(7.8125vw + 200px),400px))}}
@media(min-width:2560px){.kuo-hero-separated{--hero-height:var(--hero-to-4k,clamp(400px,calc(7.8125vw + 200px),500px))}}
@media(min-width:3840px){.kuo-hero-separated{--hero-height:var(--hero-4k,500px)}}
@media(min-width:761px) and (max-width:1100px){
 .kuo-hero-separated .kuo-hero-title h1{max-width:400px}
 .kuo-hero-separated .kuo-hero-copy{display:block}
 .kuo-hero-separated .kuo-actions{display:grid;grid-template-columns:1fr;gap:12px}
}
@media(max-width:760px){
 .kuo-hero-separated .kuo-hero-visual{display:block;min-height:0}
 .kuo-hero-separated:not(.kuo-hero-artwork) .kuo-hero-image{display:block;height:auto;max-height:var(--hero-mobile-max,260px);object-fit:cover}
 .kuo-hero-separated.kuo-hero-artwork .kuo-hero-image{display:none}
 .kuo-hero-separated .kuo-hero-visual::after{display:none}
 .kuo-hero-separated .kuo-hero-title{display:block;padding-top:30px;padding-bottom:0}
 .kuo-hero-separated .kuo-hero-title h1,.kuo-hero-separated .kuo-hero-title h1.kuo-sr-only{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;font-size:clamp(30px,9vw,40px);line-height:1.08;letter-spacing:-.8px;max-width:520px;margin:0;text-shadow:none}
 .kuo-hero-separated .kuo-hero-content{display:block;padding-top:26px;padding-bottom:26px}
 .kuo-hero-separated .kuo-hero-copy{display:block}
 .kuo-hero-separated .kuo-actions{display:grid;margin-top:22px;grid-template-columns:1fr;gap:10px;max-width:400px}
}

.kuo-hero-separated .kuo-hero-copy>p:empty{display:none}

/* Explicit title layout is independent of viewport width. */
.kuo-hero-title .kuo-title-word{display:block}