.compare-hero.hero{position:relative;padding-block:clamp(48px,6vh,88px) clamp(72px,9vh,120px);background:var(--cream);overflow:hidden}.compare-hero .hero__watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;pointer-events:none;opacity:.12}.compare-hero .hero__watermark>div{width:100%;height:100%}.compare-hero .hero__watermark-sig{background-color:var(--bone)}.compare-hero .hero__watermark-ff{background-color:var(--cream-pale)}.compare-hero .hero__inner{position:relative;width:100%;max-width:var(--page-fluid, 1440px);margin:0 auto;padding-inline:clamp(24px,5vw,96px);display:grid;gap:clamp(40px,5vh,64px)}.compare-hero .hero__head{max-width:760px;text-align:center;margin:0 auto;display:grid;gap:18px}.compare-hero .eyebrow{display:block;font-family:var(--font-body);font-weight:500;font-size:var(--label, 11px);letter-spacing:.32em;text-transform:uppercase;line-height:1.2;color:var(--copper-ink)}.compare-hero .hero__eyebrow{margin:0 auto}.compare-hero .hero__h1{font-family:var(--font-display);font-weight:500;font-size:var(--t1);letter-spacing:-.018em;line-height:1;color:var(--charcoal);text-wrap:balance}.compare-hero .hero__h1 em{font-family:var(--font-display);font-style:italic;color:var(--copper-deep)}.compare-hero .hero__sub{font-family:var(--font-body);font-size:var(--body-lg);line-height:1.6;color:color-mix(in srgb,var(--charcoal) 78%,transparent);max-width:60ch;margin:0 auto;text-wrap:pretty}.compare-hero .hero__sub strong{font-weight:500;color:var(--charcoal)}.compare-hero .hero__pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,36px);align-items:end}.compare-hero .hero__column{display:flex;flex-direction:column}.compare-hero .hero__photo{position:relative;aspect-ratio:4 / 5;border:1px solid color-mix(in srgb,var(--charcoal) 8%,transparent);overflow:hidden}.compare-hero .hero__photo--sig,.compare-hero .hero__photo--ff{background:radial-gradient(120% 85% at 50% 60%,color-mix(in srgb,var(--stone) 38%,transparent),transparent 70%),var(--cream-pale)}.compare-hero .hero__photo-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;background-color:transparent}.compare-hero .hero__photo-link{display:block;text-decoration:none;color:inherit;cursor:pointer;border-radius:inherit}.compare-hero .hero__photo-link .hero__photo{transition:transform .48s var(--ease-utility),box-shadow .48s var(--ease-utility)}.compare-hero .hero__photo-link:hover .hero__photo,.compare-hero .hero__photo-link:focus-visible .hero__photo{transform:translateY(-4px);box-shadow:0 26px 60px -30px color-mix(in srgb,var(--violet-deep) 60%,transparent)}.compare-hero .hero__photo-link:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.compare-hero .hero__photo-cue{position:absolute;left:50%;bottom:clamp(14px,2vw,22px);transform:translate(-50%) translateY(6px);z-index:3;font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream);background:color-mix(in srgb,var(--violet-deep) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:8px 16px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .32s var(--ease-utility),transform .32s var(--ease-utility)}.compare-hero .hero__photo-link:hover .hero__photo-cue,.compare-hero .hero__photo-link:focus-visible .hero__photo-cue{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.compare-hero .hero__photo-link .hero__photo,.compare-hero .hero__photo-cue{transition:none}.compare-hero .hero__photo-link:hover .hero__photo,.compare-hero .hero__photo-link:focus-visible .hero__photo{transform:none}}.compare-hero .hero__caption-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,36px);margin-top:18px}.compare-hero .hero__caption{text-align:center;display:grid;gap:6px}.compare-hero .hero__caption-name{font-family:var(--font-display);font-weight:500;font-size:clamp(18px,.8vw + 14px,22px);letter-spacing:-.008em;color:var(--charcoal)}.compare-hero .hero__caption-meta{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:13px;line-height:1.4;color:color-mix(in srgb,var(--charcoal) 64%,transparent)}@media(max-width:749px){.compare-hero.hero{padding-block:96px 64px}.compare-hero .hero__pair{grid-template-columns:1fr;gap:32px}.compare-hero .hero__caption-row{grid-template-columns:1fr;gap:24px}.compare-hero .hero__watermark{display:none}}@media(prefers-reduced-data:reduce){.compare-hero .hero__watermark{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/neogen-compare-hero.css.map */