.bbd-hero-banner__top{position:relative}.bbd-hero-banner__media{position:relative;overflow:hidden;border-radius:var(--radius-xl)}.bbd-hero-banner__image,.bbd-hero-banner__image--placeholder{display:block;width:100%;aspect-ratio:385 / 452;max-height:28.75rem;object-fit:cover}.bbd-hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--color-brand-dark-forest-green) 0%,transparent 77%);opacity:var(--opacity-70);pointer-events:none}.bbd-hero-banner__content{position:absolute;inset-inline:var(--padding-2xl);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--gap-xl);color:var(--color-white);text-align:center}.bbd-hero-banner__heading{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md)}.bbd-hero-banner__title{order:1;max-width:28rem;color:var(--color-white);font-family:var(--font-heading--family);font-size:var(--font-size--5xl);font-weight:400;font-style:normal;line-height:var(--line-height--heading-normal);letter-spacing:normal;text-transform:none;margin:0}.bbd-hero-banner__subtitle{order:2;font-family:var(--font-body--family);font-size:var(--font-size--md);font-weight:700;margin:0}.bbd-hero-banner__meta{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs)}.bbd-hero-banner__button{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--padding-md) var(--padding-2xl);border-radius:var(--radius-sm);background:var(--color-brand-call-to-action);color:var(--color-brand-dark-forest-green);font-family:var(--font-body--family);font-size:var(--font-size--md);font-weight:700;text-decoration:none}.bbd-hero-banner__categories{position:relative}.bbd-hero-banner__categories-list{display:flex;align-items:stretch;gap:var(--gap-xs);margin:var(--margin-xs) 0 0;padding-inline:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.bbd-hero-banner__categories-list::-webkit-scrollbar{display:none}.bbd-hero-banner__entry-item{flex:0 0 calc((100% - 2 * var(--gap-xs)) / 3);scroll-snap-align:start;min-width:11.5rem}.bbd-hero-banner__entry{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:20rem;overflow:hidden;border-radius:var(--radius-xl)}.bbd-hero-banner__entry-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.bbd-hero-banner__entry-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.bbd-hero-banner__entry-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / var(--opacity-50)) 0%,transparent 60%)}.bbd-hero-banner__entry-image,.bbd-hero-banner__entry-image--placeholder{display:block;width:100%;height:100%;object-fit:cover}.bbd-hero-banner__entry-panel{position:relative;display:flex;flex-direction:column;gap:var(--spacer-1);padding:var(--padding-lg);color:var(--color-white)}.bbd-hero-banner__entry-title{font-family:var(--font-body--family);font-size:var(--font-size--xl);font-weight:700;line-height:var(--line-height--body-tight);margin:0}.bbd-hero-banner__entry-footer{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacer-4)}.bbd-hero-banner__entry-subtitle{font-family:var(--font-body--family);font-size:var(--font-size--sm);line-height:var(--line-height--body-normal);margin:0}.bbd-hero-banner__entry-arrow{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--icon-size-xl);height:var(--icon-size-xl);border-radius:var(--radius-round);background:var(--color-brand-call-to-action);color:var(--color-brand-dark-forest-green)}.bbd-hero-banner__entry-arrow svg{width:.75rem;height:.75rem}@media screen and (min-width:990px){.bbd-hero-banner__image,.bbd-hero-banner__image--placeholder{aspect-ratio:1464 / 548;max-height:none}.bbd-hero-banner__categories-list{overflow-x:visible;gap:var(--spacer-5);margin-top:calc(var(--spacer-12) * -1);padding-inline:var(--spacer-4)}.bbd-hero-banner__entry-item{flex:1 1 0;min-width:0}.bbd-hero-banner__entry{flex-direction:row;height:100%;border-radius:0;overflow:visible}.bbd-hero-banner__entry-media{position:relative;inset:unset;z-index:0;flex:0 0 6.875rem;border-radius:var(--radius-xl);overflow:hidden}.bbd-hero-banner__entry-media:after{content:none}.bbd-hero-banner__entry-panel{flex:1;min-width:0;justify-content:space-between;padding:var(--spacer-8);gap:var(--gap-4xl);border-radius:var(--radius-xl);background:var(--color-white);color:var(--color-brand-dark-forest-green)}.bbd-hero-banner__entry-title{font-size:var(--font-size--md)}.bbd-hero-banner__entry-footer{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--gap-xl)}.bbd-hero-banner__entry-subtitle{color:var(--color-brand-pine-green)}.bbd-hero-banner__entry-arrow{padding:var(--spacer-1)}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.bbd-hero-banner__entry{transition:transform var(--hover-transition-duration) var(--hover-transition-timing)}.bbd-hero-banner__entry:hover{transform:translateY(-4px)}}}@media screen and (min-width:1200px){.bbd-hero-banner__content{inset-inline:var(--spacer-56);display:block}.bbd-hero-banner__heading{display:block;max-width:var(--max-width--hero);margin-inline:auto}.bbd-hero-banner__title{max-width:none;font-size:var(--font-size--7xl);text-align:right;line-height:1}.bbd-hero-banner__subtitle{float:right;margin-inline-start:var(--gap-lg)}.bbd-hero-banner__subtitle:first-child{margin-block-start:var(--spacer-8)}.bbd-hero-banner__categories-list{padding-inline:var(--spacer-32)}.bbd-hero-banner__meta{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bbd-hero-banner.css.map */