.es-products-hero{background:#082c45;color:white}.es-products-hero h1{color:white}.es-products-hero .eyebrow{color:#ffad57}.es-products-hero .button{background:#fff;color:#082c45;border-color:#fff}.es-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.es-product-card{display:flex;flex-direction:column;background:white;border:1px solid #dae2eb;border-top:3px solid #082c57}.es-product-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.es-product-card>div{display:flex;flex:1;flex-direction:column;padding:20px}.es-product-card>div>span{color:#526981;font-weight:700}.es-product-card h3{font-size:1.25rem;margin:6px 0 12px}.es-product-card a{margin-top:auto;font-weight:700;align-self:flex-start}@media(max-width:900px){.es-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.es-product-grid{grid-template-columns:1fr}}
.es-products-hero {
  position: relative;
  isolation: isolate;
}
.es-products-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block: 0;
  inset-inline-end: 0;
  width: 58%;
  background:
    linear-gradient(90deg, #082c45, #082c4500 45%),
    url("/assets/products/calcium-uncoated.webp") left center / 50% 100% no-repeat,
    url("/assets/products/limestone-lumps.webp") right center / 50% 100% no-repeat;
}
html[dir="rtl"] .es-products-hero::before { transform: scaleX(-1); }
.es-products-hero h1 { max-width: 620px; }
@media (max-width: 760px) {
  .es-products-hero::before {
    width: 100%;
    opacity: .32;
  }
}