.sd-product-hero{position:relative;width:100%;margin-inline:auto;color:var(--sd-product-hero-text, var(--sd-color-brand-secondary));background:var(--sd-product-hero-bg, var(--sd-color-surface-warm))}.sd-product-hero__inner{position:relative;display:grid;width:100%;margin-inline:auto;padding:var(--sd-product-hero-mobile-padding-top, 40px) var(--sd-space-xs) var(--sd-product-hero-mobile-padding-bottom, 40px);background:var(--sd-product-hero-bg, var(--sd-color-surface-warm));aspect-ratio:var(--sd-ratio-hero-mobile)}.sd-product-hero__media,.sd-product-hero__media picture,.sd-product-hero__image,.sd-product-hero__placeholder,.sd-product-hero__container{grid-area:1 / 1}.sd-product-hero__media,.sd-product-hero__media picture,.sd-product-hero__image,.sd-product-hero__placeholder{width:100%;height:100%;border-radius:var(--sd-radius-md)}.sd-product-hero__image{object-fit:cover;object-position:center bottom}.sd-product-hero__placeholder{display:grid;place-items:center;background:var(--sd-color-surface-warm)}.sd-product-hero__placeholder-svg{width:min(42rem,80%);height:auto;color:currentColor;opacity:.2}.sd-product-hero__container{z-index:1;display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:var(--sd-container-page-width);margin-inline:auto;padding:var(--sd-space-xs) var(--sd-space-2xs)}.sd-product-hero__content{display:flex;flex-direction:column;align-items:center;max-width:min(100%,660px);gap:.2rem;text-align:center}.sd-product-hero__eyebrow{margin:0;font-family:var(--sd-font-family-body);font-size:var(--sd-font-size-xl);font-weight:var(--sd-font-weight-bold);text-transform:uppercase}.sd-product-hero__heading{max-width:100%;margin:0;color:currentColor;font-family:var(--sd-font-family-heading);font-size:var(--sd-font-size-4xl);font-weight:var(--sd-font-weight-bold);letter-spacing:var(--sd-letter-spacing-xt);line-height:1}.sd-product-hero__text{margin-top:var(--sd-space-xs);color:currentColor;font-family:var(--sd-font-family-body);font-size:var(--sd-font-size-xl);font-weight:var(--sd-font-weight-bold);letter-spacing:0;align-items:flex-start;width:100%;max-width:100%}.sd-product-hero__form{margin-top:var(--sd-space-xs)}.sd-product-hero__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3rem;padding:.4rem .8rem;-webkit-appearance:none;appearance:none;border:.2rem solid var(--sd-product-hero-button-border, currentColor);border-radius:var(--sd-radius-pill);box-shadow:0 .2rem 0 var(--sd-product-hero-button-shadow, currentColor);background:var(--sd-product-hero-button-bg, var(--sd-color-surface));color:var(--sd-product-hero-button-text, currentColor);cursor:pointer;font-family:var(--sd-font-family-heading);font-size:var(--sd-font-size-xl);font-weight:var(--sd-font-weight-bold);line-height:1;letter-spacing:0;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform var(--sd-duration-fast) var(--sd-easing-standard),box-shadow var(--sd-duration-fast) var(--sd-easing-standard)}.sd-product-hero__button:hover{transform:translateY(.1rem);box-shadow:0 .4rem 0 var(--sd-product-hero-button-shadow, currentColor)}.sd-product-hero__button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:0 1.2rem 0 var(--sd-product-hero-button-shadow, currentColor)}.sd-product-hero__button:focus-visible{outline:var(--sd-border-width-strong) solid var(--sd-color-focus);outline-offset:.4rem}@media screen and (min-width:750px){.sd-product-hero__inner{padding:var(--sd-product-hero-desktop-padding-top, 0) var(--sd-space-4xl) var(--sd-product-hero-desktop-padding-bottom, 0);aspect-ratio:var(--sd-ratio-product-hero)}.sd-product-hero__image{object-position:center center}.sd-product-hero__container{align-items:center;justify-content:flex-start;padding:0 var(--sd-space-3xl) var(--sd-space-3xl)}.sd-product-hero__content{align-items:flex-start;max-width:500px;text-align:left;gap:var(--sd-space-2xs)}.sd-product-hero__text{margin-top:var(--sd-space-xs)}.sd-product-hero__form{width:auto}.sd-product-hero__button{padding:1rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-sd-product-hero.css.map */