.about-page{--about-ink:#071b58;color:var(--about-ink)}
.about-wrap{width:min(1240px,100%);margin-inline:auto;padding-inline:32px}
.about-intro{background:#f4f7fc;border-bottom:5px solid var(--blue);padding:64px 0 56px}
.about-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
.about-page h1{font-size:clamp(38px,4.4vw,64px);line-height:1.05;letter-spacing:-2px;margin:18px 0 24px}
.about-intro-copy>p{font-size:19px;line-height:1.7;max-width:460px;margin:0 0 24px}
.about-story-link{display:inline-flex;gap:24px;align-items:center;color:var(--blue);font-weight:700;border-bottom:2px solid var(--red);padding-bottom:8px}
.about-story-link span{font-size:24px}
.about-photo{margin:0;min-width:0}
.about-photo img{display:block;width:100%;height:auto;border-radius:10px}
.about-photo figcaption{font-size:12px;line-height:1.5;color:#536078;margin-top:12px}
.about-archive img{border:8px solid #fff;box-shadow:0 14px 35px rgba(7,27,88,.1)}
.about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding-top:76px;padding-bottom:76px;scroll-margin-top:125px}
.about-page h2{font-size:clamp(29px,3vw,40px);line-height:1.15;letter-spacing:-1px;color:var(--blue);margin:14px 0 24px}
.about-year{margin-top:36px;padding-left:20px;border-left:4px solid var(--red);max-width:300px}
.about-year strong{display:block;color:var(--blue);font-size:46px;line-height:1.15}
.about-year span{display:block;font-size:15px;line-height:1.6;margin-top:8px}
.about-prose p,.about-today-copy>p{font-size:17px;line-height:1.8;margin:0 0 20px}
.about-prose p:last-child{margin-bottom:0}
.about-today{background:#f4f7fc;padding:64px 0 70px}
.about-today-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.about-today-copy .about-promise{font-size:30px;line-height:1.2;font-weight:800;color:var(--blue);margin:24px 0}
.about-page .actions{gap:12px}
.about-page .btn{padding:12px 18px;font-size:15px}
.about-page a:focus-visible{outline:3px solid var(--red);outline-offset:5px}
@media(max-width:900px){
  .about-intro-grid,.about-story,.about-today-grid{grid-template-columns:1fr;gap:32px}
  .about-intro-copy>p{max-width:640px}
  .about-intro{padding:40px 0}
  .about-story{padding-top:48px;padding-bottom:48px}
  .about-story-heading h2 br,.about-today-copy h2 br{display:none}
  .about-year{margin-top:24px}
  .about-today{padding:44px 0}
}
@media(max-width:480px){
  .about-wrap{padding-inline:20px}
  .about-page h1{font-size:38px;letter-spacing:-1.3px}
  .about-intro-copy>p{font-size:17px}
  .about-page .actions{flex-direction:column}
  .about-page .btn{width:100%}
}