.gh-archive-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:clamp(220px,32vh,400px);margin:0 0 var(--gh-space-xl, 2rem);border-radius:var(--gh-radius-lg, 16px);background:radial-gradient(120% 140% at 85% 0%,rgba(var(--gh-accent-rgb, 114, 17, 36),.55),transparent 55%),linear-gradient(160deg,var(--gh-gray-900, #171717),var(--gh-gray-800, #262626));color:var(--gh-white, #fff);isolation:isolate}.gh-archive-hero__media{position:absolute;inset:0;z-index:-2}.gh-archive-hero__media img{position:absolute;top:-12%;left:0;width:100%;height:124%;object-fit:cover}.gh-archive-hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a0a0a1a,#0a0a0a59 55%,#0a0a0ab8)}.gh-archive-hero:not(.gh-archive-hero--has-image) .gh-archive-hero__scrim{background:linear-gradient(180deg,transparent 40%,rgba(10,10,10,.35) 100%)}.gh-archive-hero__content{position:relative;width:100%;max-width:var(--gh-max-width, 1200px);padding:clamp(1.5rem,4vw,3rem)}.gh-archive-hero__eyebrow{display:block;margin-bottom:var(--gh-space-sm, .5rem);font-size:var(--gh-text-xs, .8125rem);font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#ffffffbf}.gh-archive-hero__title{margin:0;font-size:var(--gh-text-4xl, clamp(2.5rem, 1.8rem + 3.5vw, 4rem));font-weight:800;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;color:var(--gh-white, #fff)}.gh-archive-hero__description{max-width:60ch;margin-top:var(--gh-space-sm, .5rem);font-size:var(--gh-text-sm, .9375rem);line-height:1.6;color:#ffffffd9}.gh-archive-hero__description p{margin:0}@media(max-width:767px){.gh-archive-hero__description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}.gh-archive-hero__count{display:inline-block;margin-top:var(--gh-space-md, 1rem);padding:.3em .9em;font-size:var(--gh-text-xs, .8125rem);font-weight:600;letter-spacing:.05em;color:#ffffffe6;border:1px solid rgba(255,255,255,.25);border-radius:var(--gh-radius-pill, 999px);backdrop-filter:blur(4px)}@supports (animation-timeline: view()){.gh-archive-hero__media img{animation:gh-archive-parallax linear both;animation-timeline:view();animation-range:exit 0% exit 100%;will-change:transform}@keyframes gh-archive-parallax{0%{transform:translateY(0)}to{transform:translateY(9%)}}}@media(prefers-reduced-motion:reduce){.gh-archive-hero__media img{animation:none!important;transform:none!important}}body.ghb-has-archive-hero .shoptimizer-category-banner{display:none}
