.coolbrand-how-it-works{background-color:#0d0d0d;padding-top:9.6rem}.coolbrand-how-it-works__header{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:0 2.4rem 8rem}.coolbrand-how-it-works__heading{margin:0;font-size:2.8rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:#fff;text-align:center}.coolbrand-how-it-works__subtitle{margin:0;font-size:1.5rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;text-align:center}.coolbrand-how-it-works__divider{width:100%;height:1px;background-color:#c9a84c}.coolbrand-how-it-works__step{display:grid;grid-template-columns:1fr 1fr;min-height:64rem}.coolbrand-how-it-works__step--reversed{direction:rtl}.coolbrand-how-it-works__step--reversed>*{direction:ltr}.coolbrand-how-it-works__image-col{position:relative;overflow:hidden;min-height:40rem}.coolbrand-how-it-works__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.coolbrand-how-it-works__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1a1a}.coolbrand-how-it-works__content-col{display:flex;align-items:center;padding:6rem 9.6rem}.coolbrand-how-it-works__content-inner{display:flex;flex-direction:column;gap:1.6rem;max-width:42rem}.coolbrand-how-it-works__badge{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;background-color:#000;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;flex-shrink:0}.coolbrand-how-it-works__badge span{font-size:2rem;font-weight:700;color:#fff;line-height:1}.coolbrand-how-it-works__step-label{margin:0;font-size:1.3rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:#c9a84c}.coolbrand-how-it-works__step-heading{margin:0;font-size:3.2rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff;line-height:1.2}.coolbrand-how-it-works__step-body{margin:0;font-size:1.6rem;font-weight:400;color:#8a8a8a;line-height:1.8}.coolbrand-how-it-works__btn-wrap{padding-top:.8rem}.coolbrand-how-it-works__btn{display:inline-flex;align-items:center;min-height:4.8rem;padding:1.4rem 3.2rem;border:1px solid #c9a84c;font-size:1.3rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#c9a84c;text-decoration:none;transition:background-color .2s,color .2s}.coolbrand-how-it-works__btn:hover{background-color:#c9a84c;color:#0d0d0d}@media screen and (max-width:989px){.coolbrand-how-it-works{padding-top:6.4rem}.coolbrand-how-it-works__header{padding-bottom:4.8rem}.coolbrand-how-it-works__step{grid-template-columns:1fr;direction:ltr}.coolbrand-how-it-works__step--reversed{direction:ltr}.coolbrand-how-it-works__image-col{min-height:32rem}.coolbrand-how-it-works__content-col{padding:4.8rem 2.4rem}.coolbrand-how-it-works__heading{font-size:2rem;letter-spacing:.2em}.coolbrand-how-it-works__step-heading{font-size:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/coolbrand-how-it-works.css.map */