.cdd-section-visual{position:relative;isolation:isolate;overflow:hidden;background:#252421;color:#fff;min-height:440px}
.cdd-section-visual--short{min-height:300px}.cdd-section-visual--tall{min-height:620px}
.cdd-section-visual__media,.cdd-section-visual__media>img,.cdd-section-visual__media>video,.cdd-section-visual__slide{position:absolute;inset:0;width:100%;height:100%}
.cdd-section-visual__media>img,.cdd-section-visual__media>video{object-fit:cover}
.cdd-section-visual--fit-contain .cdd-section-visual__media>img,.cdd-section-visual--fit-contain .cdd-section-visual__media>video{object-fit:contain;background:#f4f0e8}
.cdd-section-visual__slide{background-position:center;background-size:cover;opacity:0;transition:opacity .8s ease}
.cdd-section-visual__slide.is-active{opacity:1}
.cdd-section-visual__overlay{position:relative;z-index:2;display:flex;align-items:center;min-height:inherit;padding:clamp(40px,7vw,90px) 20px;background:linear-gradient(90deg,rgba(20,19,18,.74),rgba(20,19,18,.12))}
.cdd-section-visual__overlay-inner{width:min(1180px,100%);margin-inline:auto;max-width:720px;font-size:clamp(18px,2vw,25px);text-shadow:0 2px 18px rgba(0,0,0,.3)}
.cdd-section-visual__overlay-inner h2,.cdd-section-visual__overlay-inner h3{color:inherit}
.cdd-section-visual--center .cdd-section-visual__overlay-inner{text-align:center;margin-inline:auto}
.cdd-section-visual--right .cdd-section-visual__overlay-inner{text-align:right;margin-left:auto;margin-right:max(0px,calc((100% - 1180px)/2))}
.cdd-section-visual__dots{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px}
.cdd-section-visual__dot{width:10px;height:10px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer}
.cdd-section-visual__dot.is-active{background:#fff}
.cdd-section-formatted{padding:clamp(36px,5vw,70px) 20px;background:#fff}.cdd-section-formatted__inner{width:min(900px,100%);margin-inline:auto}.cdd-section-formatted__inner>*:first-child{margin-top:0}.cdd-section-formatted__inner>*:last-child{margin-bottom:0}
@media(max-width:760px){.cdd-section-visual{min-height:360px}.cdd-section-visual--tall{min-height:500px}.cdd-section-visual__overlay{padding-inline:20px}}
