.grid__item--banner-wide{width:100%;max-width:100%}@media screen and (min-width:990px){.grid--3-col-desktop .grid__item--banner-wide{width:calc(66.66% - var(--grid-desktop-horizontal-spacing) / 3);max-width:calc(66.66% - var(--grid-desktop-horizontal-spacing) / 3)}.grid--4-col-desktop .grid__item--banner-wide{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}.collection-banner{position:relative;display:flex;flex-direction:column;height:100%;min-height:100%;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;background-color:#0f1a36}.collection-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f1a361a,#0f1a36c7)}.collection-banner__content{position:relative;z-index:1;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;padding:2.8rem}.collection-banner--bottom .collection-banner__content{justify-content:flex-end}.collection-banner--stretch .collection-banner__content{justify-content:space-between}.collection-banner--split{min-height:42rem}.collection-banner--split .collection-banner__content{display:grid;grid-template-rows:auto minmax(2.4rem,1fr) auto minmax(2.4rem,1.6fr) auto auto;justify-items:start;gap:0;padding:2.5rem 3rem 4rem}.collection-banner--split .collection-banner__text{display:contents}.collection-banner--split .collection-banner__eyebrow{grid-row:1}.collection-banner--split .collection-banner__heading{grid-row:3}.collection-banner--split .collection-banner__body{grid-row:5}.collection-banner--split .collection-banner__actions{grid-row:6;margin-top:2rem}.collection-banner__text{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.collection-banner__eyebrow{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.4rem;line-height:1.4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.5em;margin-bottom:.8rem}.collection-banner__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.2rem;line-height:1.15;letter-spacing:-.01em}.collection-banner--wide .collection-banner__heading{font-size:4rem}.collection-banner__body{font-size:1.5rem;line-height:1.45;max-width:42rem;opacity:.95}.collection-banner__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;max-width:100%}.collection-banner .button{z-index:1;margin-top:0;max-width:100%}.collection-banner .button--secondary{--color-button: var(--color-base-background-2);--color-button-text: var(--color-base-text)}.collection-banner__link--pill{display:inline-flex;max-width:100%;text-decoration:none}.collection-banner__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.collection-banner__link--pill:focus-visible{outline:none;box-shadow:none}.collection-banner__link--pill:focus-visible .button,.collection-banner .button--quaternary:focus-visible{outline:.2rem solid #ffffff;outline-offset:.3rem;box-shadow:none}.collection-banner__link:not(.collection-banner__link--pill):focus-visible:after{outline:.2rem solid #ffffff;outline-offset:-.4rem;border-radius:12px}@media screen and (max-width:989px){.grid__item--banner-wide,.grid__item--banner{width:100%!important;max-width:100%!important}}@media screen and (max-width:749px){.collection-banner{min-height:420px}.collection-banner__content{padding:2rem}.collection-banner--split .collection-banner__content{padding:2.5rem 2rem 4rem}.collection-banner__heading,.collection-banner--wide .collection-banner__heading{font-size:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/collection-banner.css.map */