/* Home-only product showcase. Does not change shared navigation or inner pages. */
.hero.hero-showcase{padding-top:30px;background:radial-gradient(ellipse at 18% 55%,#f1f2f3 0,transparent 45%),linear-gradient(#fff 5%,#f1f2f3);overflow:hidden}
.hero-showcase>.wrap{width:min(1680px,calc(100% - 80px))}
.hero-showcase .hero-intro{max-width:1100px;margin-inline:auto}
.hero-showcase .kicker{margin-bottom:12px;font-size:.875rem}
.hero-showcase h1{font-size:clamp(2.5rem,4.2vw,4.25rem);line-height:1.18}
.hero-showcase .lead{max-width:1000px;margin-top:16px;font-size:1.0625rem;line-height:1.7;text-wrap:balance}
.hero-showcase .actions{margin-top:20px}
.hero-showcase .actions .button{min-height:46px;padding-block:10px}
.hero-showcase .hero-stage{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,860px) minmax(190px,1fr);align-items:center;gap:32px;margin-top:20px;text-align:left}
.hero-showcase .hero-media{width:100%;max-width:none;margin:0;min-width:0}
.hero-showcase .hero-media>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply}
.hero-showcase .hero-media figcaption{text-align:center;font-size:.8125rem;line-height:1.7;padding:8px 0 20px;text-wrap:balance}
.hero-showcase .hero-detail{display:block;min-width:0;padding-block:20px 30px;border-top:2px solid var(--red);align-self:center}
.hero-showcase .hero-detail-image{overflow:hidden;background:#e7e9eb}
.hero-showcase .hero-detail-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .25s}
.hero-showcase .hero-detail:hover .hero-detail-image img{transform:scale(1.035)}
.hero-showcase .hero-detail-copy{padding-top:20px}
.hero-showcase .hero-detail-label{color:var(--red);font-size:.8125rem;letter-spacing:.08em;font-weight:650}
.hero-showcase .hero-detail h2{margin:10px 0 12px;font-size:clamp(1.125rem,1.25vw,1.375rem);line-height:1.5;letter-spacing:-.025em}
.hero-showcase .hero-detail p{font-size:.9375rem;line-height:1.8;text-wrap:pretty}
.hero-showcase .hero-detail-link{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;font-size:.875rem;font-weight:600}
.hero-showcase .hero-detail-link b{color:var(--red);font-size:1.125rem}
@media(min-width:1800px){.hero-showcase .hero-stage{grid-template-columns:minmax(240px,1fr) minmax(0,920px) minmax(240px,1fr);gap:38px}.hero-showcase .hero-detail{margin-inline:12px}}
@media(max-width:1180px){.hero-showcase>.wrap{width:calc(100% - 48px)}.hero-showcase .hero-stage{grid-template-columns:minmax(175px,1fr) minmax(0,2.65fr) minmax(175px,1fr);gap:22px}.hero-showcase .hero-detail-copy{padding-top:14px}.hero-showcase .hero-detail p{font-size:.875rem}.hero-showcase .hero-detail h2{font-size:1.125rem}.hero-showcase .hero-detail-link{margin-top:14px}}
@media(max-width:1000px){.hero.hero-showcase{padding-top:28px}.hero-showcase .hero-stage{grid-template-columns:1fr 1fr;gap:22px 28px;max-width:820px;margin-inline:auto}.hero-showcase .hero-center{grid-column:1/-1;grid-row:1;max-width:670px;justify-self:center}.hero-showcase .hero-media figcaption{padding-bottom:0}.hero-showcase .hero-detail{display:grid;grid-template-columns:minmax(90px,.8fr) 1fr;gap:16px;align-items:center;padding-block:16px 22px;align-self:stretch}.hero-showcase .hero-detail-copy{padding:0}.hero-showcase .hero-detail-label{font-size:.75rem;letter-spacing:0}.hero-showcase .hero-detail h2{font-size:1rem;margin:5px 0 8px}.hero-showcase .hero-detail p{font-size:.875rem;line-height:1.65}.hero-showcase .hero-detail-link{font-size:.8125rem;margin-top:10px}.hero-showcase .hero-detail-image img{aspect-ratio:1;object-fit:cover}}
@media(max-width:620px){.hero-showcase>.wrap{width:calc(100% - 36px)}.hero-showcase h1{font-size:clamp(2rem,8vw,2.8rem)}.hero-showcase .lead{font-size:1rem;margin-top:14px}.hero-showcase .kicker{font-size:.8125rem;letter-spacing:.06em}.hero-showcase .actions{gap:10px;margin-top:18px}.hero-showcase .actions .button{padding:10px 16px;gap:15px;font-size:.875rem}.hero-showcase .hero-stage{grid-template-columns:minmax(0,1fr);gap:0;margin-top:18px}.hero-showcase .hero-center{grid-column:auto}.hero-showcase .hero-media figcaption{padding-bottom:20px;font-size:.75rem}.hero-showcase .hero-detail{grid-template-columns:112px minmax(0,1fr);gap:18px;padding-block:16px;border-top:1px solid #cdd1d5}.hero-showcase .hero-detail-image img{aspect-ratio:1;object-fit:cover}.hero-showcase .hero-detail h2{font-size:1.0625rem}.hero-showcase .hero-detail-link{margin-top:8px}.hero-showcase .hero-detail-label{font-size:.75rem}.hero-showcase .hero-detail:last-child{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.hero-showcase .hero-detail-image img{transition:none}.hero-showcase .hero-detail:hover .hero-detail-image img{transform:none}}