.how-started-banner{background:var(--hsb-bg);padding-top:var(--section-padding-top-bottom);padding-bottom:var(--section-padding-top-bottom);overflow:hidden}.how-started-banner__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3.75rem}.how-started-banner__media{width:100%}.how-started-banner__image,.how-started-banner__placeholder{width:100%;display:block;object-fit:cover}.how-started-banner__placeholder{background:linear-gradient(135deg,#1c1c1f,#2b2b30)}.how-started-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.875rem}.how-started-banner__eyebrow{margin:0 0 .313rem;color:var(--hsb-eyebrow-color);font-size:.75rem;line-height:1;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-family:TT Interphases Pro Bold,sans-serif}.how-started-banner__heading-top,.how-started-banner__heading-middle,.how-started-banner__heading-accent{margin:0;font-size:var(--section-heading-lg);line-height:.88;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}.how-started-banner__heading-top,.how-started-banner__heading-middle{color:var(--hsb-heading-color)}.how-started-banner__heading-accent{color:var(--hsb-accent-color)}.how-started-banner__text{max-width:47rem}.sub-hdding{display:flex;flex-direction:column;gap:.625rem}.how-started-banner__text p{margin:0;color:#ffffff73;font-size:1rem;line-height:160%;font-weight:500}.how-started-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;background:var(--hsb-button-bg);color:var(--hsb-button-text);text-decoration:none;text-transform:uppercase;font-size:.875rem;line-height:1;font-weight:700;letter-spacing:.063rem;font-family:TT Interphases Pro Bold,sans-serif;transition:opacity .25s ease}.how-started-banner__button:hover{opacity:.92}.how-started-banner__actions{background:#5de6fe;padding:.938rem 1.875rem;display:flex;align-items:center}.how-started-banner__button-arrow{font-size:1rem;line-height:1}@media screen and (max-width:75rem){.how-started-banner__grid{gap:clamp(1.75rem,3vw,3rem)}.how-started-banner__heading-top,.how-started-banner__heading-middle,.how-started-banner__heading-accent{font-size:clamp(2.5rem,4.5vw,4.5rem)}}@media screen and (max-width:61.875rem){.how-started-banner__grid{grid-template-columns:1fr;gap:2rem}.how-started-banner__content{align-items:flex-start}}@media screen and (max-width:47rem){.how-started-banner{padding-top:2.5rem;padding-bottom:2.5rem}.how-started-banner__grid{gap:1.75rem}.how-started-banner__heading-top,.how-started-banner__heading-middle,.how-started-banner__heading-accent{font-size:clamp(2.5rem,10vw,3.75rem);line-height:.9}.how-started-banner__text p{font-size:1rem;line-height:1.55}.how-started-banner__button{width:100%;padding:.9375rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-we-started-banner.css.map */