.about-page[data-v-abecb060] {
  color: #233342;
}
.about-hero[data-v-abecb060] {
  position: relative;
  display: flex;
  min-height: clamp(430px, 64vh, 660px);
  align-items: flex-end;
  overflow: hidden;
  background: #142a3d;
}
.about-hero > img[data-v-abecb060],
.about-hero__overlay[data-v-abecb060] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.about-hero > img[data-v-abecb060] {
  object-fit: cover;
  object-position: center;
}
.about-hero__overlay[data-v-abecb060] {
  background: linear-gradient(90deg, rgb(8 26 42 / 88%) 0%, rgb(8 26 42 / 52%) 50%, rgb(8 26 42 / 12%) 100%);
}
.about-hero__content[data-v-abecb060] {
  position: relative;
  z-index: 1;
  padding-bottom: 58px;
  color: #fff;
}
.about-hero__content p[data-v-abecb060],
.section-index[data-v-abecb060] {
  margin: 0 0 9px;
  color: #7fa9cd;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}
.about-hero h1[data-v-abecb060] {
  max-width: 700px;
  margin: 0;
  font-size: clamp(2.25rem, 5vw, 4.6rem);
  line-height: 1;
  letter-spacing: 0;
}
.about-hero__content > span[data-v-abecb060] {
  display: block;
  max-width: 720px;
  margin-top: 18px;
  color: #d6e1ea;
  font-size: 1rem;
  line-height: 1.65;
}
.about-section[data-v-abecb060] {
  padding: 64px 0;
}
.about-section--gray[data-v-abecb060] {
  background: #eef2f5;
}
.about-section--dark[data-v-abecb060] {
  color: #fff;
  background: #102f50;
}
.about-intro__body[data-v-abecb060]::after {
  content: '';
  display: table;
  clear: both;
}
.about-intro__panorama[data-v-abecb060] {
  float: inline-end;
  width: min(720px, 72%);
  margin: 4px 0 28px 36px;
  aspect-ratio: 2 / 1;
  border: 1px solid #b8c5cf;
  object-fit: cover;
}
.about-intro__title[data-v-abecb060] {
  margin: 0;
  color: #172b3d;
  font-size: clamp(1.65rem, 3vw, 2.45rem);
  line-height: 1.12;
}
.about-intro__text[data-v-abecb060] {
  margin: 15px 0 0;
  color: #586979;
  line-height: 1.75;
}
.section-heading h2[data-v-abecb060],
.about-cta h2[data-v-abecb060] {
  margin: 0;
  color: #172b3d;
  font-size: clamp(1.65rem, 3vw, 2.45rem);
  line-height: 1.12;
  letter-spacing: 0;
}
.company-facts[data-v-abecb060] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 25px;
  border: 1px solid #ccd5dc;
  background: #ccd5dc;
}
.company-facts div[data-v-abecb060] {
  min-width: 0;
  padding: 13px;
  background: #fff;
}
.company-facts dt[data-v-abecb060] {
  color: #73808c;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
}
.company-facts dd[data-v-abecb060] {
  margin-top: 5px;
  font-size: 0.8rem;
  font-weight: 750;
  overflow-wrap: anywhere;
}
.about-media[data-v-abecb060] {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  border: 1px solid #b8c5cf;
  object-fit: cover;
}
.section-heading[data-v-abecb060] {
  max-width: 760px;
  margin-bottom: 30px;
}
.section-heading > span[data-v-abecb060],
.about-cta__inner span[data-v-abecb060] {
  display: block;
  margin-top: 10px;
  color: #667786;
  line-height: 1.65;
}
.capability-grid[data-v-abecb060] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #c6d0d8;
  border-bottom: 1px solid #c6d0d8;
}
.capability-item[data-v-abecb060] {
  min-width: 0;
  padding: 24px 20px;
}
.capability-item + .capability-item[data-v-abecb060] {
  border-inline-start: 1px solid #c6d0d8;
}
.capability-item b[data-v-abecb060],
.product-family-list b[data-v-abecb060],
.inspection-list b[data-v-abecb060] {
  color: #3775aa;
  font-size: 0.7rem;
}
.capability-item h3[data-v-abecb060],
.product-family-list h3[data-v-abecb060],
.inspection-list h3[data-v-abecb060] {
  margin: 12px 0 7px;
  font-size: 0.96rem;
  letter-spacing: 0;
}
.capability-item p[data-v-abecb060],
.product-family-list p[data-v-abecb060],
.inspection-list p[data-v-abecb060] {
  margin: 0;
  color: #647483;
  font-size: 0.82rem;
  line-height: 1.6;
}
.facility-gallery[data-v-abecb060] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}
.facility-photo[data-v-abecb060] {
  margin: 0;
  min-width: 0;
}
.facility-photo figcaption[data-v-abecb060] {
  margin-top: 10px;
  color: #253c50;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}
.about-section--dark .section-heading h2[data-v-abecb060] {
  color: #fff;
}
.about-section--dark .section-heading > span[data-v-abecb060] {
  color: #afc3d4;
}
.product-family-list[data-v-abecb060] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid #466681;
}
.product-family-list article[data-v-abecb060] {
  padding: 24px 18px;
}
.product-family-list article + article[data-v-abecb060] {
  border-inline-start: 1px solid #466681;
}
.product-family-list h3[data-v-abecb060] {
  color: #fff;
}
.product-family-list p[data-v-abecb060] {
  color: #b7c8d6;
}
.custom-engineering-image[data-v-abecb060] {
  display: block;
  width: 100%;
  max-height: 520px;
  margin-top: 28px;
  aspect-ratio: 16 / 9;
  border: 1px solid #466681;
  object-fit: cover;
}
.inspection-list[data-v-abecb060] {
  border-top: 1px solid #cbd4dc;
}
.inspection-list article[data-v-abecb060] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid #dce2e7;
}
.inspection-list h3[data-v-abecb060] {
  margin: 0 0 4px;
}
.trace-text[data-v-abecb060] {
  margin: 18px 0 0;
  color: #536575;
  font-size: 0.83rem;
  line-height: 1.65;
}
.about-cta[data-v-abecb060] {
  padding: 42px 0;
  color: #fff;
  background: #183d60;
}
.about-cta__inner[data-v-abecb060] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.about-cta h2[data-v-abecb060] {
  color: #fff;
}
.about-cta__inner span[data-v-abecb060] {
  max-width: 760px;
  color: #bdcfdd;
}
@media (max-width: 1024px) {
.about-intro__panorama[data-v-abecb060] {
    float: none;
    width: 100%;
    margin: 0 0 24px;
}
.about-media[data-v-abecb060] {
    max-width: 680px;
}
.capability-grid[data-v-abecb060],
  .facility-gallery[data-v-abecb060] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.capability-item[data-v-abecb060]:nth-child(3) {
    border-inline-start: 0;
}
.product-family-list[data-v-abecb060] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.about-hero[data-v-abecb060] {
    min-height: 470px;
}
.about-hero > img[data-v-abecb060] {
    object-position: 65% center;
}
.about-hero__overlay[data-v-abecb060] {
    background: rgb(8 26 42 / 68%);
}
.about-section[data-v-abecb060] {
    padding: 44px 0;
}
.company-facts[data-v-abecb060],
  .capability-grid[data-v-abecb060],
  .facility-gallery[data-v-abecb060],
  .product-family-list[data-v-abecb060] {
    grid-template-columns: 1fr;
}
.capability-item + .capability-item[data-v-abecb060],
  .product-family-list article + article[data-v-abecb060] {
    border-inline-start: 0;
    border-top: 1px solid #cbd4dc;
}
.product-family-list article + article[data-v-abecb060] {
    border-top-color: #466681;
}
.about-cta__inner[data-v-abecb060] {
    align-items: flex-start;
    flex-direction: column;
}
}