.cms-bz-department-hero-banner{background-color:var(--bz-dhb-background, #f9fafb);padding-block:var(--bz-dhb-padding-top-mobile, 8px) var(--bz-dhb-padding-bottom-mobile, 8px);padding-inline:var(--bz-dhb-padding-inline-mobile, 8px);width:100%}.cms-bz-department-hero-banner,.cms-bz-department-hero-banner *{box-sizing:border-box}.cms-bz-department-hero-banner__grid{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-inline:auto;max-width:1440px;width:100%}.cms-bz-department-hero-banner__primary{border-radius:10px;height:var(--bz-dhb-hero-height-mobile, 500px);overflow:hidden;position:relative;background-color:#f3f4f6}.cms-bz-department-hero-banner__slideshow,.cms-bz-department-hero-banner__slideshow slideshow-container,.cms-bz-department-hero-banner__slideshow slideshow-slides,.cms-bz-department-hero-banner__slide{height:100%}.cms-bz-department-hero-banner__slide{overflow:hidden;position:relative}.cms-bz-department-hero-banner__media{background-color:#f3f4f6;top:0;right:0;bottom:0;left:0;position:absolute}.cms-bz-department-hero-banner__media picture,.cms-bz-department-hero-banner__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.cms-bz-department-hero-banner__overlay{background-image:linear-gradient(56.54deg,#10182874 18.47%,#99a1af00 83%);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.cms-bz-department-hero-banner__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:16px 16px 80px;position:relative;z-index:1}.cms-bz-department-hero-banner__heading{color:#fff;font-family:"Plus Jakarta Sans",var(--font-heading--family, var(--font-body--family, sans-serif));font-size:24px;font-weight:800;line-height:36px;margin:0;max-width:235px}.cms-bz-department-hero-banner__description{color:#fff;font-family:"Plus Jakarta Sans",var(--font-body--family, sans-serif);font-size:14px;font-weight:400;line-height:26px;margin:0;max-width:214px}.cms-bz-department-hero-banner__controls{align-items:center;bottom:16px;display:flex;gap:16px;left:17px;position:absolute;z-index:2}.cms-bz-department-hero-banner__arrows{align-items:center;display:flex;gap:8px}.cms-bz-department-hero-banner__arrow{align-items:center;background-color:#ffffff80;border:.5px solid #101828;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;margin:0;padding:0;transition:background-color .2s ease;width:36px}.cms-bz-department-hero-banner__arrow:hover,.cms-bz-department-hero-banner__arrow:focus-visible{background-color:#fff}.cms-bz-department-hero-banner__arrow svg{display:block}.cms-bz-department-hero-banner__dots{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.cms-bz-department-hero-banner__dots li{display:flex}.cms-bz-department-hero-banner__dot{background-color:#ffffff80;border:.53px solid #101828;border-radius:999px;cursor:pointer;display:block;height:8px;margin:0;padding:0;transition:width .2s ease,background-color .2s ease;width:8px}.cms-bz-department-hero-banner__dot.is-selected{background-color:#fff;width:24px}.cms-bz-department-hero-banner__tiles{display:flex;flex-direction:column;gap:12px}.cms-bz-department-hero-banner__tile{aspect-ratio:377 / 244;border-radius:10px;overflow:hidden;position:relative}.cms-bz-department-hero-banner__tile-overlay{background-image:linear-gradient(to top,#00000059,#0000001a 64.34%,#0000);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.cms-bz-department-hero-banner__tile-link{top:0;right:0;bottom:0;left:0;position:absolute}.cms-bz-department-hero-banner__tile-content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:18px;pointer-events:none;position:relative;z-index:1}.cms-bz-department-hero-banner__tile-heading{color:#fff;font-family:"Plus Jakarta Sans",var(--font-heading--family, var(--font-body--family, sans-serif));font-size:20px;font-weight:700;line-height:20px;margin:0 0 12px}.cms-bz-department-hero-banner__button--static{align-items:center;background-color:#fff;border:1px solid #ffffff;border-radius:9999px;color:#101828;display:inline-flex;font-family:"Plus Jakarta Sans",var(--font-body--family, sans-serif);font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;line-height:20px;margin:0;padding:14px 16px;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap;cursor:default}.cms-bz-department-hero-banner__button.cms-bz-department-hero-banner__button--hero{margin-top:26px}.cms-bz-department-hero-banner__button--tile{pointer-events:auto;position:relative}.cms-bz-department-hero-banner__button-icon{display:inline-flex;flex-shrink:0;height:14px;width:14px}.cms-bz-department-hero-banner__button-icon svg{display:block;height:100%;width:100%}@media screen and (min-width:750px){.cms-bz-department-hero-banner{padding-block:var(--bz-dhb-padding-top-desktop, 24px) var(--bz-dhb-padding-bottom-desktop, 8px);padding-inline:var(--bz-dhb-padding-inline-desktop, 32px)}.cms-bz-department-hero-banner__grid{gap:16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);height:var(--bz-dhb-height-desktop, 560px)}.cms-bz-department-hero-banner__primary{height:100%}.cms-bz-department-hero-banner__overlay{background-image:linear-gradient(79.7deg,#10182874 18.98%,#99a1af00 59.47%)}.cms-bz-department-hero-banner__content{padding:32px 32px 92px}.cms-bz-department-hero-banner__heading{font-size:36px;line-height:36px;max-width:448px}.cms-bz-department-hero-banner__description{font-size:18px;line-height:29.25px;margin-top:8px;max-width:448px}.cms-bz-department-hero-banner__controls{bottom:32px;left:48px}.cms-bz-department-hero-banner__tiles{gap:16px;height:100%}.cms-bz-department-hero-banner__tile{aspect-ratio:auto;flex:1 1 0;min-height:180px}.cms-bz-department-hero-banner__tile-content{padding:20px}.cms-bz-department-hero-banner__tile-heading{font-size:24px;line-height:22.5px;margin-bottom:22.5px}.cms-bz-department-hero-banner__button.cms-bz-department-hero-banner__button--hero{margin-top:30.5px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/BZ-department-hero-banner.css.map */
