/* Preserve the supplied real photographs without crop or forced aspect ratio. */
.about-intro img,
.about-capability>img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}

/* Group the real certificates and product reports as in the source portfolio. */
.about-certificate-groups{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}
.about-certificate-groups>section{display:grid;gap:14px}
.about-certificate-groups>section:first-child{grid-column:1/-1}
.about-quality-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin:0 0 36px}
.about-quality-intro h2{max-width:470px}
.about-quality-intro p{max-width:590px;margin:0 0 15px}
.about-certificate-label{margin:0!important;color:var(--n)!important;font-size:15px!important;font-weight:800;letter-spacing:.03em}
.about-certificates{display:grid;gap:18px}
.about-certificates--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.about-certificates--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-certificates--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}

.about-certificates figure{
  display:flex;
  min-height:0;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
  padding:11px;
  text-align:center;
}

.about-certificates img{
  width:100%;
  height:190px;
  object-fit:contain;
  cursor:zoom-in;
}

.about-certificates figcaption{gap:6px}
.about-certificates strong{font-size:16px}
.about-certificates span{font-size:14px}
.about-certificates--three img,.about-certificates--two img{height:160px}
.about-certificate-dialog{width:min(92vw,860px);max-height:92vh;border:0;border-radius:9px;padding:18px;background:#fff;box-shadow:0 20px 70px rgba(0,22,63,.35)}
.about-certificate-dialog::backdrop{background:rgba(0,20,52,.72)}
.about-certificate-dialog img{display:block;max-width:100%;max-height:calc(92vh - 36px);margin:auto;object-fit:contain}
.about-certificate-dialog-close{position:absolute;top:8px;right:11px;width:34px;height:34px;border:0;border-radius:50%;background:#06275d;color:#fff;font-size:26px;line-height:1;cursor:pointer}

@media(max-width:900px){
  .about-quality-intro{grid-template-columns:1fr;gap:16px}
  .about-certificate-groups{grid-template-columns:1fr;gap:28px}
  .about-certificate-groups>section:first-child{grid-column:auto}
  .about-certificates--four,.about-certificates--three{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .about-certificates--four,.about-certificates--three,.about-certificates--two{grid-template-columns:1fr;max-width:none}
}

/* Additional real-facility photographs, kept at their original proportions. */
.about-production{padding:54px 0;background:var(--p)}
.about-production .about-shell{display:grid;gap:28px}
.about-production-row{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:42px}
.about-production-row--reverse{grid-template-columns:.75fr 1.25fr}
.about-production-row img,.about-recognition img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:8px}
.about-production-row h2,.about-recognition h2{font-size:clamp(27px,2.2vw,34px)}
.about-production-row p,.about-recognition p{max-width:440px;margin:14px 0 0}
.about-recognition{padding:60px 0;background:#fff}
.about-recognition .about-shell{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:46px}
.about-partners{padding:52px 0;background:var(--p)}
.about-partners-intro{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:26px}
.about-partners-intro p:last-child{max-width:500px;margin:0}
.about-partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.about-partner-grid img{display:block;width:100%;height:108px;border:1px solid var(--l);border-radius:7px;background:#fff;object-fit:contain;padding:15px;filter:grayscale(1);transition:filter .2s ease,transform .2s ease}
.about-partner-grid img:hover{filter:grayscale(0);transform:translateY(-3px)}
.about-video{padding:58px 0;background:#fff}
.about-video .about-shell{display:grid;grid-template-columns:.42fr .58fr;align-items:center;gap:44px}
.about-video p{max-width:400px;margin:14px 0 0}
.about-video-frame{overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:8px;background:#06275d}
.about-video-frame iframe{display:block;width:100%;height:100%;border:0}
.about-video-poster{position:relative;padding:0;border:0;cursor:pointer}
.about-video-poster>img{display:block;width:100%;height:100%;object-fit:contain}
.about-video-play{position:absolute;top:50%;left:50%;display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:rgba(7,89,188,.94);color:#fff;font-size:28px;transform:translate(-50%,-50%);box-shadow:0 8px 25px rgba(0,0,0,.28)}

@media(max-width:900px){
  .about-production-row,.about-production-row--reverse,.about-recognition .about-shell,.about-video .about-shell{grid-template-columns:1fr;gap:25px}
  .about-partners-intro{align-items:start;flex-direction:column;gap:14px}
  .about-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-production-row--reverse>img{order:-1}
}

/* Keep reduced manufacturing images aligned to the page container. */
.about-production-row{grid-template-columns:7fr 3fr}
.about-production-row--reverse{grid-template-columns:3fr 7fr}
.about-production-row img{width:100%;margin:0}
.about-certificates figure{min-height:278px;padding:8px}
.about-certificates img{height:215px}
.about-certificates figcaption{align-items:center;text-align:center}
.about-certificates--three img,.about-certificates--two img{height:182px}
.about-certificate-label{text-align:center;font-size:16px!important}

/* Raise the smallest supporting text by two pixels without changing headings. */
.about-kicker{font-size:16px!important}
.about-build-grid p{font-size:16px}
.about-industries p{font-size:15px}
.about-why p{font-size:16px}
.about-certificates span{font-size:16px}

/* Larger industry application cards: four per desktop row with real application imagery. */
.about-industries{padding-top:52px;padding-bottom:58px}
.about-industries>.about-kicker{min-height:0;margin:0;font-size:25px!important;line-height:1.05;letter-spacing:.02em;text-align:center}
.about-industries>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:22px;margin-top:18px}
.about-industries a{display:block;height:100%;min-height:0;overflow:hidden;border:1px solid #cddced!important;border-radius:9px;padding:0!important;background:#fff;text-align:left;box-shadow:0 7px 20px rgba(6,39,93,.07);transition:transform .2s ease,box-shadow .2s ease}
.about-industries a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(6,39,93,.12)}
.about-industries a>img{display:block;width:100%;height:160px;object-fit:cover}
.about-industries a>div{padding:18px 19px 20px}
.about-industries h2{margin:0;font-size:19px;line-height:1.25;text-align:left}
.about-industries a p{min-height:92px;margin:9px 0 12px;font-size:15px;line-height:1.52;text-align:left}
.about-industries a span{color:#0759bc;font-size:15px;font-weight:800}
@media(max-width:900px){.about-industries>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.about-industries>div{grid-template-columns:1fr}.about-industries a{border:1px solid #cddced!important}.about-industries a>img{height:190px}.about-industries p{min-height:0}}

@media(max-width:900px){.about-production-row img{width:100%}}

/* Keep the full production rows aligned while reducing the image footprint by half. */
.about-production-row{grid-template-columns:35fr 65fr}
.about-production-row--reverse{grid-template-columns:65fr 35fr}

/* Fill the 16:9 video cover cleanly without the blue letterbox edge. */
.about-video-frame{background:#101820}
.about-video-poster>img{object-fit:cover}

/* Use the Who We Are image/text rhythm throughout the main photo modules. */
.about-production-row{grid-template-columns:45fr 55fr}
.about-production-row--reverse{grid-template-columns:55fr 45fr}
.about-production-row img,.about-recognition img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;margin:0}
.about-production-row>div{padding-top:3px}
.about-production-row>div>.about-kicker{margin:0 0 14px!important}
.about-production-row>div>h2{max-width:560px}
.about-production-row>div>p:not(.about-kicker){max-width:500px;margin:15px 0 0}
.about-capability{grid-template-columns:45fr 55fr;align-items:start;gap:44px}
.about-capability>div{max-width:500px;padding-top:3px}
.about-capability>div>.about-kicker{margin:0 0 14px!important}
.about-capability>div>p{max-width:500px;margin:15px 0 0}
.about-capability .about-button{margin-top:22px}
.about-capability>img{width:86%;max-width:560px;justify-self:end;margin:0}
.about-recognition .about-shell{grid-template-columns:45fr 55fr}
.about-recognition img{order:2}
.about-video .about-shell{grid-template-columns:45fr 55fr}
.about-video-poster{order:-1}

@media(max-width:900px){
  .about-production-row,.about-production-row--reverse,.about-recognition .about-shell,.about-video .about-shell{grid-template-columns:1fr}
  .about-production-row--reverse>img{order:-1}
  .about-recognition img{order:0}
  .about-capability{grid-template-columns:1fr}
  .about-capability>img{width:100%;max-width:none;justify-self:stretch}
}
/* Align About's main canvas with the shared header and give photo/text pairs a denser, wider reading measure. */
.about-shell,.about-hero>div{width:min(1420px,calc(100% - 64px))}
.about-intro,.about-capability{gap:30px}
.about-intro>div,.about-capability>div{max-width:none}
.about-intro p,.about-capability>div>p{max-width:650px}
.about-capability{grid-template-columns:1fr 1fr;align-items:start}
.about-capability>img{width:100%;max-width:650px;justify-self:end}
.about-production .about-shell{gap:26px}
.about-production-row{grid-template-columns:45fr 55fr;gap:30px;align-items:start}
.about-production-row--reverse{grid-template-columns:55fr 45fr}
.about-production-row>div>h2{max-width:none}
.about-production-row>div>p:not(.about-kicker){max-width:650px}
.about-production-row--reverse>div{padding-right:0}
@media(max-width:900px){.about-shell,.about-hero>div{width:calc(100% - 48px)}.about-capability,.about-production-row,.about-production-row--reverse{grid-template-columns:1fr;gap:24px}.about-capability>img{width:100%;max-width:none}.about-production-row--reverse>img{order:-1}}
@media(max-width:620px){.about-shell,.about-hero>div{width:calc(100% - 40px)}.about-intro,.about-capability{gap:24px}.about-intro p,.about-capability>div>p,.about-production-row>div>p:not(.about-kicker){max-width:none}}
/* Match the remaining editorial photo modules to the established wide, top-aligned two-column rhythm. */
.about-video,.about-recognition{padding:58px 0}
.about-video .about-shell,.about-recognition .about-shell{grid-template-columns:45fr 55fr;gap:30px;align-items:start}
.about-video>div>div,.about-recognition .about-shell>div{max-width:none;padding-top:3px}
.about-video h2,.about-recognition h2{max-width:none}
.about-video p,.about-recognition p{max-width:650px;margin:15px 0 0}
.about-video .about-button,.about-recognition .about-button{margin-top:22px}
.about-video-frame{width:100%;align-self:start}
.about-recognition img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;align-self:start}
@media(max-width:900px){.about-video .about-shell,.about-recognition .about-shell{grid-template-columns:1fr;gap:24px}.about-video-poster{order:-1}.about-recognition img{order:0}}

/* Keep the reverse production copy column filled so it meets the image cleanly. */
@media (min-width: 901px){
  .about-production-row.about-production-row--reverse{column-gap:20px}
  .about-production-row.about-production-row--reverse>div>h2,
  .about-production-row.about-production-row--reverse>div>p:not(.about-kicker){max-width:none}
}

/* Keep the Who We Are block compact and easy to scan. */
.about-intro h2{font-size:clamp(26px,2vw,30px);line-height:1.15;letter-spacing:-.02em}
.about-page .about-intro>div>p:not(.about-kicker){line-height:1.5}

/* Center the What We Build heading and all card content. */
.about-build>.about-shell>.about-kicker{font-size:20px!important;text-align:center}
.about-build-grid a{display:flex;flex-direction:column;align-items:center;text-align:center}
.about-build-grid h2,.about-build-grid p{width:100%;text-align:center}
@media (min-width:901px){.about-intro{grid-template-columns:55fr 45fr}.about-intro>div{padding-top:0;margin-top:-8px}.about-intro h2{white-space:nowrap}}

/* Make the Who We Are image a stable video surface before and after playback. */
.about-intro-media{position:relative;display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#101820;color:inherit;cursor:pointer;font:inherit}
.about-intro-media>img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover}
.about-intro-media.about-video-player{aspect-ratio:1.55}
.about-intro-media.about-video-player>iframe{display:block;width:100%;height:100%;border:0}
.about-intro-media{order:0}

/* Show three application cards per row on desktop; keep the existing responsive breakpoints below. */
@media (min-width:901px){.about-industries>div{grid-template-columns:repeat(3,minmax(0,1fr))}}