.hero {
  display: flex;
  min-height: 360px;
  padding-top: 48px;
  padding-bottom: 48px;
  background-image: linear-gradient(90deg, rgba(1, 9, 27, 0.98) 0%, rgba(2, 15, 42, 0.9) 38%, rgba(2, 15, 42, 0.12) 70%), url("assets/real/product-family-hero-v5.png");
  background-color: #020a18;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero-copy {
  max-width: 650px;
}

.site-header { height: 178px; gap: 38px; }

.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  height: 152px;
  min-width: 735px;
  text-decoration: none;
}

.brand img {
  display: block;
  width: 152px;
  height: 152px;
  object-fit: contain;
}

.brand-name {
  display: grid;
  gap: 3px;
  color: #002050;
  line-height: 1;
}

.brand-name { display: block; color: #002050; }
.brand-name strong { display: block; font-size: 40px; font-weight: 800; line-height: 1; letter-spacing: 1px; white-space: nowrap; }
.brand-name small { display: none; }

.company-name {
  margin: 0 0 10px;
  color: #dce9f8;
  font-size: 18px;
  font-weight: 650;
  letter-spacing: 1.2px;
}

.hero-brand {
  margin: 16px 0 4px;
  color: #fff;
  font-size: clamp(38px, 4.2vw, 58px);
  font-weight: 760;
  line-height: 1;
  letter-spacing: 2px;
}

.hero-brand + h1 {
  font-size: clamp(32px, 3.3vw, 48px);
}

.company-display {
  max-width: 690px;
  margin: 18px 0 10px !important;
  color: #fff;
  font-size: 58px !important;
  font-weight: 780 !important;
  line-height: 1.08 !important;
  letter-spacing: 1px !important;
}

.company-display span {
  display: block;
  margin-bottom: 4px;
  color: #8fc5ff;
  font-size: 24px;
  font-weight: 650;
  letter-spacing: 4px;
}

.hero-position {
  margin: 0 0 12px;
  color: #fff;
  font-size: 32px;
  font-weight: 650;
  letter-spacing: 0;
}

.hero-product {
  background: #071425;
  box-shadow: 22px 24px 0 rgba(0, 0, 0, 0.18);
}

.hero-product img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: right center;
}

.hero-product .product-label,
.hero-product .product-caption {
  color: #d7e8fa;
}

.manufacturing-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(0, 32, 80, 0.16), transparent 55%);
}

.media-note {
  z-index: 1;
}

.process-video {
  border: 1px solid rgba(147, 194, 239, 0.28);
  padding: 10px;
  background: rgba(255, 255, 255, 0.04);
}

.process-video video {
  filter: contrast(1.04) saturate(0.92);
}

.contact {
  grid-template-columns: minmax(280px, 0.78fr) minmax(480px, 1.22fr);
  gap: 8vw;
}

.contact-info { max-width: 460px; }

.inquiry-form {
  display: grid;
  gap: 17px;
  padding: 30px;
  background: #fff;
  border-top: 3px solid #e56812;
}

.form-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
.form-heading .eyebrow { margin: 0; }
.form-heading h3 { margin: 0; font-size: 23px; color: #102236; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.inquiry-form label { display: grid; gap: 7px; color: #33465a; font-size: 13px; font-weight: 650; }
.inquiry-form input, .inquiry-form select, .inquiry-form textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cdd8e3;
  border-radius: 0;
  background: #fbfcfd;
  color: #102236;
  font: inherit;
  font-weight: 400;
  padding: 12px;
}
.inquiry-form textarea { min-height: 112px; resize: vertical; }
.inquiry-form input:focus, .inquiry-form select:focus, .inquiry-form textarea:focus { outline: 2px solid #7eb9ea; outline-offset: 1px; border-color: #188ed8; }
.form-submit { display: flex; align-items: center; gap: 16px; }
.form-submit p { margin: 0; color: #637087; font-size: 13px; }

.product-grid-curated {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.product-grid-curated .product-card {
  display: flex;
  min-height: 0;
  flex-direction: column;
}

.product-grid-curated .product-image {
  height: 238px;
  padding: 14px;
  background: #f3f6f8;
}

.product-grid-curated .product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 220ms ease;
}

.product-grid-curated .product-card:hover .product-image img { transform: scale(1.035); }

.product-grid-curated .product-copy { padding: 22px 22px 25px; }
.product-grid-curated .product-copy h3 { margin: 10px 0 8px; font-size: 20px; }
.product-grid-curated .product-copy p { margin: 0; line-height: 1.65; }
.product-grid-curated .product-copy span { color: #e56812; font-weight: 700; }
.product-card-featured { border-top: 3px solid #e56812; }

@media (max-width: 820px) {
  .site-header { gap: 14px; }
  .site-header { height: 68px; }
  .brand { min-width: 0; height: 44px; gap: 7px; }
  .brand img { width: 44px; height: 44px; }
  .brand-name strong { font-size: 15px; }
  .company-name { font-size: 15px; }
  .hero-brand { margin-top: 12px; font-size: 38px; }
  .hero-brand + h1 { font-size: 32px; }
  .company-display { margin-top: 12px !important; font-size: 40px !important; }
  .company-display span { font-size: 17px; letter-spacing: 2px; }
  .hero-position { font-size: 19px; }

  .product-grid-curated { grid-template-columns: 1fr 1fr; }
  .product-grid-curated .product-image { height: 190px; }
  .contact { grid-template-columns: 1fr; gap: 38px; }
  .contact-info { max-width: none; }
  .hero-product img {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 560px) {
  .product-grid-curated { grid-template-columns: 1fr; }
  .product-grid-curated .product-image { height: 230px; }
  .inquiry-form { padding: 22px; }
  .form-row { grid-template-columns: 1fr; gap: 17px; }
  .form-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
}