/* About Us uses the same scaled header, illustration and footer as the other inner pages. */
@media (min-width:1101px){
  .about-detail-page .services-hero{height:39.56vw;min-height:0;max-height:750px}
  .about-detail-page .services-hero h1{top:20.45vw}
  .about-detail-page .about-story{grid-template-columns:43.8% 56.2%;height:50.3vw;min-height:0;max-height:954px;padding:2.35vw 1.6vw 0}
  .about-detail-page .story-art{height:43.5vw;min-height:0;padding:0;display:flex;align-items:center}
  .about-detail-page .story-art>img{width:36.8vw;max-width:700px}
  .about-detail-page .stat-badge{font-size:1.27vw;line-height:1.55}
  .about-detail-page .stat-experience{top:2.7vw;left:2.35vw;width:11.2vw;height:11.2vw}
  .about-detail-page .stat-customers{top:26.3vw;left:23.2vw;right:auto;width:12.8vw;height:12.8vw}
  .about-detail-page .story-copy{padding:4.45vw .2vw 0 0}
  .about-detail-page .story-eyebrow{font-size:1.27vw;margin:0 0 1.5vw}
  .about-detail-page .story-copy h2{font-size:2.55vw;margin:0 0 1.45vw}
  .about-detail-page .story-copy>p:not(.story-eyebrow){font-size:1.42vw;line-height:1.8;max-width:53.7vw;margin:0 0 .1vw}
  .about-detail-page .about-benefits{column-gap:2.3vw;row-gap:1.4vw;margin-top:3.8vw}
  .about-detail-page .benefit{font-size:1.19vw;gap:1.3vw;line-height:1.4}
  .about-detail-page .benefit-icon{width:2.22vw;height:2.22vw}
  .about-detail-page .mission-vision{left:0;width:84.4vw;min-height:0;height:33.6vw;max-height:637px;padding:.7vw 0 4vw}
  .about-detail-page .values-row{gap:1.95vw}
  .about-detail-page .mission-row{grid-template-columns:13vw 3.6vw minmax(0,1fr)}
  .about-detail-page .vision-row{grid-template-columns:minmax(0,1fr) 3.6vw 13vw;margin-top:3.1vw}
  .about-detail-page .value-circle{width:10.7vw;height:10.7vw;font-size:2.1vw;justify-self:center}
  .about-detail-page .mission-circle{font-size:2.25vw}
  .about-detail-page .value-arrow{font-size:3.8vw}
  .about-detail-page .value-card{border-radius:.8vw;border-right-width:.38vw;padding:2.3vw 3.15vw}
  .about-detail-page .mission-card{min-height:12.9vw}
  .about-detail-page .vision-card{min-height:10.45vw}
  .about-detail-page .value-card h2{font-size:1.8vw;margin:0 0 1.25vw}
  .about-detail-page .value-card p{font-size:1.2vw;line-height:2}
  .about-detail-page .footer{min-height:47.5vw;padding-top:10.55vw}
}

.about-detail-page .story-art>img{animation:about-art-arrive .9s both}
.about-detail-page .stat-badge{animation:about-badge-arrive .8s .25s both}
.about-detail-page .story-copy{animation:about-art-arrive .9s .2s both}
.about-detail-page .benefit-icon{animation:about-badge-pulse 4s ease-in-out infinite}
@keyframes about-art-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes about-badge-arrive{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@keyframes about-badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media(max-width:1100px){
  .about-detail-page .story-art{overflow:visible}
  .about-detail-page .story-copy>p:not(.story-eyebrow){font-size:22px}
}
@media(max-width:700px){
  .about-detail-page .about-story{padding-top:50px}
  .about-detail-page .story-art{width:min(460px,100%)}
  .about-detail-page .stat-experience{left:5px}
  .about-detail-page .stat-customers{right:0}
}
@media(prefers-reduced-motion:reduce){
  .about-detail-page .story-art>img,.about-detail-page .stat-badge,.about-detail-page .story-copy,.about-detail-page .benefit-icon{animation:none}
}

/* Match the reference About page on narrow screens: a compact navy hero,
   followed by the text column before the supporting illustration. */
@media(max-width:700px){
  .about-detail-page .services-hero{height:410px;min-height:410px;background:#06145a}
  .about-detail-page .services-hero h1{top:230px;left:40px;width:calc(100% - 80px);font-size:36px}
  .about-detail-page .services-hero .hero-plant,
  .about-detail-page .services-hero .hero-man,
  .about-detail-page .services-hero .hero-calendar,
  .about-detail-page .services-hero .hero-bars,
  .about-detail-page .services-hero .hero-woman,
  .about-detail-page .services-hero .hero-target,
  .about-detail-page .services-hero .hero-chart,
  .about-detail-page .services-hero .hero-pie{display:none}
  .about-detail-page .services-hero .about-hero-wave{height:45px}
  .about-detail-page .about-story{display:flex;flex-direction:column;padding:49px 30px 85px;gap:42px}
  .about-detail-page .story-copy{order:1;width:100%;padding:0}
  .about-detail-page .story-art{order:2;width:100%;min-height:0;padding:35px 0 45px;align-self:center}
  .about-detail-page .story-eyebrow{font-size:16px;line-height:1.4;margin-bottom:16px}
  .about-detail-page .story-copy h2{font-size:25.63px;line-height:1.4;margin-bottom:16px}
  .about-detail-page .story-copy>p:not(.story-eyebrow){font-size:17px;line-height:1.8;margin-bottom:12px}
  .about-detail-page .about-benefits{grid-template-columns:1fr;gap:22px;margin-top:28px}
  .about-detail-page .benefit{font-size:17px;line-height:1.45}
}

/* Compact profiles: image dimensions are independent of the photo's intrinsic size. */
.about-detail-page .team-section{max-width:1120px;margin:0 auto;padding:32px clamp(24px,4vw,56px) 90px;background:#fff}
.about-detail-page .team-heading{text-align:center;max-width:650px;margin:0 auto 36px;color:#0b1856}
.about-detail-page .team-heading p{color:#0787d5;font-size:16px;margin:0 0 10px}
.about-detail-page .team-heading h2{color:#0b1856;font-size:clamp(27px,2.2vw,34px);line-height:1.35;margin:0 0 12px}
.about-detail-page .team-heading>span{display:block;color:#56698d;font-size:17px;line-height:1.6}
.about-detail-page .team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),225px));justify-content:center;align-items:start;gap:40px 36px;width:100%;max-width:1008px;margin:0 auto}
.about-detail-page .team-card{min-width:0;background:none;border:0;border-radius:0;box-shadow:none}
.about-detail-page .team-photo{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:300px;min-height:0;padding:0;background:none}
.about-detail-page .team-photo-frame{position:relative;flex:none;width:100%;height:100%;border-radius:16px;overflow:hidden;isolation:isolate;background:#eff4f9}
.about-detail-page .team-photo img{position:absolute;inset:0;display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:none}
.about-detail-page .team-photo .team-photo-backdrop{inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(22px);opacity:.8;pointer-events:none}
.about-detail-page .team-photo-frame--cover>img:not(.team-photo-backdrop){object-fit:cover;object-position:center}
.about-detail-page .team-photo-frame--cover>.team-photo-backdrop{display:none}
.about-detail-page .team-photo--placeholder{display:flex;align-items:center;justify-content:center}
.about-detail-page .team-initials{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#dcecf8;color:#0787d5;font-size:30px}
.about-detail-page .team-card-copy{padding:18px 0 0;border-top:0;text-align:center}
.about-detail-page .team-card h3{color:#0b1856;font-size:20px;line-height:1.5;overflow-wrap:normal;word-break:normal;margin:0 0 6px}
.about-detail-page .team-card p{color:#56698d;font-size:16px;line-height:1.5;min-height:3em;margin:0}
@media(max-width:620px){
  .about-detail-page .team-section{padding-top:20px;padding-bottom:65px}
  .about-detail-page .team-heading{margin-bottom:28px}
  .about-detail-page .team-grid{grid-template-columns:minmax(0,225px);gap:32px}
}