@layer sections{.cfeat{display:grid;gap:var(--space-6)}.cfeat__banner{--cf-fg: #fff;position:relative;display:grid;align-content:var(--cf-y, end);min-height:clamp(22rem,60vw,34rem);overflow:hidden;color:var(--cf-fg);text-decoration:none;background-color:#111;border-radius:calc(var(--radius-media) * 1.5);isolation:isolate}.cfeat--dark .cfeat__banner{--cf-fg: #111;background-color:var(--color-bg-subtle)}.cfeat__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cfeat__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.cfeat__media :is(img,svg,video){width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease)}[data-media-hover=lift] .cfeat__banner{transition:translate .4s var(--ease),box-shadow .4s var(--ease)}@media(hover:hover){[data-media-hover=zoom] .cfeat__banner:hover .cfeat__media :is(img,svg,video){scale:1.04}[data-media-hover=lift] .cfeat__banner:hover{translate:0 -6px;box-shadow:0 18px 40px #00000024}}.cfeat__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / calc(var(--overlay) * 2)),rgb(0 0 0 / calc(var(--overlay) * .3)) 60%)}.cfeat--dark .cfeat__media:after{background:linear-gradient(to top,rgb(255 255 255 / calc(var(--overlay) * 2)),transparent 60%)}.cfeat__content{position:relative;z-index:2;display:grid;justify-items:start;gap:var(--space-3);padding:clamp(1.5rem,1rem + 2.5vw,3.5rem);pointer-events:none}.cfeat__content a{pointer-events:auto}.cfeat__pills{display:flex;flex-wrap:wrap;gap:var(--pill-gap, .5rem);margin:0;padding:0;list-style:none}.cfeat__pill{display:inline-flex;align-items:center;justify-content:center;min-width:var(--pill-h-m, 2.25rem);min-height:var(--pill-h-m, 2.25rem);padding-inline:calc(var(--pill-h-m, 2.25rem) * .42);font-size:var(--pill-size-m, .8125rem);line-height:1;color:inherit;text-decoration:none;white-space:nowrap;border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:999px;transition:background-color var(--duration),border-color var(--duration),color var(--duration)}.cfeat__pills--glass .cfeat__pill{background-color:color-mix(in srgb,currentColor 12%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cfeat__pills--solid .cfeat__pill{color:#111;background-color:#fff;border-color:#fff}@media(hover:hover){.cfeat__pill:hover{color:#111;background-color:#fff;border-color:#fff}.cfeat__pills--solid .cfeat__pill:hover{color:#fff;background-color:#111;border-color:#111}}@media(min-width:750px){.cfeat__pill{min-width:var(--pill-h, 2.5rem);min-height:var(--pill-h, 2.5rem);padding-inline:calc(var(--pill-h, 2.5rem) * .42);font-size:var(--pill-size, .875rem)}}.cfeat__heading{font-family:var(--font-heading-family);font-size:calc(clamp(2rem,1.4rem + 2.6vw,3.75rem) * var(--heading-scale) * var(--sz-h, 1));line-height:1.04}.cfeat__text{max-width:28rem;font-size:calc(1em * var(--sz-t, 1));opacity:.88}.cfeat__products{min-width:0}.cfeat__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-5)}.cfeat__count{margin:0;font-size:.875rem;color:color-mix(in srgb,var(--color-fg) 65%,transparent)}@media(min-width:990px){.cfeat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;gap:clamp(2rem,1rem + 2.5vw,4rem)}.cfeat--image-right .cfeat__banner{order:2}.cfeat__banner{min-height:100%}.cfeat__products{display:flex;flex-direction:column;justify-content:center}}.cfeat--center .cfeat__content{justify-items:center;text-align:center}.cfeat--center .cfeat__pills{justify-content:center}.cfeat--right .cfeat__content{justify-items:end;text-align:end}.cfeat--right .cfeat__pills{justify-content:flex-end}.cfeat__footer{display:flex;justify-content:center;margin-block-start:var(--space-6)}.cfeat__aside,.cfeat__main{min-width:0}.cfeat.cfeat--grid{gap:var(--space-4)}.cfeat--grid .cfeat__banner{min-height:0;aspect-ratio:var(--cf-ratio-m, 4 / 3)}@media(max-width:749px){.cfeat--no-card .cfeat__aside{display:none}}@media(min-width:750px){.cfeat.cfeat--grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:var(--grid-gap)}.cfeat--grid.cfeat--image-right .cfeat__aside{order:2}.cfeat--grid .cfeat__aside{position:sticky;top:calc(var(--header-height) + 1.25rem)}.cfeat--grid .cfeat__banner{height:calc(100svh - var(--header-height) - 2.5rem);min-height:22rem;aspect-ratio:auto}}@media(min-width:1200px){.cfeat.cfeat--grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}.cfeat .cfeat__banner{min-height:var(--h-custom-m, clamp(22rem, 60vw, 34rem))}.cfeat.cfeat--grid .cfeat__banner{min-height:var(--h-custom-m, 0)}@media(min-width:750px){.cfeat.cfeat--grid .cfeat__banner{height:var(--h-custom, calc(100svh - var(--header-height) - 2.5rem));min-height:var(--h-custom, 22rem)}.cfeat.cfeat--grid.cfeat--w{grid-template-columns:minmax(0,var(--cf-w)) minmax(0,1fr)}}@media(min-width:990px){.cfeat .cfeat__banner{min-height:var(--h-custom, 100%)}.cfeat.cfeat--w{grid-template-columns:minmax(0,var(--cf-w)) minmax(0,1fr)}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-collection-feature.css.map */