.collection-banner__content.color-scheme{padding:var(--gutter-sm, 20px)}.bd-collection-hero{display:grid;grid-template-columns:minmax(0,1fr);background:var(--bd-pale,#f5f5f2);border-radius:var(--bd-radius,2px);overflow:hidden}.bd-collection-hero--with-image{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.bd-collection-hero__copy{padding:32px;align-self:center;min-width:0}.bd-collection-hero__copy h1{font-size:clamp(28px,3vw,44px);line-height:1.12;letter-spacing:-.025em;margin:0 0 16px;color:var(--bd-ink,#142c39)}.bd-collection-hero__intro{font-size:14px;line-height:1.65;max-width:52ch;color:var(--bd-muted,#596873);margin:0}.bd-collection-hero__count{font-size:12px;margin:12px 0}.bd-collection-hero__samples{margin-top:20px;color:var(--bd-blue,#007db6);font-size:14px;font-weight:600}.bd-collection-hero__samples a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.bd-collection-hero__media{position:relative;min-width:0;height:300px;overflow:hidden;background:#fff}.bd-collection-hero__image{width:100%;height:100%;object-fit:cover;display:block}.bd-collection-hero--accessory .bd-collection-hero__image{object-fit:contain;padding:16px}.bd-collection-hero__feature{position:absolute;left:16px;bottom:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#fffffff5;color:var(--bd-ink,#142c39);border-radius:var(--bd-radius,2px);text-decoration:none;min-height:56px}.bd-collection-hero__feature small{display:block;font-size:11px;color:var(--bd-muted,#596873);margin-bottom:4px}.bd-collection-hero__feature strong{display:block;font-size:13px;line-height:1.35}.bd-collection-hero__arrow{font-size:24px;color:var(--bd-blue,#007db6)}.bd-collection-hero__feature:hover strong{text-decoration:underline;text-underline-offset:3px}.bd-collection-hero-wrap .bd-category-subnav{margin:16px 0 0;padding:0}.bd-collection-hero-wrap .bd-category-subnav__heading{font-size:12px;line-height:1.4;margin:0 0 8px}.bd-collection-hero-wrap .bd-category-subnav__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.bd-collection-hero-wrap .bd-category-subnav__link{display:flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--bd-line,#dce1e2);border-radius:var(--bd-radius,2px);font-size:13px;color:var(--bd-ink,#142c39);text-decoration:none}.bd-collection-hero-wrap .bd-category-subnav__link:hover{border-color:var(--bd-blue,#007db6);color:var(--bd-blue,#007db6)}.bd-collection-hero__description{margin-top:8px}.bd-collection-hero__description summary{font-size:12px;min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.bd-collection-hero__description .rte{max-width:90ch;padding:8px 0 16px;font-size:14px}.bd-collection-hero-wrap a:focus-visible,.bd-collection-hero-wrap summary:focus-visible{outline:2px solid var(--bd-blue,#007db6);outline-offset:3px}@media(max-width:768px){.bd-collection-hero--with-image{grid-template-columns:minmax(0,1fr)}.bd-collection-hero__copy{padding:20px}.bd-collection-hero__copy h1{font-size:28px;margin-bottom:12px}.bd-collection-hero__intro{font-size:13px;line-height:1.5}.bd-collection-hero__samples{margin-top:8px;font-size:13px}.bd-collection-hero__media{height:180px}.bd-collection-hero__feature{left:8px;right:8px;bottom:8px;padding:8px 12px}.bd-collection-hero__feature strong{font-size:12px}.bd-collection-hero-wrap .bd-category-subnav__list{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}.bd-collection-hero-wrap .bd-category-subnav__item{flex:none}}.collection-banner__content.color-scheme h1{padding-top:calc(4 * var(--space-unit))}.collection-banner__media{order:2}.collection-banner__heading{margin-inline-end:5px}.collection-banner__count{color:rgba(var(--heading-color)/.6);font-size:1.4rem;line-height:1.4rem;white-space:nowrap}@media(min-width:600px){.collection-banner__content--with-media{padding-inline-end:calc(8 * var(--space-unit))}.collection-banner__content.color-scheme{padding:calc(10 * var(--space-unit))}.collection-banner__content.color-scheme h1{padding-top:calc(2 * var(--space-unit))}}@media(min-width:769px){.collection-banner__content{width:50%;min-width:400px}.collection-banner__content-wide{width:66%}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/collection-banner.css.map */
