:root {
  --wordmark-accent-light: #007860;
  --wordmark-accent-dark: #45d5aa;
  --chemical-scene: var(--scene-water);
  --chemical-focus: 82%;
  --ink: #152f32;
  --muted: #466067;
  --brand: #006762;
  --brand-dark: #064b48;
  --paper: #fbfdfc;
  --wash: #eaf3f0;
  --sand: #eff5f2;
  --line: #cddfd9;
  --radius: 12px;
}
:root[data-theme=dark] {
  --ink: #e4f1ed;
  --muted: #b2cbc5;
  --brand: #9ce4d1;
  --paper: #111e1e;
  --wash: #192c29;
  --sand: #1c322e;
  --line: #33504b;
}
.chem002 {
  font-family: "Avenir Next", "Segoe UI", Arial, sans-serif;
}
.chem002 .chem-navitem .chem-nav-quote {
  border-radius: 24px;
  padding-inline: 16px;
}
.cover-panel {
  padding-block: clamp(28px, 5vw, 72px);
  background: var(--wash);
}
.cover-layout {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: clamp(26px, 5vw, 80px);
}
.cover-intro {
  padding-inline-start: clamp(18px, 2.5vw, 36px);
  border-inline-start: 3px solid var(--brand);
}
.cover-intro h1 {
  margin-bottom: 20px;
  font-size: clamp(35px, 4vw, 62px);
  text-wrap: balance;
}
.cover-intro p:not(.eyebrow) {
  max-width: 38ch;
  margin-bottom: 24px;
  font-size: clamp(15px, 1.35vw, 19px);
}
.chem002 .hero-carousel {
  border-radius: 10px 42px 10px 10px;
}
.chem002 .banner-track {
  height: clamp(425px, 40vw, 565px);
}
.chem002 .banner-content,
.chem002 .banner-controls {
  width: calc(100% - 52px);
}
.chem002 .banner-content {
  justify-content: flex-end;
  padding-bottom: 84px;
}
.chem002 .banner-content .eyebrow {
  display: none;
}
.chem002 .banner-content h2 {
  max-width: 18ch;
  margin-bottom: 12px;
  font-size: clamp(30px, 3vw, 45px);
}
.chem002 .banner-description {
  max-width: 44ch;
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.55;
}
.chem002 .banner-scrim {
  background: linear-gradient(0deg, #061f27f5, #061f27c4 29%, #061f2730 68%, transparent);
}
.chem002 .banner-content .button {
  min-height: 44px;
  padding: 9px 15px;
  border-radius: 22px;
  gap: 14px;
}
.chem002 .foundation {
  background-color: var(--paper);
}
.chem002 .collection-products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
}
.chem002 .collection-product {
  grid-template-rows: auto 1fr;
  overflow: clip;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.chem002 .collection-product:hover {
  border-color: var(--brand);
}
.chem002 .collection-product-copy {
  padding: 18px 18px 22px;
}
.chem002 .collection-product-copy h3 {
  font-size: clamp(18px, 1.85vw, 27px);
}
.chem002 .supply-layout > img {
  height: auto;
  aspect-ratio: 1.14;
  border-radius: 10px 42px 10px 10px;
}
.chem002 .application-item:nth-child(n) {
  border: 1px solid var(--line);
  background: var(--wash);
}
.chem002 .product-main-image {
  border-radius: 10px 36px 10px 10px;
}
.chem002 .product-panel .consult-form {
  border-radius: 10px 32px 10px 10px;
}
.chem002 .product-catalog .content-card {
  border-radius: 10px 26px 10px 10px;
}
.chem002 .site-footer {
  background: var(--wash);
}
@media (max-width: 900px) {
  .cover-layout { grid-template-columns: minmax(0, 1fr); }
  .chem002 .collection-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .chem002 .banner-content, .chem002 .banner-controls { width: calc(100% - 32px); }
  .chem002 .banner-controls { gap: 4px; bottom: 16px; }
  .chem002 .collection-products { grid-template-columns: minmax(0, 1fr); }
}