.company-about { --about-ink:#192832; --about-muted:#50616d; --about-accent:#225b7b; }
.company-about-hero { background:#f0f3f5; border-bottom:1px solid #e0e6eb; }
.company-about-hero-grid,.company-about-section { width:min(1200px,100%); margin-inline:auto; padding:clamp(30px,5vw,72px) 24px; }
.company-about-hero-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(24px,4vw,56px); }
.company-about-hero-grid--text { grid-template-columns:1fr; }
.company-about .eyebrow { color:var(--about-accent); font-weight:700; font-size:12px; }
.company-about h1,.company-about h2,.company-about h3 { color:var(--about-ink); margin:0; }
.company-about h1 { margin-top:12px; font-size:clamp(34px,4vw,60px); line-height:1.08; letter-spacing:-.035em; white-space:pre-line; text-wrap:balance; }
.company-about h2 { font-size:clamp(25px,3vw,38px); line-height:1.2; letter-spacing:-.025em; margin-bottom:16px; }
.company-about h3 { font-size:19px; line-height:1.35; }
.company-about p { color:var(--about-muted); line-height:1.7; margin:14px 0; }
.company-about-hero p,.company-about .company-about-lead { font-size:17px; }
.company-about figure { margin:0; background:#172630; color:#fff; }
.company-about figure img { display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; }
.company-about figcaption { padding:12px 16px; font-size:12px; color:#e1e9ef; }
.company-about-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:8px; padding:8px 16px; background:#223542; color:white; font-weight:650; }
.industry-site .company-about a.company-about-link:is(:hover,:focus-visible) { background:#305366; color:#fff; }
.company-about-link:focus-visible { outline:2px solid #225b7b; outline-offset:4px; }
.company-about-overview { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); align-items:start; gap:clamp(24px,5vw,70px); }
.company-about-facts { background:#f1f4f6; border-top:3px solid var(--about-accent); padding:24px; overflow-wrap:anywhere; }
.company-about-facts dl { margin:16px 0 0; }
.company-about-facts dt { color:var(--about-ink); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-top:14px; }
.company-about-facts dd { margin:4px 0 0; color:var(--about-muted); }
.company-about-facts a { text-decoration:underline; text-underline-offset:3px; }
.company-about-capabilities { padding-top:20px; }
.company-about-capabilities h2 { margin-top:8px; }
.company-about-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.company-about-cards article { border:1px solid #dfe6eb; padding:24px; }
.company-about-cards span { display:block; margin-bottom:10px; color:var(--about-accent); font:700 14px/1.3 Consolas,monospace; }
.company-about-cards p { margin-bottom:0; }
@media(max-width:760px) {
  .company-about-hero-grid,.company-about-overview,.company-about-cards { grid-template-columns:minmax(0,1fr); }
}

/* Factory showcase: the supplied photograph remains the focus. */
.company-about-hero--photo {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#101d27;
  border:0;
}
.company-about-hero--photo .company-about-hero-grid {
  min-height:clamp(480px,47vw,680px);
  padding-block:clamp(60px,9vw,120px);
  grid-template-columns:minmax(0,1fr);
}
.company-about-hero-copy { position:relative; z-index:2; max-width:570px; }
.company-about-hero--photo .company-about-hero-copy { max-width:min(540px,49%); }
.industry-site .company-about-hero--photo .company-about-hero-copy .eyebrow {
  display:flex;
  align-items:center;
  gap:12px;
  color:#b7cbd7;
  letter-spacing:.13em;
}
.company-about-hero--photo .eyebrow::before { content:""; width:24px; height:2px; background:#74b5d9; flex:none; }
.industry-site .company-about-hero--photo .company-about-hero-copy h1 {
  color:#f2f5f7;
  font-size:clamp(32px, 3.6vw, 56px);
  line-height:1.1;
  text-wrap:balance;
}
.company-about-hero--photo .company-about-hero-copy p { color:#d4dee5; max-width:44ch; }
.company-about-hero--photo .company-about-link {
  background:#dfe7ed;
  border:1px solid #dfe7ed;
  color:#192832;
  padding-inline:16px;
}
.industry-site .company-about-hero--photo a.company-about-link:is(:hover,:focus-visible) { background:#fff; color:#142632; }
.company-about .company-about-factory {
  position:absolute;
  inset:0 0 0 29%;
  overflow:hidden;
  background:#101d27;
}
.company-about .company-about-factory img {
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:55% 55%;
}
.company-about-factory::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#101d27 0%,#101d27ed 11%,#101d2750 40%,transparent 64%),
             linear-gradient(0deg,#101d27cb 0%,transparent 26%);
  pointer-events:none;
}
.company-about .company-about-factory figcaption {
  position:absolute;
  z-index:1;
  right:clamp(24px,5vw,78px);
  bottom:22px;
  max-width:360px;
  padding:8px 0 8px 12px;
  border-left:2px solid #89c2de;
  color:#fff;
  text-shadow:0 1px 5px #000;
}
.company-about-facts { border-top:0; border-left:3px solid var(--about-accent); }
.company-about-cards article { border-top:2px solid #5c849b; background:#f6f8fa; }
@media (prefers-reduced-motion:no-preference) {
  .company-about-hero--photo .company-about-factory img { animation:company-factory-reveal 1.15s cubic-bezier(.2,.7,.25,1) both; }
  .company-about-hero-copy > * { animation:company-about-enter .55s cubic-bezier(.2,.7,.25,1) both; }
  .company-about-hero-copy h1 { animation-delay:.07s; }
  .company-about-hero-copy p { animation-delay:.14s; }
  .company-about-hero-copy a { animation-delay:.21s; }
  .company-about-link span { transition:transform .2s ease; }
  .company-about-link:is(:hover,:focus-visible) span { transform:translateX(4px); }
  .company-about-revealed { animation:company-about-section-enter .6s cubic-bezier(.2,.7,.25,1) both; }
  .company-about-cards article:nth-child(2) { animation-delay:.08s; }
  .company-about-cards article:nth-child(3) { animation-delay:.16s; }
  .company-about-cards article { transition:transform .2s ease, box-shadow .2s ease; }
  .company-about-cards article:hover { translate:0 -4px; box-shadow:0 12px 26px #19283212; }
}
@keyframes company-about-section-enter {
  from { transform:translateY(18px); opacity:.35; }
  to { transform:translateY(0); opacity:1; }
}
.company-about-profile { background:#eef3f6; border-block:1px solid #dce5eb; }
.company-about-profile-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.company-about-profile-grid article { padding:24px; background:#fff; border:1px solid #dce5eb; }
.company-about-profile-grid p { margin-bottom:0; }
.company-about-showcase .company-about-cards { margin:24px 0; }
.company-about-showcase .company-about-cards img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; margin-bottom:14px; }
.company-about-showcase .company-about-cards a:is(:hover,:focus-visible) h3 { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:760px) { .company-about-profile-grid { grid-template-columns:1fr; } }
@keyframes company-factory-reveal {
  from { transform:scale(1.08); opacity:.65; }
  to { transform:scale(1); opacity:1; }
}
@keyframes company-about-enter {
  from { transform:translateY(12px); opacity:.45; }
  to { transform:translateY(0); opacity:1; }
}
@media(max-width:760px) {
  .company-about-hero--photo .company-about-hero-grid { min-height:0; padding:40px 24px 0; gap:28px; }
  .company-about-hero--photo .company-about-hero-copy { max-width:none; }
  .company-about .company-about-factory { position:relative; inset:auto; margin-inline:-24px; }
  .company-about .company-about-factory img { height:auto; aspect-ratio:4 / 3; }
  .company-about-factory::after { background:linear-gradient(0deg,#101d27c9 0%,transparent 37%); }
  .company-about .company-about-factory figcaption { left:24px; right:24px; bottom:12px; max-width:none; }
}