.hero .product__breadcrumbs--full-width{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background-color:var(--color-background-meganav);overflow:visible;padding:var(--spacing-4) 0;margin-top:0;margin-bottom:var(--spacing-4);box-sizing:border-box}.hero .product__breadcrumbs--full-width .product__breadcrumbs-inner{max-width:calc(var(--max-width) + (var(--space-outer) * 2));margin-inline:auto;padding-inline:var(--space-outer)}@media(min-width:720px){.hero .product__breadcrumbs--full-width .product__breadcrumbs-inner{padding-inline:calc(var(--space-outer) + 60px)}}@media(min-width:960px){.hero .product__breadcrumbs--full-width{margin-top:0;margin-bottom:var(--spacing-9);padding:var(--spacing-4) 0}}.hero__container{box-sizing:border-box;width:100%}.hero__banner{display:flex;flex-direction:column;overflow:visible}.hero__media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--section-border-radius-mobile)}.hero__picture{display:block;width:100%;height:100%}.hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-background-meta)}.hero__placeholder .placeholder-svg{width:100%;height:100%}.hero__text-panel{display:flex;align-items:stretch}.hero__text-container-wrapper{display:flex;align-items:var(--text-vertical-position-mobile, flex-start);justify-content:var(--text-horizontal-position-mobile, center);width:100%;padding:var(--hero-mobile-text-padding-top, 24px) var(--space-outer) var(--hero-mobile-text-padding-bottom, 24px)}.hero__text-container-inner{display:flex;flex-direction:column;align-items:var(--text-horizontal-position-mobile, center);width:100%;max-width:100%}.hero__custom-text{display:flex;flex-direction:column;align-items:var(--text-block-align-items-mobile, center);gap:12px;width:100%;max-width:100%;text-align:var(--text-block-align-mobile, center)}.hero__eyebrow{padding:0 10px;text-align:center;text-transform:none;font-size:calc(var(--hero-heading-size-mobile) * var(--hero-eyebrow-scale-mobile, 1.4));line-height:1;font-style:italic}.hero__custom-heading{margin:0;width:100%;text-transform:uppercase}.hero__heading-main{display:block}.hero__subheading{margin:0;width:100%;text-transform:none;line-height:var(--line-height-body)}.hero__description{margin:0;width:100%;line-height:var(--line-height-body)}@media(min-width:720px){.hero__container{max-width:calc(var(--max-width) + calc(var(--space-outer) * 2));margin-inline:auto;padding-inline:var(--space-outer)}.hero__banner{position:relative;display:block;overflow:hidden;min-height:var(--hero-min-height-desktop, 550px);background-color:var(--hero-banner-bg, #faf5eb);border-radius:var(--section-border-radius-desktop)}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;width:100%;height:100%;border-radius:var(--section-border-radius-desktop)}.hero__banner--image-left .hero__media{inset-inline-end:auto;width:50%}.hero__banner--image-right .hero__media{inset-inline-start:auto;width:50%}.hero__text-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;min-height:100%}.hero__text-container-wrapper{align-items:var(--text-vertical-position, center);justify-content:var(--text-horizontal-position, center);height:100%;padding:var(--spacing-8) var(--spacing-10)}.hero__banner--image-left .hero__text-container-wrapper,.hero__banner--image-right .hero__text-container-wrapper,.hero__text-container-wrapper--left,.hero__text-container-wrapper--right{width:50%}.hero__banner--image-left .hero__text-container-wrapper,.hero__text-container-wrapper--right{margin-inline-start:auto}.hero__text-container-inner{align-items:var(--text-block-align-items-desktop, center);width:100%;max-width:100%}.hero__text-container-inner--center-text{align-items:center;justify-content:center}.hero__custom-text{width:100%;max-width:min(100%,var(--hero-text-block-max-width, 460px));align-items:var(--text-block-align-items-desktop, center);gap:16px;text-align:var(--text-block-align-desktop, center)}.hero__text-container-inner--center-text .hero__custom-text{align-items:center;text-align:center}.hero__eyebrow{font-size:calc(var(--hero-heading-size-desktop) * var(--hero-eyebrow-scale-desktop, 1.3))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom-hero.css.map */