.products-hero{position:relative;min-height:clamp(32rem,48vw,46rem);display:grid;align-items:center;overflow:hidden;background:var(--color-gray-50)}.products-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.products-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffffff0 0%,#ffffffd6 29%,#ffffff26 57%,transparent 75%)}.products-hero__content{position:relative;z-index:1;padding-block:clamp(5rem,10vw,9rem)}.products-hero h1{max-width:10ch;margin-bottom:1.25rem}.products-hero__content>p:not(.eyebrow){max-width:31rem;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.5}
.products-overview h2{max-width:18ch}.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:2.5rem}.product-tile{position:relative;min-height:17rem;overflow:hidden;background:var(--color-black);color:#fff;text-decoration:none}.product-tile img{display:block;width:100%;height:100%;min-height:17rem;object-fit:cover;transition:transform .35s ease}.product-tile::after{content:'';position:absolute;inset:46% 0 0;background:linear-gradient(transparent,#000c)}.product-tile__overlay{position:absolute;z-index:1;right:1.25rem;bottom:1rem;left:1.25rem;display:grid;gap:.15rem}.product-tile strong{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.1}.product-tile small{font-size:1rem}.product-tile:hover img{transform:scale(1.035)}
.products-details__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--color-gray-200);margin-top:2.5rem;border:1px solid var(--color-gray-200)}.products-details__grid article{padding:1.75rem;background:#fff}.products-details__grid h3{font-size:1rem;text-transform:uppercase}.products-details__grid p{font-size:.92rem;color:var(--color-gray-700)}
.products-cta{position:relative;min-height:27rem;display:grid;align-items:center;overflow:hidden;background:var(--color-black);color:#fff}.products-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.64}.products-cta::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000c,#0004 65%,#0001)}.products-cta__content{position:relative;z-index:1;padding-block:4rem}.products-cta .eyebrow{color:var(--color-primary)}.products-cta h2{max-width:12ch;margin-bottom:.75rem}.products-cta__content>p:not(.eyebrow){max-width:32rem;margin-bottom:1.75rem}.products-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.products-categories article{padding:1.5rem;border:1px solid var(--color-gray-200)}.products-categories h3{font-size:1.2rem}.products-categories p{margin-bottom:0;color:var(--color-gray-700)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.products-hero{display:flex;flex-direction:column;min-height:0}.products-hero>img{position:relative;order:2;height:min(60vw,30rem)}.products-hero::after{display:none}.products-hero__content{order:1;padding-block:4.5rem}.products-hero__content,.products-overview .container,.products-details .container,.products-cta__content,.products-categories{width:calc(100vw - 2rem)!important;margin-inline:auto}.products-grid{grid-template-columns:1fr}.products-details__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products-categories{grid-template-columns:1fr}}
@media(max-width:520px){.products-hero__content{padding-block:3.5rem}.products-hero h1{font-size:clamp(2.45rem,11vw,3.2rem)}.products-hero>img{height:17rem}.product-tile,.product-tile img{min-height:15rem}.product-tile__overlay{right:1rem;bottom:.9rem;left:1rem}.products-details__grid{grid-template-columns:1fr}.products-cta{min-height:30rem}.products-cta__content{padding-block:3.5rem}}
.product-hero--photo{position:relative;min-height:clamp(28rem,42vw,40rem);overflow:hidden;background:var(--color-gray-50)}.product-hero--photo .product-hero__content{position:relative;z-index:1;padding-block:clamp(5rem,9vw,8rem);max-width:calc(50% + var(--container-width)/2)}.product-hero--photo .product-hero__content h1{max-width:10ch}.product-hero--photo .product-hero__photo{position:absolute;inset:0 0 0 43%;width:57%;height:100%;object-fit:cover;object-position:center}.product-hero--photo::after{content:'';position:absolute;z-index:0;inset:0 35% 0 0;background:linear-gradient(90deg,var(--color-gray-50) 0%,var(--color-gray-50) 72%,transparent 100%)}
@media(max-width:900px){.product-hero--photo{display:flex;flex-direction:column;min-height:0}.product-hero--photo .product-hero__content{order:1;width:calc(100vw - 2rem)!important;max-width:none;margin-inline:auto;padding-block:4rem}.product-hero--photo .product-hero__photo{position:relative;inset:auto;order:2;width:100%;height:min(65vw,28rem)}.product-hero--photo::after{display:none}}