.cdi-home-slogan{position:relative;width:100%;overflow:clip;display:flex;justify-content:center}.cdi-home-slogan__frame{position:relative;overflow:hidden;width:100%;aspect-ratio:3 / 1;clip-path:inset(0 30% 0 30% round 16px)}@keyframes cdi-slogan-expand{0%{clip-path:inset(0 30% 0 30% round 16px)}to{clip-path:inset(0 0% 0 0% round 0px)}}@supports (animation-timeline: view()){.cdi-home-slogan__frame{animation:auto linear cdi-slogan-expand both;animation-timeline:view();animation-range:entry 0% cover 50%}}@supports not (animation-timeline: view()){.cdi-home-slogan__frame{clip-path:none}}@media(prefers-reduced-motion:reduce){.cdi-home-slogan__frame{animation:none!important;clip-path:none!important}}.cdi-home-slogan__media{position:absolute;top:0;right:0;bottom:0;left:0}.cdi-home-slogan__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.cdi-home-slogan__img-placeholder{display:block!important;width:100%;height:100%;background:#1a1a1a}.cdi-home-slogan__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;pointer-events:none}.cdi-home-slogan__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 64px;color:#fff;text-align:center}.cdi-home-slogan__heading{margin:0 auto 14px;font-size:clamp(28px,3.2vw,48px);font-weight:700;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;max-width:none;color:#fff}.cdi-home-slogan__sub{margin:0 auto 28px;font-size:clamp(14px,1.1vw,16px);font-weight:400;line-height:1.6;color:#fffc;max-width:540px}.cdi-home-slogan__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:1.5px solid rgba(255,255,255,.8);border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:background .2s ease,border-color .2s ease}.cdi-home-slogan__cta:hover{background:#ffffff1f;border-color:#fff}.cdi-home-slogan__cta .svg-wrapper{display:inline-flex;width:16px;height:16px;transition:transform .2s ease}.cdi-home-slogan__cta:hover .svg-wrapper{transform:translate(4px)}.cdi-home-slogan__cta svg{width:100%;height:100%;stroke:currentColor}@media screen and (max-width:749px){.cdi-home-slogan__frame{clip-path:none!important;border-radius:0;aspect-ratio:4 / 3;animation:none!important}.cdi-home-slogan__content{padding:0 24px}.cdi-home-slogan__heading{font-size:clamp(24px,6vw,36px);white-space:normal}.cdi-home-slogan__sub{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cdi-section-home-slogan.css.map */