.about-page {
  --about-navy: #092338;
  --about-navy-soft: #123753;
  --about-gold: #c99b4a;
  --about-cream: #f6f3ed;
  --about-line: rgba(14, 39, 59, 0.14);
  background: #fff;
  color: var(--color-ink);
}

.about-section { padding: clamp(78px, 8vw, 128px) 0; }
.about-section .eyebrow,
.about-page .eyebrow { margin: 0 0 20px; color: #a77725; font-size: 12px; font-weight: 700; letter-spacing: .2em; }
.about-page .eyebrow--light { color: #e2b65f; }
.about-section-heading h2,
.about-heading-row h2 { max-width: 720px; margin: 0; font-size: clamp(34px, 4vw, 58px); font-weight: 500; line-height: 1.18; letter-spacing: -.04em; }
.about-section-heading--center { max-width: 820px; margin: 0 auto 64px; text-align: center; }
.about-section-heading--center p:last-child { max-width: 620px; margin: 22px auto 0; color: #66727e; line-height: 1.9; }
.about-heading-row { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); align-items: end; gap: 64px; margin-bottom: 64px; }
.about-heading-row > p { margin: 0 0 8px; color: #66727e; font-size: 17px; line-height: 1.9; }

.about-profile__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 76px; align-items: start; }
.about-profile .about-section-heading h2 { font-size: clamp(34px, 3.5vw, 52px); }
.about-profile__copy { padding-top: 42px; color: #5d6974; font-size: 17px; line-height: 2; }
.about-profile__copy p { margin: 0 0 20px; }
.about-profile__copy .about-lead { color: #243746; font-size: 21px; }
.about-profile__visual { position: relative; grid-column: 1 / -1; margin: 12px 0 0; }
.about-profile__visual::before { position: absolute; inset: 28px auto -28px -28px; width: 34%; background: var(--about-cream); content: ""; z-index: 0; }
.about-profile__visual img { position: relative; width: 100%; height: clamp(360px, 42vw, 620px); object-fit: cover; z-index: 1; }
.about-profile__visual figcaption { position: absolute; right: 0; bottom: 0; width: min(440px, 48%); padding: 28px 36px; background: rgba(9,35,56,.94); color: #fff; font-size: 16px; line-height: 1.7; z-index: 2; }

.about-stats { padding: 78px 0 84px; background: var(--about-navy); color: #fff; }
.about-stats__header { display: flex; justify-content: space-between; gap: 32px; align-items: end; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.18); }
.about-stats__header h2 { margin: 0; font-size: clamp(30px, 3vw, 44px); font-weight: 500; }
.about-placeholder-note { padding: 8px 14px; border: 1px solid rgba(255,255,255,.3); color: #d5dce2; font-size: 12px; letter-spacing: .12em; }
.about-stats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.about-stats__grid article { padding: 42px 28px 0; border-left: 1px solid rgba(255,255,255,.16); }
.about-stats__grid article:first-child { padding-left: 0; border-left: 0; }
.about-stats__grid div { display: flex; align-items: baseline; gap: 9px; }
.about-stats__grid strong { color: #fff; font-family: Georgia, serif; font-size: clamp(48px, 5vw, 72px); font-weight: 400; line-height: 1; }
.about-stats__grid span { color: #e4bd72; font-size: 16px; }
.about-stats__grid p { margin: 18px 0 0; color: #aebdca; }

.about-capabilities { background: #f4f6f7; }
.about-capabilities__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #bfc8cf; }
.about-capabilities__grid article { display: grid; grid-template-columns: 72px 1fr; gap: 26px; padding: 40px 44px 42px 0; border-bottom: 1px solid #cbd2d7; }
.about-capabilities__grid article:nth-child(odd) { border-right: 1px solid #cbd2d7; }
.about-capabilities__grid article:nth-child(even) { padding-left: 44px; }
.about-capability__index { color: #ad7d2c; font-family: Georgia, serif; font-size: 23px; }
.about-capabilities__grid h3 { margin: 0 0 12px; font-size: 24px; font-weight: 500; }
.about-capabilities__grid p { margin: 0; color: #65727c; line-height: 1.8; }

.about-products__grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 18px; }
.about-product { position: relative; min-height: 200px; overflow: hidden; background: var(--about-navy); color: #fff; }
.about-product img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .58; transition: transform .6s ease, opacity .6s ease; }
.about-product::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,25,42,.92), rgba(3,25,42,.12)); content: ""; }
.about-product > div { position: relative; max-width: 360px; padding: 32px 34px; z-index: 1; }
.about-product span { color: #e3b65e; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.about-product h3 { margin: 13px 0 10px; font-size: 26px; font-weight: 500; }
.about-product p { margin: 0; color: #d7dee4; line-height: 1.7; }
.about-product--featured { grid-row: span 3; min-height: 640px; display: flex; align-items: flex-end; }
.about-product--featured::after { background: linear-gradient(0deg, rgba(3,25,42,.95), rgba(3,25,42,.04) 72%); }
.about-product--featured > div { max-width: 590px; padding: 50px; }
.about-product--featured h3 { font-size: 40px; }
.about-product:hover img { transform: scale(1.025); opacity: .72; }

.about-services { background: var(--about-cream); }
.about-services__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.about-services__list li { position: relative; padding: 0 26px; text-align: center; }
.about-services__list li::before { position: absolute; top: 28px; left: 0; width: 50%; border-top: 1px solid #b9b3a8; content: ""; }
.about-services__list li::after { position: absolute; top: 28px; right: 0; width: 50%; border-top: 1px solid #b9b3a8; content: ""; }
.about-services__list li:first-child::before,
.about-services__list li:last-child::after { display: none; }
.about-services__list span { position: relative; display: grid; width: 58px; height: 58px; margin: 0 auto 25px; border: 1px solid #b58a42; border-radius: 50%; place-items: center; background: var(--about-cream); color: #9e7027; font-family: Georgia, serif; z-index: 1; }
.about-services__list h3 { margin: 0 0 10px; font-size: 21px; font-weight: 500; }
.about-services__list p { margin: 0; color: #68727a; font-size: 14px; line-height: 1.7; }

.about-culture { padding: clamp(82px, 9vw, 140px) 0; background: linear-gradient(120deg, rgba(4,28,47,.97), rgba(12,50,76,.92)), url("../images/community-lounge.jpg") center/cover; color: #fff; }
.about-culture__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .8fr); gap: 100px; align-items: center; }
.about-culture__statement h2 { max-width: 700px; margin: 0; font-size: clamp(38px, 4.8vw, 68px); font-weight: 400; line-height: 1.2; letter-spacing: -.04em; }
.about-culture__statement > p:last-child { max-width: 620px; margin: 32px 0 0; color: #b8c6d0; font-size: 17px; line-height: 1.9; }
.about-culture__values { margin: 0; border-top: 1px solid rgba(255,255,255,.25); }
.about-culture__values div { display: grid; grid-template-columns: 100px 1fr; gap: 30px; padding: 25px 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.about-culture__values dt { color: #d6aa59; font-size: 13px; }
.about-culture__values dd { margin: 0; color: #fff; font-size: 17px; line-height: 1.6; }

.about-history__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 38px 0 0; border-top: 1px solid #aeb9c1; list-style: none; }
.about-history__list li { position: relative; min-height: 210px; padding: 0 30px; border-left: 1px solid #d1d7dc; }
.about-history__list li::before { position: absolute; top: -44px; left: -5px; width: 9px; height: 9px; border: 2px solid #a87a2e; border-radius: 50%; background: #fff; content: ""; }
.about-history__list time { color: #9e712b; font-family: Georgia, serif; font-size: 29px; }
.about-history__list h3 { margin: 23px 0 12px; font-size: 20px; font-weight: 500; }
.about-history__list p { margin: 0; color: #68747e; font-size: 14px; line-height: 1.8; }

.about-responsibility { background: #f4f6f7; }
.about-responsibility__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 84px; }
.about-honors ul { margin: 46px 0 0; padding: 0; border-top: 1px solid #c5cdd3; list-style: none; }
.about-honors li { display: grid; grid-template-columns: 74px 1fr auto; gap: 20px; align-items: center; padding: 24px 0; border-bottom: 1px solid #c5cdd3; }
.about-honors time { color: #a07128; font-family: Georgia, serif; }
.about-honors p { margin: 0; line-height: 1.6; }
.about-honors span { padding: 5px 8px; border: 1px solid #bdc5cb; color: #747f88; font-size: 11px; }
.about-responsibility__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 46px; background: #c8d0d6; }
.about-responsibility__items article { display: flex; gap: 20px; min-height: 190px; padding: 30px; background: #fff; }
.about-responsibility__items strong { color: #ac7c2e; font-family: Georgia, serif; font-size: 17px; }
.about-responsibility__items h3 { margin: 0 0 13px; font-size: 19px; font-weight: 500; }
.about-responsibility__items p { margin: 0; color: #697680; font-size: 14px; line-height: 1.75; }

.about-cooperation { padding: 76px 0; background: var(--about-navy); color: #fff; }
.about-cooperation__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) auto; gap: 70px; align-items: center; }
.about-cooperation h2 { margin: 0; font-size: clamp(34px, 3.6vw, 52px); font-weight: 400; }
.about-cooperation p:last-child { max-width: 640px; margin: 22px 0 0; color: #aebdca; line-height: 1.8; }
.about-cooperation ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 32px; margin: 0; padding: 0; list-style: none; }
.about-cooperation li { position: relative; padding-left: 18px; color: #dbe3e8; }
.about-cooperation li::before { position: absolute; top: .65em; left: 0; width: 5px; height: 5px; background: #d6a956; content: ""; }
.about-cooperation__actions { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.about-cooperation__actions .button--light { min-width: 152px; background: #fff; color: var(--about-navy); }
.about-cooperation__actions .text-link--light { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,.55); }

@media (max-width: 1199px) {
  .about-capabilities__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-products__grid { grid-template-columns: 1fr 1fr; }
  .about-culture__grid { gap: 60px; }
  .about-cooperation__grid { grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); }
  .about-cooperation__actions { grid-column: 1 / -1; flex-direction: row; justify-content: flex-start; }
}

@media (max-width: 900px) {
  .about-heading-row { grid-template-columns: 1fr; gap: 24px; }
  .about-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-stats__grid article:nth-child(3) { padding-left: 0; border-left: 0; }
  .about-culture__grid { grid-template-columns: 1fr; }
  .about-history__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 0; border-top: 0; }
  .about-history__list li { border-left: 1px solid #d1d7dc; }
  .about-history__list li::before { top: 0; }
  .about-responsibility__grid { gap: 52px; }
}

@media (max-width: 767px) {
  .about-section { padding: 68px 0; }
  .about-section-heading h2,
  .about-heading-row h2 { font-size: clamp(31px, 9vw, 43px); }
  .about-profile__grid,
  .about-products__grid,
  .about-responsibility__grid { grid-template-columns: 1fr; }
  .about-profile__copy { padding-top: 0; }
  .about-profile__visual::before { display: none; }
  .about-profile__visual img { height: 340px; }
  .about-profile__visual figcaption { position: relative; width: 100%; }
  .about-stats__header { align-items: start; flex-direction: column; }
  .about-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-stats__grid article { padding: 32px 14px 0; }
  .about-stats__grid article:nth-child(odd) { padding-left: 0; border-left: 0; }
  .about-capabilities__grid { grid-template-columns: 1fr; }
  .about-capabilities__grid article,
  .about-capabilities__grid article:nth-child(even) { padding: 30px 0; border-right: 0; }
  .about-product--featured { grid-row: auto; min-height: 450px; }
  .about-product--featured > div { padding: 34px; }
  .about-services__list,
  .about-history__list { grid-template-columns: 1fr; }
  .about-services__list { gap: 0; }
  .about-services__list li { display: grid; grid-template-columns: 58px 1fr; gap: 0 22px; padding: 0 0 28px; text-align: left; }
  .about-services__list li::before { display: none; }
  .about-services__list li::after { top: 58px; right: auto; bottom: 0; left: 28px; width: 1px; height: auto; border-top: 0; border-left: 1px solid #b9b3a8; }
  .about-services__list li:last-child::after { display: none; }
  .about-services__list span { grid-row: span 2; margin: 0; }
  .about-services__list h3 { padding-top: 5px; }
  .about-services__list p { grid-column: 2; }
  .about-culture__grid { grid-template-columns: 1fr; }
  .about-culture__values div { grid-template-columns: 86px 1fr; gap: 18px; }
  .about-history__list { padding-top: 0; }
  .about-history__list li { min-height: auto; padding: 0 0 36px 30px; }
  .about-history__list li::before { left: -5px; }
  .about-responsibility__items { grid-template-columns: 1fr; }
  .about-cooperation__grid { grid-template-columns: 1fr; gap: 38px; }
  .about-cooperation__actions { grid-column: auto; align-items: stretch; flex-direction: column; }
  .about-cooperation__actions .button { width: 100%; text-align: center; }
  .about-cooperation__actions .text-link--light { align-self: flex-start; }
}

@media (max-width: 420px) {
  .about-stats__grid { grid-template-columns: 1fr; }
  .about-stats__grid article { padding-left: 0; border-left: 0; }
  .about-capabilities__grid article { grid-template-columns: 52px 1fr; gap: 16px; }
  .about-cooperation ul { grid-template-columns: 1fr; }
}