.about-page{background:#f2f1eb}
.about-page main{overflow:hidden}
.about-index{display:flex;align-items:center;gap:12px;color:#68888d;font-size:10px;font-weight:850;letter-spacing:.15em}
.about-index b{color:#0a2630;font-size:11px}
.about-index:after{content:"";width:42px;height:1px;background:#9bb0b2}
.about-hero{position:relative;padding:86px 0 102px;background:#071820;color:#fff;overflow:hidden}
.about-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(132,188,191,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(132,188,191,.045) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.about-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(430px,.9fr) minmax(500px,1.1fr);gap:clamp(48px,5vw,82px);align-items:center}
.about-hero__copy{padding:24px 0}
.about-hero__copy .eye{color:#9fc8ca}
.about-hero__signature{margin:0 0 24px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.27em}
.about-hero h1{max-width:750px;margin:0 0 27px;font-size:clamp(46px,4vw,67px);font-weight:800;line-height:1.06;letter-spacing:-.058em}
.about-hero__lead{max-width:680px;margin:0;color:#b5c5c8;font-size:16px;line-height:1.8;word-break:keep-all}
.about-hero__actions{display:flex;gap:11px;margin-top:36px}
.about-hero__actions .btn{min-width:146px}
.about-hero__actions .btn.line{border-color:#38535b}
.about-hero__visual{position:relative;height:585px;margin:0;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);overflow:hidden;background:#0c222b}
.about-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,27,.02) 35%,rgba(5,20,27,.88) 100%)}
.about-hero__visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04)}
.about-hero__visual figcaption{position:absolute;z-index:2;left:54px;right:34px;bottom:31px;display:grid;grid-template-columns:1fr auto;gap:7px 20px;align-items:end}
.about-hero__visual figcaption>span{grid-column:1/-1;color:#9ec8ca;font-size:9px;font-weight:850;letter-spacing:.16em}
.about-hero__visual figcaption strong{font-size:44px;line-height:1;letter-spacing:-.06em}
.about-hero__visual figcaption small{color:#c1d0d2;font-size:9px;font-weight:800;letter-spacing:.13em}
.about-manifesto{padding:150px 0 158px;background:#fff}
.about-manifesto h2{max-width:1120px;margin:50px 0 38px;font-size:clamp(50px,5.4vw,82px);font-weight:820;line-height:1.05;letter-spacing:-.062em}
.about-manifesto h2 em{color:#5f9096;font-style:normal}
.about-manifesto> .rail>p{max-width:650px;margin:0 0 0 auto;color:#56656b;font-size:18px;line-height:1.85;word-break:keep-all}
.about-field{padding:130px 0;background:#ecebe5}
.about-field__stage{position:relative;min-height:680px}
.about-field__visual{position:absolute;left:25px;top:0;width:72%;height:680px;margin:0;overflow:hidden;background:#0b2028}
.about-field__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,28,.03) 50%,rgba(7,20,28,.56))}
.about-field__visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.04)}
.about-field__visual figcaption{position:absolute;z-index:2;left:28px;bottom:24px;color:#d4e0e1;font-size:9px;font-weight:850;letter-spacing:.16em}
.about-field__card{position:absolute;z-index:3;right:25px;top:50%;width:min(500px,42%);padding:48px 48px 42px;background:#fff;box-shadow:0 32px 85px rgba(7,20,28,.17);transform:translateY(-50%)}
.about-field__card h2{margin-bottom:24px;font-size:clamp(40px,3.6vw,56px)}
.about-field__card>p:not(.eye){margin:0;color:#5e6b70;font-size:15px;line-height:1.8}
.about-field__card dl{margin:35px 0 0;border-top:1px solid #d8dcda}
.about-field__card dl>div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #d8dcda}
.about-field__card dt{color:#5e868c;font-size:8px;font-weight:850;letter-spacing:.13em}
.about-field__card dd{margin:0;color:#28373c;font-size:13px}
.about-capabilities{padding:132px 0;background:#071820;color:#fff}
.about-capabilities .about-index{color:#86a9ad}
.about-capabilities .about-index b{color:#b8d2d4}
.about-capabilities .about-index:after{background:#47636a}
.about-capabilities__head{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:end;margin-bottom:66px}
.about-capabilities__head h2{max-width:800px;margin:0;font-size:clamp(48px,4.8vw,72px)}
.about-capabilities__list{border-top:1px solid #29434d}
.about-capability-row{display:grid;grid-template-columns:62px minmax(300px,.9fr) minmax(340px,1.1fr) 32px;gap:28px;align-items:center;min-height:144px;padding:24px 8px;border-bottom:1px solid #29434d;color:#fff;text-decoration:none;transition:background .25s,padding .25s}
.about-capability-row:hover{padding-left:22px;padding-right:22px;background:#102c36}
.about-capability-row>b{color:#6d959a;font-size:11px}
.about-capability-row small{display:block;margin-bottom:8px;color:#80a9ad;font-size:8px;font-weight:850;letter-spacing:.14em}
.about-capability-row h3{margin:0;font-size:28px}
.about-capability-row p{margin:0;color:#aabcc0;font-size:14px;line-height:1.7}
.about-capability-row>span{color:#9ec7c9;font-size:19px}
.about-delivery{padding:138px 0 150px;background:#fff}
.about-delivery__head{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end;margin-bottom:90px}
.about-delivery__head h2{margin:38px 0 0;font-size:clamp(50px,5vw,76px)}
.about-delivery__head>p{max-width:500px;margin:0 0 8px;color:#617076;font-size:17px;line-height:1.75}
.about-delivery__track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.about-delivery__track:before{content:"";position:absolute;left:0;right:0;top:19px;height:1px;background:#bec8c6}
.about-delivery__track article{position:relative;padding:58px 32px 0 0}
.about-delivery__track article:before{content:"";position:absolute;top:12px;left:0;width:14px;height:14px;border:5px solid #fff;border-radius:50%;background:#5d8c92;box-shadow:0 0 0 1px #8ca8aa}
.about-delivery__track article>b{position:absolute;top:0;left:28px;color:#77979b;font-size:9px}
.about-delivery__track small{color:#61858a;font-size:8px;font-weight:850;letter-spacing:.14em}
.about-delivery__track h3{margin:18px 0 11px;font-size:24px}
.about-delivery__track p{max-width:280px;margin:0;color:#66747a;font-size:14px;line-height:1.7}
.about-finale{position:relative;padding:116px 0 108px;background:#071820;color:#fff;overflow:hidden}
.about-finale:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(131,187,190,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(131,187,190,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to top,#000,transparent)}
.about-finale>.rail{position:relative;z-index:1}
.about-finale .about-index{color:#89adb0}
.about-finale .about-index b{color:#bad4d5}
.about-finale .about-index:after{background:#49666d}
.about-finale h2{margin:85px 0 75px;color:#fff;font-size:clamp(128px,19vw,290px);font-weight:900;line-height:.7;letter-spacing:-.11em;white-space:nowrap}
.about-finale h2 span{color:#9ec9cb;font-weight:610}
.about-finale__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding-top:34px;border-top:1px solid #304751}
.about-finale__bottom>p{margin:0;font-size:clamp(28px,3vw,44px);font-weight:760;line-height:1.22;letter-spacing:-.04em}
.about-finale__bottom>div{display:flex;gap:11px}
.about-finale__bottom .btn.line{border-color:#3a535c}
@media(max-width:1100px){
  .about-hero__grid{grid-template-columns:1fr}
  .about-hero__visual{height:540px;clip-path:none}
  .about-field__stage{min-height:0}
  .about-field__visual{position:relative;left:auto;width:82%;height:560px}
  .about-field__card{position:relative;right:auto;top:auto;width:56%;margin:-390px 0 0 auto;transform:none}
  .about-capabilities__head{grid-template-columns:1fr;gap:34px}
  .about-capability-row{grid-template-columns:52px minmax(260px,.9fr) minmax(260px,1.1fr) 24px}
  .about-delivery__head{grid-template-columns:1fr;gap:32px}
  .about-finale h2{font-size:clamp(124px,20vw,210px)}
}
@media(max-width:767px){
  .about-hero{padding:66px 0 72px}
  .about-hero h1{font-size:42px}
  .about-hero h1 br{display:none}
  .about-hero__signature{font-size:9px;letter-spacing:.2em}
  .about-hero__lead{font-size:15px}
  .about-hero__actions,.about-finale__bottom>div{flex-direction:column}
  .about-hero__actions .btn,.about-finale__bottom .btn{width:100%}
  .about-hero__visual{height:385px}
  .about-hero__visual figcaption{left:22px;right:22px;bottom:22px}
  .about-hero__visual figcaption strong{font-size:34px}
  .about-hero__visual figcaption small{display:none}
  .about-manifesto{padding:88px 0 96px}
  .about-manifesto h2{margin:42px 0 32px;font-size:49px}
  .about-manifesto h2 br{display:none}
  .about-manifesto>.rail>p{font-size:15px}
  .about-field{padding:82px 0}
  .about-field__visual{width:100%;height:410px}
  .about-field__card{width:calc(100% - 28px);margin:-48px 0 0 auto;padding:35px 25px 30px}
  .about-field__card h2{font-size:39px}
  .about-field__card h2 br{display:none}
  .about-field__card dl>div{grid-template-columns:90px 1fr}
  .about-capabilities{padding:88px 0}
  .about-capabilities__head h2{font-size:45px}
  .about-capabilities__head h2 br{display:none}
  .about-capability-row{grid-template-columns:38px 1fr 22px;gap:13px;min-height:150px;padding:25px 4px}
  .about-capability-row>div{grid-column:2}
  .about-capability-row p{grid-column:2;font-size:13px}
  .about-capability-row>span{grid-column:3;grid-row:1/3}
  .about-capability-row h3{font-size:22px}
  .about-delivery{padding:92px 0 102px}
  .about-delivery__head{margin-bottom:55px}
  .about-delivery__head h2{font-size:46px}
  .about-delivery__head h2 br{display:none}
  .about-delivery__head>p{font-size:15px}
  .about-delivery__track{grid-template-columns:1fr;padding-left:34px}
  .about-delivery__track:before{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto}
  .about-delivery__track article{padding:0 0 42px 28px}
  .about-delivery__track article:before{top:2px;left:-34px}
  .about-delivery__track article>b{top:0;left:auto;right:0}
  .about-delivery__track p{max-width:none}
  .about-finale{padding:82px 0}
  .about-finale h2{margin:68px 0 55px;font-size:31vw}
  .about-finale__bottom{align-items:stretch;flex-direction:column}
  .about-finale__bottom>p{font-size:31px}
}