.boc-category-hero{margin-top:clamp(24px,4vw,56px)}.boc-category-hero__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.boc-category-hero__card{position:relative;display:flex;align-items:flex-end;isolation:isolate;aspect-ratio:1;min-width:0;overflow:hidden;background:#030806;color:#fff}.boc-category-hero__card:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgb(0 0 0 / 35%));content:""}.boc-category-hero__image{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.boc-category-hero__content{width:100%;padding:clamp(22px,3vw,44px)}.boc-category-hero__heading{margin:0;color:#fff;font-family:Maison Neue,sans-serif;font-size:clamp(26px,2.8vw,42px);font-weight:600;line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}.boc-category-hero__eyebrow{display:block;margin-bottom:4px;color:#999;transition:color .3s ease}.boc-category-hero__card:hover .boc-category-hero__eyebrow{color:#fff}@media(prefers-reduced-motion:reduce){.boc-category-hero__eyebrow{transition:none}}.boc-category-hero__link{display:inline-flex;align-items:center;gap:12px;margin-top:18px;color:#fff;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.035em;text-decoration:none;text-transform:uppercase}.boc-category-hero__link:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.boc-category-hero__link svg{position:relative;top:-2px;display:block;flex-shrink:0;transition:transform .18s ease}.boc-category-hero__link:hover,.boc-category-hero__link:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:5px}.boc-category-hero__link:focus-visible{outline:none;box-shadow:none}.boc-category-hero__link:focus-visible:after{outline:2px solid #fff;outline-offset:-8px}.boc-category-hero__card--right{text-align:right}@media(hover:hover)and (prefers-reduced-motion:no-preference){.boc-category-hero__image{transition:transform .45s ease}.boc-category-hero__card:hover .boc-category-hero__image{transform:scale(1.04)}.boc-category-hero__link:hover svg{transform:translate(4px)}}@media screen and (max-width:989px){.boc-category-hero__grid{gap:12px}}@media screen and (max-width:749px){.boc-category-hero__grid{grid-template-columns:minmax(0,1fr);gap:8px}.boc-category-hero__content{padding:clamp(20px,6vw,36px)}.boc-category-hero__heading{font-size:clamp(26px,6.5vw,40px)}.boc-category-hero__link{gap:8px;margin-top:14px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-category-hero.css.map */