.c-hero-banner{background-color:#f3f3f3}.c-hero-banner__grid{display:grid;grid-template-columns:1fr;grid-template-areas:"media" "content"}.c-hero-banner__col--spacer{display:none}.c-hero-banner__col--content{grid-area:content}.c-hero-banner__col--media{grid-area:media;min-width:0;overflow:hidden;padding-top:40px}.c-hero-banner__col--media img,.c-hero-banner__col--media svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (min-width:768px){.c-hero-banner__col--media img,.c-hero-banner__col--media svg{object-fit:contain}}.c-hero-banner__content{padding:4rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6rem}.c-hero-banner__subheading{font-family:var(--font-body-family);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:.1em;margin:0}.c-hero-banner__subheading-accent{color:var(--accent)}.c-hero-banner__subheading-text{color:rgba(var(--color-foreground),.75)}.c-hero-banner__subheading-accent+.c-hero-banner__subheading-text{margin-left:.4em}.c-hero-banner__heading{font-family:var(--font-heading-family);font-weight:800;text-transform:uppercase;line-height:.95;letter-spacing:-1px;font-size:clamp(2.5rem,6vw,5.5rem);margin:0;color:rgb(var(--color-foreground))}.c-hero-banner__heading-accent{display:block;color:var(--accent)}.c-hero-banner__description{font-family:var(--font-body-family);font-size:clamp(1.4rem,1.2vw + 1rem,1.8rem);line-height:1.6;color:rgba(var(--color-foreground),.7);max-width:52rem}.c-hero-banner__description p{margin:0}.c-hero-banner__buttons{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:1.2rem}.c-hero-banner .c-btn{display:flex;justify-content:center;font-weight:700;font-size:2.5rem}@media screen and (min-width:768px){.c-hero-banner__grid{grid-template-columns:minmax(1.5rem,calc((100vw - var(--page-width)) / 2)) minmax(0,calc(var(--page-width) / 2)) 1fr;grid-template-areas:"spacer content media";grid-template-rows:1fr;min-height:56rem}.c-hero-banner__col--spacer{display:block}.c-hero-banner__col--content{display:flex;align-items:center;min-width:0;overflow:visible}.c-hero-banner__col--media{aspect-ratio:auto}.c-hero-banner__content{width:100%;align-items:flex-start;text-align:left;padding:6rem 0}.c-hero-banner__buttons{justify-content:flex-start}}@media screen and (min-width:768px)and (max-width:1099px){.c-hero-banner__grid{grid-template-columns:1fr;grid-template-areas:"content"}.c-hero-banner__col--spacer,.c-hero-banner__col--media{display:none}.c-hero-banner__col--content{justify-content:center}.c-hero-banner__content{align-items:center;text-align:center;padding-left:1.5rem;padding-right:1.5rem}.c-hero-banner__buttons{justify-content:center}.c-hero-banner .c-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/section-c-hero-banner.css.map */