.hero{--hero-terra: #d2815f;--hero-terra-deep: #b8663f;--hero-ease: cubic-bezier(.22, .61, .36, 1);position:relative;display:grid;grid-template-areas:"stack";isolation:isolate;padding-top:var(--hero-pad-top, 0);padding-bottom:var(--hero-pad-bottom, 0)}.hero--framed{max-width:var(--page-width);margin-inline:auto;padding-inline:1.5rem}.hero__media,.hero__content{grid-area:stack}.hero__media{position:relative;min-height:var(--hero-height-mobile);overflow:hidden;background-color:#efe6e0}.hero--framed .hero__media{border-radius:2rem}.hero__picture,.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hero__image{width:100%;height:100%;object-fit:cover;object-position:var(--hero-focal-mobile, center)}.hero__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.35}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero--overlay-uniform .hero__overlay{background-color:var(--hero-overlay-color);opacity:var(--hero-overlay)}.hero--overlay-bottom .hero__overlay{background-image:linear-gradient(to top,var(--hero-overlay-color) 0%,color-mix(in srgb,var(--hero-overlay-color) 55%,transparent) 38%,transparent 75%);opacity:var(--hero-overlay)}.hero--overlay-top .hero__overlay{background-image:linear-gradient(to bottom,var(--hero-overlay-color) 0%,color-mix(in srgb,var(--hero-overlay-color) 55%,transparent) 38%,transparent 75%);opacity:var(--hero-overlay)}.hero--overlay-side .hero__overlay{background-image:linear-gradient(to right,var(--hero-overlay-color) 0%,color-mix(in srgb,var(--hero-overlay-color) 45%,transparent) 45%,transparent 80%);opacity:var(--hero-overlay)}@supports not (background: color-mix(in srgb,red 50%,transparent)){.hero--overlay-bottom .hero__overlay{background-image:linear-gradient(to top,var(--hero-overlay-color),transparent 75%)}.hero--overlay-top .hero__overlay{background-image:linear-gradient(to bottom,var(--hero-overlay-color),transparent 75%)}.hero--overlay-side .hero__overlay{background-image:linear-gradient(to right,var(--hero-overlay-color),transparent 80%)}}.hero__content{position:relative;z-index:2;display:grid;padding:3.2rem 2rem;color:var(--hero-text, #fff);pointer-events:none}.hero__inner{display:flex;flex-direction:column;gap:1.6rem;width:100%;max-width:var(--hero-content-width, 62rem);pointer-events:auto}.hero__inner--boxed{padding:2.8rem;border-radius:1.8rem;background-color:var(--hero-box-color);background-color:color-mix(in srgb,var(--hero-box-color) calc(var(--hero-box-opacity) * 100%),transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero__eyebrow{display:flex;align-items:center;gap:1rem;margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.hero__rule{display:block;width:3.2rem;height:1px;background-color:currentColor;opacity:.7}.hero__heading{margin:0;line-height:1.05;text-wrap:balance}.hero__heading.hero-xl{font-size:clamp(4rem,9vw,8.4rem);letter-spacing:-.02em}.hero__text{margin:0;line-height:1.55;opacity:.92}.hero__text>*{margin:0}.hero__text--body{font-size:1.5rem}.hero__text--lead{font-size:1.7rem}.hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.hero__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:5.2rem;padding:0 2.8rem;border-radius:999px;font-size:1.3rem;font-weight:600;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:background-color .25s var(--hero-ease),color .25s var(--hero-ease),box-shadow .25s var(--hero-ease),transform .25s var(--hero-ease)}.hero__button:after{content:"";position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:1.5px dashed currentColor;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .25s var(--hero-ease),inset .25s var(--hero-ease)}.hero__button:hover:after{top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;opacity:.45}.hero__button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.hero__button--primary{background-color:var(--hero-terra);color:#fff;box-shadow:0 2px 12px #7a3d243d}.hero__button--primary:hover{background-color:var(--hero-terra-deep);box-shadow:0 10px 26px #7a3d2452;transform:translateY(-2px)}.hero__button--outline{color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}.hero__button--outline:hover{background-color:var(--hero-text, #fff);color:#121212;transform:translateY(-2px)}.hero__button--ghost{min-height:4.4rem;padding:0 .4rem;color:inherit;text-decoration:underline;text-underline-offset:.6rem;text-decoration-thickness:1px}.hero__button--ghost:after{content:none}.hero__button--ghost:hover{text-decoration-thickness:2px}.hero__button[aria-disabled=true]{cursor:default;opacity:.55}@media screen and (max-width:749px){.hero--mv-top .hero__content{align-items:start}.hero--mv-middle .hero__content{align-items:center}.hero--mv-bottom .hero__content{align-items:end}.hero--mh-left .hero__content{justify-items:start}.hero--mh-center .hero__content{justify-items:center}.hero--mh-right .hero__content{justify-items:end}.hero--align-mob-left .hero__inner{text-align:left;align-items:flex-start}.hero--align-mob-center .hero__inner{text-align:center;align-items:center}.hero--align-mob-right .hero__inner{text-align:right;align-items:flex-end}.hero--stacked-mobile{grid-template-areas:"media" "content"}.hero--stacked-mobile .hero__media{grid-area:media}.hero--stacked-mobile .hero__content{grid-area:content;padding:2.4rem 2rem 0;color:rgb(var(--color-foreground))}.hero--stacked-mobile .hero__inner--boxed{padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}}@media screen and (min-width:750px){.hero__media{min-height:var(--hero-height-desktop)}.hero__image{object-position:var(--hero-focal-desktop, center)}.hero__content{padding:6rem 5rem}.hero--framed{padding-inline:5rem}.hero--dv-top .hero__content{align-items:start}.hero--dv-middle .hero__content{align-items:center}.hero--dv-bottom .hero__content{align-items:end}.hero--dh-left .hero__content{justify-items:start}.hero--dh-center .hero__content{justify-items:center}.hero--dh-right .hero__content{justify-items:end}.hero--align-desk-left .hero__inner{text-align:left;align-items:flex-start}.hero--align-desk-center .hero__inner{text-align:center;align-items:center}.hero--align-desk-right .hero__inner{text-align:right;align-items:flex-end}.hero__inner{gap:2rem}.hero__text--body{font-size:1.6rem}.hero__text--lead{font-size:1.9rem}}@media(prefers-reduced-motion:no-preference){.hero--zoom .hero__image{animation:hero-zoom 24s var(--hero-ease) forwards}}@keyframes hero-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.hero__button,.hero__button:after{transition:none}.hero__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-banner.css.map */
