/* Match the supplied 1530 x 600 banners instead of enlarging a tall cover crop. */
.ij-hero{width:min(1530px,calc(100% - 48px));max-width:1530px!important;margin:24px auto;min-height:0;aspect-ratio:1530/600;border-radius:14px}
.ij-slide-image{object-fit:contain}
.ij-slide-image.ij-draft-image{inset:0;width:100%;height:100%}
.ij-controls .ij-dots button:hover{background:transparent}
.ij-hero::after{background:linear-gradient(90deg,rgba(13,33,25,.72) 0%,rgba(13,33,25,.56) 35%,rgba(13,33,25,.12) 65%,rgba(13,33,25,.02) 100%)}
.ij-hero h1,.ij-hero-content>p{text-shadow:0 1px 3px #0d211980}
.ij-hero-content{width:100%;padding:28px 36px 90px}
.ij-hero h1{font-size:clamp(2rem,3.3vw,3rem);line-height:1.08;margin:12px 0 16px;max-width:700px}
.ij-hero-content>p{font-size:.95rem;line-height:1.6;max-width:540px;margin-block:12px}
.ij-hero-content>.ij-eyebrow{font-size:.7rem}
.ij-hero .wp-block-buttons{margin-top:18px;gap:12px}
.ij-hero .wp-block-button__link{font-size:.875rem;padding:12px 18px}
.ij-hero .ij-controls{bottom:20px;font-size:.8rem}
/* Keep the whole image visible on narrow screens; give the text its own space. */
@media(max-width:1099px){
 .ij-hero{display:flex;flex-direction:column;align-items:stretch;aspect-ratio:auto}
 .ij-slides{position:relative;inset:auto;height:auto;aspect-ratio:1530/600;z-index:0;flex:none}
 .ij-hero::after{display:none}
 .ij-hero-content{margin:0;padding:26px 28px 24px}
 .ij-hero h1{font-size:clamp(2rem,4.5vw,2.7rem)}
 .ij-hero .ij-controls{position:static;transform:none;max-width:calc(100% - 24px);margin:0 auto 20px}
}
@media(max-width:600px){.ij-hero{width:calc(100% - 24px);margin-block:12px;border-radius:10px}.ij-hero-content{padding:22px 20px}.ij-hero .wp-block-buttons{align-items:stretch}.ij-hero .wp-block-button{max-width:100%}}