.hero-image{position:relative;display:flex;min-height:auto}.hero-image--theme-background{max-height:calc(100vh - 288px)}@media screen and (min-width:769px){.hero-image-section--full-width{width:var(--hero-viewport-width, 100vw)!important;max-width:none!important;margin-left:var(--hero-full-width-offset, calc((100% - 100vw)/2) );margin-right:0}.hero-image-section--contained{width:100%;max-width:var(--page-width, 1200px);margin-inline:auto}.hero-image.hero-image--natural-height{display:block;min-height:0;max-height:none!important}.hero-image.hero-image--natural-height:before{display:none}.hero-image--natural-height>.hero-image__background{position:relative;top:auto;left:auto;height:auto}.hero-image--natural-height>.hero-image__background .media{height:auto;padding-bottom:0!important}.hero-image--natural-height>.hero-image__background .media>img{position:relative!important;top:auto;left:auto;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain}.hero-image--natural-height>.page-width{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0}}.hero-image__mobile-background{display:none}@media screen and (max-width:768px){.hero-image.hero-image--mobile-image{display:block;min-height:0!important;max-height:none!important}.hero-image.hero-image--mobile-image:before{display:none}.hero-image--mobile-image>.hero-image__background{display:none}.hero-image--mobile-image>.hero-image__mobile-background{display:block;position:relative;width:100%;height:auto;overflow:hidden}.hero-image__mobile-background .media{height:auto}.hero-image__mobile-background .media>picture{position:relative!important;top:auto;left:auto;display:block;width:100%;height:auto}.hero-image__mobile-background img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}.hero-image--mobile-image>.page-width{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0}}.hero-image:before{content:"";display:block;padding-bottom:calc(100% / var(--image-aspect-ratio));width:0}.hero-image__background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-image__background--scrim:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(var(--scrim-lightness),.2)}.hero-image__background__no-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background),.1);width:100%;height:100%;overflow:hidden}.hero-image__background .media{height:100%}.hero-image__media--fade-in{opacity:0;transition:opacity .95s cubic-bezier(.76,.09,.215,1)}.hero-image__media--slide-in{transform:translate(-100%);transition:transform .95s cubic-bezier(.76,.09,.215,1)}.hero-image__background .media>.hero-image__background-default{object-position:center top}@media screen and (min-width:768px){.hero-image__background--watercolor .media>.hero-image__background-default{width:auto!important;max-width:none!important}}.hero-image--static-text .media .hero-image__background-default{object-position:left top}.hero-image .page-width{width:100%;min-height:inherit}.hero-image__container{position:relative;display:flex;width:100%;height:100%;margin:auto;align-items:center;justify-content:center;z-index:1}.hero-image__container--top{align-items:flex-start}.hero-image__container--center{align-items:center}.hero-image__container--bottom,.hero-image__container--bottom-below{align-items:flex-end}.hero-image__img-content{position:absolute;width:var(--img-width);max-height:100%;right:var(--img-horizontal-position);transform:translate(var(--img-horizontal-position),-30px);opacity:0;transition:opacity .8s cubic-bezier(.34,.615,.4,.985) .3s,transform .8s cubic-bezier(.34,.615,.4,.985) .3s}.hero-image__container-mockup{display:flex;width:100%;visibility:hidden}.hero-image__container-mockup .hero-image__text-content{position:relative;top:0;left:0;transform:translate(0)}.hero-image__img-content--hide{position:relative;visibility:hidden}.hero-image__img-content .media{border-radius:var(--border-radius-container)}.hero-image__container--bottom .hero-image__img-content .media{border-radius:var(--border-radius-container) var(--border-radius-container) 0 0}.hero-image__container--bottom-below .hero-image__img-content .media{--height: calc(100% / var(--image_ratio));margin-bottom:calc(var(--height) * var(--below-position))}.hero-image__img-content--scrim:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(var(--scrim-lightness),.2)}.hero-image__text-content{position:absolute;z-index:1;left:var(--horizontal-position);top:var(--vertical-position);--vertical-transform: calc(var(--vertical-position) * -1);--horizontal-transform: calc(var(--horizontal-position) * -1);transform:translate(var(--horizontal-transform),var(--vertical-transform));max-width:41rem;min-width:28rem;padding:1.375rem 0}.hero-image__text-content--center,.hero-image__text-content--center .h0,.hero-image__text-content--center p{text-align:center}.hero-image__text-content--right,.hero-image__text-content--right .h0,.hero-image__text-content--right p{text-align:right}.hero-image__text{margin-bottom:.9375rem;opacity:0;transform:translateY(100%);will-change:transform;transition:opacity .8s cubic-bezier(.34,.615,.4,.985),transform .8s cubic-bezier(.34,.615,.4,.985)}.hero-image__text .h0{margin-bottom:5px;color:var(--font-color);display:block}.hero-image__text p{font-size:calc(1.5rem * var(--font-section-scale));color:var(--font-color)}.hero-image__btn-container{display:flex;gap:11px;flex-wrap:wrap}.hero-image__text-content--center .hero-image__btn-container{justify-content:center}.hero-image__text-content--right .hero-image__btn-container{justify-content:right}.hero-image__btn{opacity:0;transform:translateY(100%);transition:opacity .8s cubic-bezier(.34,.615,.4,.985) .3s,transform .8s cubic-bezier(.34,.615,.4,.985) .3s}.hero-image__btn .btn{--font-button-size: calc(var(--font-button-scale) * 1.125rem);font-size:calc(var(--font-button-size) * var(--font-section-scale, 1))}.hero-image__discount{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;width:min(34rem,100%);gap:1rem;margin-top:.9375rem;padding:1rem 1.125rem;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:.875rem;background:rgba(var(--discount-background-color),var(--discount-background-opacity));color:var(--discount-font-color);box-shadow:0 1.125rem 3rem #0000002e;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);opacity:0;transform:translateY(100%);transition:opacity .8s cubic-bezier(.34,.615,.4,.985) .3s,transform .8s cubic-bezier(.34,.615,.4,.985) .3s}.hero-image__discount:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:.25rem;background:var(--discount-button-color)}.hero-image__discount-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--discount-button-color) 12%,transparent);color:var(--discount-button-color)}.hero-image__discount-icon svg{width:1.5rem;height:1.5rem}.hero-image__discount-content{display:grid;min-width:0;gap:.625rem}.hero-image__discount-description{margin:0;color:inherit;font-size:calc(1rem * var(--font-section-scale, 1));font-weight:600;line-height:1.35}.hero-image__discount-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.625rem}.hero-image__discount-code{min-width:0;padding:.4375rem .6875rem;border:1px dashed color-mix(in srgb,currentColor 58%,transparent);border-radius:999px;background:color-mix(in srgb,currentColor 7%,transparent);font-family:var(--font-body-family);font-size:calc(1rem * var(--font-section-scale, 1));font-weight:700;letter-spacing:.06em;line-height:1.2;overflow-wrap:anywhere}.hero-image__discount-copy{display:inline-flex;min-height:2.625rem;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--discount-button-color);border-radius:999px;background:var(--discount-button-color);color:var(--discount-button-text-color);box-shadow:0 .5rem 1rem color-mix(in srgb,var(--discount-button-color) 25%,transparent);cursor:pointer;font-family:var(--font-body-family);font-size:calc(.875rem * var(--font-section-scale, 1));font-weight:700;line-height:1;transition:box-shadow .2s ease,opacity .2s ease,transform .2s ease}.hero-image__discount-copy:hover{box-shadow:0 .75rem 1.25rem color-mix(in srgb,var(--discount-button-color) 34%,transparent);transform:translateY(-1px)}.hero-image__discount-copy:focus-visible{outline:.125rem solid var(--discount-button-text-color);outline-offset:-.25rem}.hero-image__discount-copy:disabled{cursor:wait}.hero-image__discount-copy.is-copied,.hero-image__discount-copy:disabled{opacity:.72;transform:none}.hero-image__discount-copy-icons{display:inline-flex;align-items:center;gap:.125rem}.hero-image__discount-copy-icons svg{width:1.125rem;height:1.125rem;flex:0 0 auto}.hero-image__discount-check-icon,.hero-image__discount-copy.is-copied .hero-image__discount-copy-icon{display:none}.hero-image__discount-copy.is-copied .hero-image__discount-check-icon{display:block}.hero-image__discount-arrow-icon{transition:transform .2s ease}.hero-image__discount-copy:hover .hero-image__discount-arrow-icon{transform:translate(.125rem)}.hero-image__text-content--center .hero-image__discount{margin-inline:auto}.hero-image__text-content--right .hero-image__discount{margin-left:auto}.hero-image[data-animate=true] .hero-image__text,.hero-image[data-animate=true] .hero-image__btn,.hero-image[data-animate=true] .hero-image__discount,.no-js .hero-image .hero-image__text,.no-js .hero-image .hero-image__btn,.no-js .hero-image .hero-image__discount{opacity:1;transform:translateY(0)}.hero-image[data-animate=true] .hero-image__media--slide-in,.no-js .hero-image .hero-image__media--slide-in{transform:translate(0)}.hero-image[data-animate=true] .hero-image__media--fade-in,.no-js .hero-image .hero-image__media--fade-in{opacity:1}.hero-image[data-animate=true] .hero-image__img-content,.no-js .hero-image__img-content{opacity:1;transform:translate(var(--img-horizontal-position))}@media screen and (max-width:1024px){.hero-image__text-content{max-width:20rem}.hero-image__img-content{width:calc(var(--img-width) + 5%)}}@media screen and (max-width:768px){.hero-image{min-height:var(--mobile-min-height)}.hero-image--theme-background{max-height:none}.hero-image__text p{font-size:calc(1.125rem * var(--font-section-scale))}.hero-image__discount-description,.hero-image__discount-code{font-size:calc(.9375rem * var(--font-section-scale, 1))}.hero-image__discount{gap:.75rem;padding:.875rem}.hero-image__discount-icon{width:2.5rem;height:2.5rem}.hero-image__discount-row{flex-wrap:nowrap}.hero-image__discount-code{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-image__discount-copy{flex:0 0 auto}.hero-image__img-content{position:relative;width:100%;max-width:390px;right:initial;transform:none!important}.hero-image__container-mockup{flex-direction:column}.hero-image__img-content--hide{display:none}.hero-image__text-content{width:100%;max-width:26rem;left:50%;transform:translate(-50%,var(--vertical-transform));min-width:auto}.hero-image--static-text .hero-image__container{flex-direction:column}.hero-image__container--top{justify-content:flex-start}.hero-image__container--center{justify-content:center}.hero-image__container--bottom,.hero-image__container--bottom-below{justify-content:flex-end}.hero-image--static-text .hero-image__text-content{position:static;left:initial;top:initial;transform:none;max-width:none;width:100%;padding-bottom:0;margin-bottom:20px;margin-top:1rem}.hero-image--static-text .hero-image__container-mockup .hero-image__text-content{display:none}}@media screen and (max-width:480px){.hero-image__discount{grid-template-columns:minmax(0,1fr)}.hero-image__discount-icon{display:none}.hero-image__discount-row{display:flex;gap:.4375rem}.hero-image__discount-code{padding:.375rem .5rem;font-size:calc(.8125rem * var(--font-section-scale, 1));text-align:center}.hero-image__discount-copy{width:auto;max-width:52%;min-height:2.25rem;gap:.3125rem;padding:.375rem .625rem;font-size:calc(.75rem * var(--font-section-scale, 1))}.hero-image__discount-copy [data-hero-discount-label]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-image__discount-copy-icons svg{width:1rem;height:1rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-hero-image.css.map */