.cf-hero{position:relative;width:100%;max-width:100%;aspect-ratio:3 / 4;max-height:460px;min-height:340px;overflow:hidden;box-sizing:border-box}.cf-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity var(--cf-speed-slow) var(--cf-ease);box-sizing:border-box}.cf-hero__slide.is-active{opacity:1;pointer-events:auto}.cf-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--cf-line)}.cf-hero__img{width:100%;height:100%;object-fit:cover;object-position:75% center;display:block;animation:cf-hero-kenburns 14s var(--cf-ease) infinite alternate}.cf-hero__img--placeholder{background:linear-gradient(135deg,#e4ded2,#f6f2ea)}@keyframes cf-hero-kenburns{0%{transform:scale(1)}to{transform:scale(1.06)}}.cf-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#14140fb8,#14140f52 42%,#14140f0f 68%,#14140f00)}.cf-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;box-sizing:border-box;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px 20px 32px;gap:4px}.cf-hero__slide--center .cf-hero__content{align-items:center;text-align:center}.cf-hero__slide--right .cf-hero__content{align-items:flex-end;text-align:right}.cf-hero__content .cf-kicker--on-media{color:var(--cf-clay-light, #e3a98c);margin-bottom:8px}.cf-hero__content .cf-kicker--on-media:before{background:var(--cf-clay-light, #e3a98c)}.cf-hero__heading{font-size:clamp(1.25rem,6.4vw,2.6rem);line-height:1.12;color:var(--cf-paper);font-weight:500;max-width:18ch;overflow-wrap:break-word;word-break:break-word}.cf-hero__subtext{color:#f6f2eae0;font-size:.8rem;max-width:38ch;margin:5px 0 12px;line-height:1.4;overflow-wrap:break-word}.cf-hero__btns{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.cf-hero__btns .cf-btn{padding:8px 16px;font-size:.72rem}.cf-hero__dots{position:absolute;z-index:3;left:20px;bottom:14px;display:flex;gap:8px}.cf-hero__dot{width:7px;height:7px;border-radius:50%;background:#f6f2ea66;border:none;padding:0}.cf-hero__dot.is-active{background:var(--cf-clay);width:22px;border-radius:4px}@media screen and (max-width:699px){.cf-hero__content{justify-content:center;padding:16px 20px 30px;gap:4px}.cf-hero__dots{bottom:8px}}@media(min-width:700px){.cf-hero{aspect-ratio:auto;height:68vh;height:68svh;min-height:480px;max-height:720px}.cf-hero__content{padding:40px 56px 56px}.cf-hero__heading{font-size:clamp(2rem,5vw,3.2rem)}.cf-hero__subtext{font-size:.9rem}.cf-hero__btns .cf-btn{padding:10px 20px;font-size:.85rem}.cf-hero__dots{left:56px;transform:none}}@media(min-width:1400px){.cf-hero__heading{font-size:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clothify-hero.css.map */