.about-navigation { position: relative; max-width: 1440px; margin-inline: auto; }
.about-main { position: relative; max-width: 1440px; min-height: 1526px; margin-inline: auto; padding: 215px 30px 96px; }
.about-intro { position: relative; min-height: 520px; }
.about-label { position: absolute; top: 215px; left: 30px; font-size: 15px; line-height: 40px; letter-spacing: -.02em; font-weight: 400; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.about-intro > [data-lang] { display: block; }
.about-intro > [data-lang="en"] { display: none; }
html[lang="en"] .about-intro > [data-lang="en"] { display: block; }
.about-bio { font-size: 45px; line-height: 48px; letter-spacing: -.04em; white-space: pre-wrap; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.bio-regular { letter-spacing: -.32px; }
.about-bio-mobile { display: none; }
.about-records { display: grid; grid-template-columns: minmax(0, 921fr) minmax(0, 459fr); align-items: start; }
.about-portrait { grid-column: 2; grid-row: 1; margin: 0; position: relative; aspect-ratio: 459 / 321; overflow: hidden; }
.about-portrait img { display: block; width: 100%; height: 100%; object-fit: fill; object-position: center bottom; }
.about-portrait picture { display: block; width: 100%; height: 100%; }
.about-timeline { grid-column: 1; grid-row: 1; }
.about-section { display: grid; grid-template-columns: 174px minmax(0, 1fr); align-items: start; }
.about-section h2 { font-size: 15px; line-height: 24px; font-weight: 400; letter-spacing: -.02em; text-transform: uppercase; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.about-experience { min-height: 201px; }
.about-education { min-height: 160px; }
.about-mentorship { min-height: 200px; }
.about-certificate { display: block; padding-left: 4px; color: inherit; text-decoration: none; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
.about-certificate:is(:hover,:focus-visible), .about-document:is(:hover,:focus-visible) { text-decoration: underline; text-underline-offset: 4px; }
.about-certificate:focus-visible, .about-document:focus-visible { outline: 1px solid currentColor; outline-offset: 4px; }
.certificate-mobile-break { display: none; }
.about-rows { display: flex; flex-direction: column; gap: 18px; }
.about-row { display: grid; grid-template-columns: 140px minmax(0, 1fr); align-items: start; min-height: 24px; font-size: 15px; line-height: 24px; letter-spacing: -.02em; }
.about-detail { display: grid; grid-template-columns: 262px minmax(0, 1fr); align-items: start; }
.about-row p, .about-document, .about-year { text-box-trim: trim-both; text-box-edge: cap alphabetic; overflow-wrap: break-word; }
.about-company, .about-position { text-transform: none; }
.about-year, .about-position { color: rgb(0 0 0 / 50%); }
.about-position { letter-spacing: -.03em; }
.about-experience .about-position { position: relative; top: -1px; }
.about-experience .about-row:nth-child(3) .about-company { position: relative; top: -1px; }
.about-education .about-company, .about-mentorship .about-company { padding-left: 4px; }
.about-mentorship .about-row:last-child { min-height: 0; }
@media (min-width: 768px) and (max-width: 1100px) {
  .about-main { padding-inline: 24px; }
  .about-bio { font-size: 36px; line-height: 41px; }
  .about-bio-desktop { text-indent: 24%; white-space: normal; }
  .about-records { grid-template-columns: 1fr; gap: 64px; }
  .about-portrait { grid-column: 1; width: min(546px, 100%); justify-self: end; }
  .about-timeline { grid-column: 1; grid-row: 2; }
}

/* Section labels and dates only; all existing type and geometry stay intact. */
.about-page .about-label,.about-page .about-section h2{color:rgb(0 0 0 / 50%)}
.about-page .about-year{color:rgb(0 0 0)}

@media (max-width: 767px) {
  .about-navigation .site-header { display: none; }
  .about-mobile-navigation { position: absolute; top: 0; left: 0; width: 100%; overflow: visible; transform: none; }
  .about-mobile-navigation .menu-toggle { left: auto; right: 9px; }
  .about-mobile-navigation .mobile-menu { width: 100%; }
  .about-main { padding: 259px 4px 62px 11px; }
  .about-main { min-height: 1985px; }
  .about-label-bracket { display: none; }
  .about-label { top: 224px; left: 11px; font-size: 12px; line-height: 24px; letter-spacing: -.04em; }
  .about-intro { min-height: 510px; }
  .about-bio-desktop { display: none; }
  .about-bio-mobile { display: block; font-size: 24px; line-height: 28px; letter-spacing: -.03em; white-space: normal; }
  .bio-platforms { font-size: 23px; letter-spacing: -.03em; }
  .bio-research { letter-spacing: -.04em; }
  .about-records { display: flex; flex-direction: column; }
  .about-portrait { width: calc(100% - 8px); aspect-ratio: 367 / 279; margin-bottom: 55px; }
  .about-timeline { width: 100%; }
  .about-section { display: block; }
  .about-section h2 { font-size: 12px; line-height: 24px; letter-spacing: -.04em; }
  .about-experience { min-height: 239px; }
  .about-education { min-height: 184px; }
  .about-mentorship { min-height: 239px; }
  .about-rows { margin-top: 26.4375px; gap: 28px; }
  .about-education .about-rows { margin-top: 28.4375px; }
  .about-row { grid-template-columns: minmax(0, 169fr) minmax(0, 206fr); min-height: 29px; font-size: 12px; line-height: 24px; }
  .about-detail { display: flex; flex-direction: column; gap: 11.4375px; }
  .about-company { letter-spacing: -.04em; }
  .about-education .about-company, .about-mentorship .about-company { padding-left: 0; }
  .about-position { letter-spacing: -.03em; }
  .about-mentorship .about-row:last-child { min-height: 29px; }
  .about-experience .about-position { position: static; }
  .about-certifications .about-row:first-child { min-height: 9px; }
  .about-certificate { padding-left: 0; font-size: 12px; line-height: 16px; letter-spacing: -.04em; }
  .certificate-mobile-break { display: inline; }
}
@media (min-width: 390px) and (max-width: 767px) {
  html[lang="ru"] .bio-research { white-space: nowrap; }
}
@media (max-width: 359px) {
  .about-bio-mobile br { display: none; }
  .about-row { grid-template-columns: 43% minmax(0, 57%); }
}