:root { --about-ink:#213345; --about-blue:#003f64; --about-bright:#0075b9; --about-muted:#586f83; --about-soft:#f3f5f6; }
body { color:var(--about-ink); background:#fff; }
.about-page { overflow:hidden; background:#fff; }
.about-shell { width:min(1320px,calc(100% - 64px)); margin:0 auto; }
.about-eyebrow { margin:0 0 18px; color:var(--about-bright); font-size:14px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.about-page h2 { margin:0; font-size:clamp(40px,4.2vw,64px); line-height:1.05; letter-spacing:-.04em; }

.about-hero { position:relative; min-height:650px; overflow:hidden; color:#fff; }
.about-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.about-hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,24,39,.9) 0%,rgba(7,32,51,.68) 46%,rgba(7,24,39,.15) 78%); }
.about-hero__copy { position:absolute; z-index:2; left:max(32px,calc((100% - 1320px)/2)); bottom:84px; width:min(790px,calc(100% - 64px)); }
.about-hero__copy > p { margin:0 0 22px; font-size:16px; font-weight:700; letter-spacing:.16em; }
.about-hero h1 { margin:0; font-size:clamp(60px,7.2vw,108px); line-height:.94; letter-spacing:-.055em; }
.about-hero__copy > span { display:block; max-width:720px; margin-top:30px; font-size:clamp(18px,1.7vw,25px); line-height:1.55; }

.about-introduction { display:grid; padding:130px 0 120px; grid-template-columns:44% 56%; }
.about-introduction__copy { padding:25px 88px 20px 0; }
.about-introduction__back { display:inline-block; margin:0 0 34px; color:var(--about-ink); font-size:15px; font-weight:600; text-decoration:none; transition:color .2s ease; }
.about-introduction__back:hover,.about-introduction__back:focus-visible { color:var(--about-bright); outline:none; }
.about-introduction__copy > p:not(.about-eyebrow) { margin:30px 0 0; color:var(--about-muted); font-size:18px; line-height:1.75; }
.about-introduction__image { min-height:500px; margin:0; overflow:hidden; }
.about-introduction__image img { width:100%; height:100%; object-fit:cover; }
.about-facts { display:grid; grid-column:1/-1; grid-template-columns:repeat(4,1fr); margin-top:70px; border-top:1px solid #cfd8df; border-bottom:1px solid #cfd8df; }
.about-facts > div { min-height:150px; padding:30px 28px; border-right:1px solid #cfd8df; }
.about-facts > div:last-child { border-right:0; }
.about-facts strong { display:block; color:var(--about-blue); font-size:clamp(28px,3vw,44px); line-height:1.1; }
.about-facts span { display:block; margin-top:12px; color:var(--about-muted); font-size:15px; line-height:1.45; }

.about-story { padding:120px 0; background:var(--about-blue); color:#fff; }
.about-story__layout { display:grid; grid-template-columns:42% 58%; }
.about-story .about-eyebrow { color:#64c8f6; }
.about-story__heading { padding-right:100px; }
.about-story__heading > p:last-child { margin:32px 0 0; color:#c7d7e1; font-size:18px; line-height:1.7; }
.about-timeline { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.25); }
.about-timeline li { display:grid; grid-template-columns:76px 1fr; padding:27px 0; border-bottom:1px solid rgba(255,255,255,.25); }
.about-timeline li > span { color:#62c5f2; font-size:15px; font-weight:700; letter-spacing:.1em; }
.about-timeline strong { font-size:23px; }
.about-timeline p { margin:8px 0 0; color:#c7d7e1; line-height:1.6; }

.about-engineering { display:grid; padding:130px 0; grid-template-columns:56% 44%; align-items:center; }
.about-engineering > figure { height:650px; margin:0; overflow:hidden; }
.about-engineering > figure img { width:100%; height:100%; object-fit:cover; }
.about-engineering__copy { padding-left:90px; }
.about-engineering__copy > p:not(.about-eyebrow) { margin:28px 0 36px; color:var(--about-muted); font-size:18px; line-height:1.7; }
.about-engineering dl { margin:0; }
.about-engineering dl > div { display:grid; grid-template-columns:145px 1fr; padding:22px 0; border-top:1px solid #d4dde3; }
.about-engineering dl > div:last-child { border-bottom:1px solid #d4dde3; }
.about-engineering dt { color:var(--about-blue); font-size:18px; font-weight:700; }
.about-engineering dd { margin:0; color:var(--about-muted); line-height:1.55; }

.about-values { padding:110px 0 125px; background:var(--about-soft); }
.about-values h2 { max-width:600px; }
.about-values__grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; border-top:1px solid #bfcbd3; }
.about-values article { min-height:260px; padding:34px 48px 25px 0; border-right:1px solid #bfcbd3; }
.about-values article + article { padding-left:48px; }
.about-values article:last-child { border-right:0; }
.about-values article > span { color:var(--about-bright); font-size:14px; font-weight:700; }
.about-values h3 { margin:42px 0 18px; font-size:30px; }
.about-values article p { margin:0; color:var(--about-muted); font-size:17px; line-height:1.65; }

.about-leadership { display:grid; padding:130px 0; grid-template-columns:60% 40%; min-height:650px; }
.about-leadership__copy { align-self:center; padding:40px 120px 40px 50px; }
.about-leadership__statement { margin:34px 0 28px; color:var(--about-blue); font-size:clamp(24px,2.5vw,36px); font-weight:500; line-height:1.4; }
.about-leadership__copy > p:last-child { max-width:670px; margin:0; color:var(--about-muted); font-size:18px; line-height:1.7; }
.about-leadership figure { min-height:520px; margin:0; overflow:hidden; }
.about-leadership figure img { width:100%; height:100%; object-fit:cover; object-position:center top; }

.about-applications { padding:120px 0 140px; background:#fff; }
.about-applications__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin-bottom:56px; }
.about-applications__heading > p { width:440px; margin:0 0 7px; color:var(--about-muted); font-size:17px; line-height:1.6; }
.about-applications__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.about-application { position:relative; min-height:330px; overflow:hidden; color:#fff; text-decoration:none; }
.about-application--wide { min-height:430px; }
.about-application img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.about-application:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,23,36,.78),rgba(5,23,36,0) 68%); }
.about-application span { position:absolute; z-index:1; right:34px; bottom:30px; left:34px; font-size:clamp(24px,2.4vw,36px); font-weight:700; }

.about-cta { display:flex; min-height:330px; padding:75px max(32px,calc((100% - 1320px)/2)); align-items:center; justify-content:space-between; gap:60px; color:#fff; background:var(--about-blue); }
.about-cta p { margin:0 0 20px; color:#68caf5; font-size:14px; font-weight:700; letter-spacing:.12em; }
.about-cta h2 { max-width:850px; }
.about-cta > a { display:inline-flex; flex:0 0 auto; padding:18px 24px; align-items:center; gap:26px; color:var(--about-blue); background:#fff; font-weight:700; text-decoration:none; }
.about-cta > a:hover,.about-cta > a:focus-visible { color:#fff; background:var(--about-bright); outline:none; }
.news-footer { background:#172d3e; }

@media (max-width:1000px) {
  .about-introduction,.about-story__layout,.about-engineering,.about-leadership { grid-template-columns:1fr; }
  .about-introduction__copy,.about-story__heading,.about-engineering__copy,.about-leadership__copy { padding:0 0 55px; }
  .about-introduction__image,.about-engineering > figure { min-height:420px; height:420px; }
  .about-facts { grid-template-columns:repeat(2,1fr); }
  .about-facts > div:nth-child(2) { border-right:0; }
  .about-facts > div:nth-child(-n+2) { border-bottom:1px solid #cfd8df; }
  .about-values__grid { grid-template-columns:1fr; }
  .about-values article,.about-values article + article { min-height:0; padding:32px 0; border-right:0; border-bottom:1px solid #bfcbd3; }
  .about-values h3 { margin-top:20px; }
  .about-leadership figure { min-height:500px; }
  .about-applications__heading { display:block; }
  .about-applications__heading > p { width:auto; margin-top:25px; }
  .about-cta { align-items:flex-start; flex-direction:column; }
}

@media (max-width:680px) {
  .about-shell { width:calc(100% - 32px); }
  .about-hero { min-height:620px; }
  .about-hero__copy { left:16px; }
  .about-hero__copy { bottom:60px; width:calc(100% - 32px); }
  .about-hero h1 { font-size:54px; }
  .about-introduction,.about-engineering,.about-leadership { padding:85px 0; }
  .about-story,.about-values,.about-applications { padding:85px 0; }
  .about-facts { grid-template-columns:1fr; }
  .about-facts > div { min-height:120px; border-right:0; border-bottom:1px solid #cfd8df; }
  .about-timeline li { grid-template-columns:50px 1fr; }
  .about-engineering dl > div { grid-template-columns:1fr; gap:8px; }
  .about-applications__grid { grid-template-columns:1fr; }
  .about-application,.about-application--wide { min-height:290px; }
  .about-cta { min-height:390px; padding:65px 24px; }
}
