.hero-banner__outer{display:block!important;margin-left:auto;margin-right:auto;width:100%}.hero-banner__container{display:block!important;position:relative;width:100%;height:65vh;min-height:500px;border-radius:32px;overflow:hidden;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(231,229,228,.5);background-color:#f5f5f4}@media screen and (min-width:768px){.hero-banner__container{height:55vh;border-radius:48px}}.hero-banner__slider{position:relative;width:100%;height:100%}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s ease-in-out;z-index:0;pointer-events:none}.hero-banner__slide--active{opacity:1;pointer-events:auto}.hero-banner__slide .hero-banner__content-inner--slide{opacity:0;transform:translateY(10px);transition:opacity 1s ease-in-out .3s,transform 1s ease-in-out .3s}.hero-banner__slide--active .hero-banner__content-inner--slide{opacity:1;transform:translateY(0)}.hero-banner__dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:12px;align-items:center;justify-content:center}@media screen and (min-width:768px){.hero-banner__dots{bottom:32px;gap:16px}}.hero-banner__dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;border:1px solid rgba(255,255,255,.5);box-shadow:0 1px 2px #0000000d;background-color:#ffffff4d;cursor:pointer;transition:background-color .3s,width .3s,height .3s}.hero-banner__dot:hover{background-color:#fff9}@media screen and (min-width:768px){.hero-banner__dot{width:10px;height:10px}}.hero-banner__dot--active{background-color:#fff;width:24px;height:8px;border-radius:9999px}@media screen and (min-width:768px){.hero-banner__dot--active{width:32px;height:10px}}.hero-banner__media{display:block!important;width:100%;height:100%;overflow:hidden}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (min-width:768px){.hero-banner__image{object-position:center 30%}}.hero-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e7e5e4}.hero-banner__gradient{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(28,25,23,.5),rgba(28,25,23,.1),transparent)}@media screen and (min-width:768px){.hero-banner__gradient{background:transparent}}.hero-banner__content{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex!important;flex-direction:column;justify-content:flex-end;padding:32px 32px 56px}@media screen and (min-width:768px){.hero-banner__content{padding:64px 64px 80px}}.hero-banner__content-inner{max-width:672px;display:flex!important;flex-direction:column;align-items:flex-start}.hero-banner__label-row{display:flex!important;align-items:center;gap:12px;margin-bottom:12px}@media screen and (min-width:768px){.hero-banner__label-row{margin-bottom:16px}}.hero-banner__label-line{width:32px;height:1px;flex-shrink:0}@media screen and (min-width:768px){.hero-banner__label-line{width:48px}}.hero-banner__label-text{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#fff}@media screen and (min-width:768px){.hero-banner__label-text{font-size:14px}}.hero-banner__heading{font-size:30px;font-family:var(--font-heading-family),serif;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);color:#fff;line-height:1.1;letter-spacing:-.025em;text-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);margin:0 0 16px;white-space:pre-line;text-align:left}@media screen and (min-width:768px){.hero-banner__heading{font-size:60px;margin-bottom:24px}}.hero-banner__description{font-size:14px;font-weight:300;line-height:1.625;color:#fff;margin:0 0 24px;max-width:384px;text-align:left;text-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1)}@media screen and (min-width:768px){.hero-banner__description{font-size:20px;margin-bottom:32px;max-width:512px}}.hero-banner__button{display:inline-flex;align-items:center;gap:12px;background-color:#fff;color:#1c1917;padding:12px 24px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:background-color .2s}.hero-banner__button:hover{background-color:#f5f5f4}@media screen and (min-width:768px){.hero-banner__button{padding:16px 32px}}.hero-banner__noise{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;pointer-events:none;mix-blend-mode:overlay;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero-banner.css.map */