.section { padding-block: clamp(76px, 7vw, 108px); }
#about .section-grid > .eyebrow,
#company .section-grid > .eyebrow { align-self: start; height: auto; margin-top: 8px; }
#products .product-grid { margin-top: clamp(35px, 4vw, 58px); }
.product-card .product-brand { display: flex; align-items: center; gap: 18px; margin-top: auto; }
.product-card .product-brand img { display: block; width: clamp(56px, 6vw, 68px); height: auto; aspect-ratio: 1; flex: none; object-fit: cover; border-radius: 14px; box-shadow: 0 0 0 1px rgba(220, 207, 241, .18); }
.product-card .product-brand h3 { margin: 0 0 15px; }
.product-card .product-brand + p { margin-top: 0; }
.opportunities { padding-bottom: clamp(58px, 6vw, 84px); }
.careers-layout:not(.contact-layout) { padding-top: clamp(58px, 6vw, 84px); }
@media (max-width: 680px) {
  .product-card .product-brand { gap: 13px; }
  .product-card .product-brand img { width: 52px; }
  .product-card .product-brand h3 { font-size: clamp(25px, 6.5vw, 33px); }
  .site-header { flex-wrap: wrap; align-items: center; gap: 0; min-height: 0; height: auto; padding: 12px 20px 10px; }
  .site-header .brand { margin-right: auto; }
  .site-header nav { order: 2; display: flex; flex: 0 0 100%; align-items: center; justify-content: space-between; width: 100%; gap: 5px; margin-top: 11px; padding-top: 10px; border-top: 1px solid rgba(222, 209, 238, .16); }
  .site-header nav a:nth-child(n) { display: inline-flex; padding: 5px 0; font-size: 10px; letter-spacing: .04em; }
  .hero { min-height: calc(100svh - 104px); padding-top: 55px; }
  .section, .opportunities, .careers-layout { scroll-margin-top: 104px; }
  #about .section-grid > .eyebrow,
  #company .section-grid > .eyebrow { margin-top: 0; }
}