.clarity-chero{padding-block:clamp(10px,1.6vw,22px) 0}.clarity-chero__panel{position:relative;display:flex;align-items:flex-end;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-surface-raised);isolation:isolate}.clarity-chero--medium .clarity-chero__panel{min-height:clamp(300px,40vw,480px)}.clarity-chero--tall .clarity-chero__panel{min-height:clamp(400px,52vw,660px)}.clarity-chero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.clarity-chero__img{width:100%;height:100%;object-fit:cover;display:block}.clarity-chero__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(14,27,61,calc(.72 * var(--ch-ov, .5))),#0e1b3d00 62%),linear-gradient(0deg,rgba(14,27,61,calc(.92 * var(--ch-ov, .5))),#0e1b3d00 66%)}@media(max-width:749px){.clarity-chero__panel:after{background:linear-gradient(0deg,#0e1b3dd1,#0e1b3d5c 56%,#0e1b3d24)}}.clarity-chero__panel.is-fallback{background:linear-gradient(150deg,#14264f 0%,var(--brand-navy) 60%)}.clarity-chero__panel.is-fallback:after{background:none}.clarity-chero__inner{position:relative;z-index:1;color:var(--color-on-dark);padding:clamp(24px,4vw,56px);max-width:42rem}.clarity-chero__eyebrow{color:#ffffffb8;margin-bottom:clamp(12px,1.4vw,18px)}.clarity-chero__title{color:#fff}.clarity-chero__lead{margin-top:clamp(14px,1.6vw,20px);color:#ffffffd1;max-width:40ch}.clarity-catnav-wrap{margin-top:clamp(18px,2.2vw,30px);border-bottom:var(--border-hairline)}.clarity-catnav{display:flex;gap:clamp(6px,.7vw,10px);margin:0;padding:0 0 12px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.clarity-catnav::-webkit-scrollbar{display:none}.clarity-catnav li{flex:none}.clarity-catnav__link{display:inline-flex;align-items:center;white-space:nowrap;padding:10px 18px;border-radius:var(--radius-pill);font-size:.9375rem;font-weight:var(--fw-medium);letter-spacing:-.004em;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.clarity-catnav__link:hover{color:var(--brand-navy);background:var(--color-surface)}.clarity-catnav__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.clarity-catnav__link.is-active{background:var(--brand-navy);color:var(--color-on-dark)}@media(max-width:749px){.clarity-catnav__link{padding:9px 15px;font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/clarity-collection-hero.css.map */