/* Local review draft: open photographs with softly tinted product-colour pills. */
body.home-page.brand-identity.type-system #formulas {
  padding-block:51px;
}
body.home-page.brand-identity.type-system #formulas .gl-range-intro {
  display:block;
  text-align:center;
  margin:0 0 32px;
}
body.home-page.brand-identity.type-system #formulas .gl-plant-needs h2 {
  margin:0;
  text-align:center;
  max-width:none;
}
body.home-page.brand-identity.type-system #formulas .gl-range-intro p {
  max-width:65ch;
  margin:10px auto 0;
  text-align:center;
}
body.home-page.brand-identity.type-system #formulas .gl-formula-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:32px 29px;
  max-width:1200px;
  list-style:none;
  margin:0 auto;
  padding:0;
}
body.home-page.brand-identity.type-system #formulas .gl-formula-panel {
  min-width:0;
  margin:0;
  background:none;
  border:0;
  box-shadow:none;
}
body.home-page.brand-identity.type-system #formulas .gl-formula-product {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
  height:100%;
  padding:0;
  background:none;
  text-decoration:none;
  color:var(--forest);
  border-radius:0;
}
body.home-page.brand-identity.type-system #formulas .gl-formula-photo {
  aspect-ratio:1.8;
  width:100%;
  margin:0;
  overflow:hidden;
  border-radius:12px;
  background:#eef1e9;
}
body.home-page.brand-identity.type-system #formulas .gl-formula-photo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .25s ease-out;
}
body.home-page.brand-identity.type-system #formulas .gl-formula-name {
  display:flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  max-width:100%;
  margin:0;
  padding:8px 18px;
  min-height:44px;
  text-align:center;
  color:var(--formula-ink);
  background:var(--formula-tint);
  border-radius:999px;
  text-decoration:none;
  text-wrap:balance;
}
body.home-page.brand-identity.type-system #formulas .gl-formula-product:hover .gl-formula-photo img { transform:scale(1.035); }
body.home-page.brand-identity.type-system #formulas .gl-formula-product:hover .gl-formula-name { text-decoration:underline; text-underline-offset:3px; }
body.home-page.brand-identity.type-system #formulas .gl-formula-product:focus-visible { outline:2px solid var(--forest); outline-offset:6px; }
body.home-page.brand-identity.type-system #formulas > .coming-link { display:flex; justify-content:center; width:fit-content; margin:22px auto 0; }
@media(max-width:699px) {
  body.home-page.brand-identity.type-system #formulas { padding-block:35px; }
  body.home-page.brand-identity.type-system #formulas .gl-range-intro { margin-bottom:22px; }
  body.home-page.brand-identity.type-system #formulas .gl-formula-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 16px; }
  body.home-page.brand-identity.type-system #formulas .gl-formula-product { gap:10px; }
  body.home-page.brand-identity.type-system #formulas .gl-formula-photo { aspect-ratio:1.25; }
  body.home-page.brand-identity.type-system #formulas .gl-formula-name { width:100%; padding:8px 8px; }
}
@media(prefers-reduced-motion:reduce) {
  body.home-page.brand-identity.type-system #formulas .gl-formula-photo img { transition:none; }
  body.home-page.brand-identity.type-system #formulas .gl-formula-product:hover .gl-formula-photo img { transform:none; }
}