.hero-pause{margin-top:14px;padding:10px 16px;background:#111;color:#fff;border:1px solid #f5a335;border-radius:5px;min-height:44px}.hero-dots button{height:24px;min-width:44px;background-clip:content-box;padding:9px 0}.hero-slides img{object-fit:cover}.skip:focus{position:fixed;top:8px;left:8px;z-index:9999;background:#111;color:#fff;padding:12px}.month-controls button,.month-detail-toggle,.calendar-close,.menu-close{min-height:44px;min-width:44px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f5a335;outline-offset:4px}.light p{color:#50554c}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.kl-stage-light{display:none!important}}
/* Give carousel controls a separate row at every viewport width. */
.hero{display:block}
.hero .hero-content{padding-bottom:30px}
.hero .hero-caption{position:relative;right:auto;bottom:auto;width:min(1280px,calc(100% - 96px));margin:0 auto;padding:0 0 34px}

@media(max-width:1100px){
 .hero{display:block;min-height:0}
 .hero .hero-content{padding-bottom:30px}
 .hero .hero-caption{position:relative;right:auto;bottom:auto;width:calc(100% - 50px);margin:0 auto;padding:0 0 34px;text-align:left}
 .hero-caption b{max-width:100%;overflow-wrap:anywhere;margin-bottom:14px;line-height:1.4}
 .hero-caption .hero-dots{justify-content:flex-start;gap:10px}
 .hero-caption .hero-pause{max-width:100%;white-space:normal;text-align:left;font-size:.9rem}
}
@media(max-width:450px){.hero .hero-caption{width:calc(100% - 36px)}}