/* /about/ =============================================================== */
.about-page {min-height:1px;}
.about-page > section {border-bottom:1px solid var(--line);}
.about-section-head {margin-bottom:28px;}
.about-section-head h2 {margin:0 0 10px;}
.about-section-head p {max-width:860px;margin:0;color:var(--muted);line-height:1.55;}

/* Hero */
.about-hero__inner {display:grid;grid-template-columns:minmax(0,.98fr) minmax(500px,1.02fr);gap:clamp(50px,6vw,90px);align-items:center;padding-top:46px;padding-bottom:46px;}
.about-hero__copy {min-width:0;}
.about-hero h1 {margin:0 0 20px;font-size:clamp(54px,5vw,76px);line-height:.98;letter-spacing:-.045em;}
.about-hero__lead {max-width:650px;margin:0 0 20px;color:#e2e6e7;font-size:20px;line-height:1.5;}
.about-hero__note {max-width:620px;margin:0 0 28px;color:var(--muted);font-size:15px;line-height:1.55;}
.about-hero__actions {display:flex;flex-wrap:wrap;gap:12px 14px;}
.about-hero__actions .button {min-width:190px;}
.about-hero__visual {display:block;width:100%;max-width:620px;justify-self:end;}
.about-hero__visual img {display:block;width:100%;height:auto;max-height:470px;object-fit:contain;}

/* Entry types */
.about-entry > .container {padding-top:46px;padding-bottom:46px;}
.about-entry__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.about-entry__grid article {display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;min-height:142px;padding:26px 30px;border-bottom:1px solid var(--line);}
.about-entry__grid article:nth-child(odd) {border-right:1px solid var(--line);padding-left:18px;}
.about-entry__grid article:nth-last-child(-n+2) {border-bottom:0;}
.about-icon {display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--green);border-radius:50%;color:var(--green);}
.about-icon svg {width:23px;height:23px;}
.about-entry__grid strong {display:block;margin:2px 0 10px;color:var(--green);font-size:13px;text-transform:uppercase;}
.about-entry__grid p {margin:0;color:#d3d8d9;line-height:1.5;}
.about-entry__note {margin:22px 0 0;font-size:15px;line-height:1.5;}

/* Directions */
.about-directions > .container {padding-top:44px;padding-bottom:46px;}
.about-directions h2 {margin-bottom:30px;}
.about-directions__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.about-directions__grid > a {display:flex;min-height:258px;flex-direction:column;padding:26px;border-right:1px solid var(--line);color:inherit;}
.about-directions__grid > a:last-child {border-right:0;}
.about-directions__grid > a:hover,.about-directions__grid > a:focus-visible {background:rgba(5,209,94,.035);outline:0;}
.about-directions__grid .about-icon {margin-bottom:24px;}
.about-directions__grid h3 {margin:0 0 10px;font-size:22px;}
.about-directions__grid p {margin:0;color:var(--muted);font-size:13px;line-height:1.45;}
.about-directions__link {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:24px;color:var(--green);font-size:12px;}
.about-directions__link svg {width:19px;height:19px;transition:transform var(--transition);}
.about-directions__grid > a:hover .about-directions__link svg,.about-directions__grid > a:focus-visible .about-directions__link svg {transform:translateX(4px);}

/* Projects */
.about-projects > .container {padding-top:48px;padding-bottom:50px;}
.about-section-head--projects {max-width:900px;}


/* Projects: canonical .project-card from home.css. About only owns section spacing/layout. */
.about-projects .about-project-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}

@media (max-width:1180px) {
  .about-hero__inner {grid-template-columns:minmax(0,.9fr) minmax(430px,1fr);gap:42px;}
  .about-hero__visual {max-width:560px;}
  .about-directions__grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .about-directions__grid > a {border-bottom:1px solid var(--line);}
  .about-directions__grid > a:nth-child(2n) {border-right:0;}
  .about-directions__grid > a:nth-last-child(-n+2) {border-bottom:0;}
}
@media (max-width:900px) {
  .about-hero__inner {grid-template-columns:1fr;gap:34px;padding-top:42px;padding-bottom:42px;}
  .about-hero__copy {max-width:720px;}
  .about-hero__visual {max-width:620px;justify-self:center;}
  .about-hero__visual img {max-height:none;}
  .about-entry__grid {grid-template-columns:1fr;}
  .about-entry__grid article,.about-entry__grid article:nth-child(odd) {border-right:0;border-bottom:1px solid var(--line);padding:22px 0;}
  .about-entry__grid article:last-child {border-bottom:0;}
}
@media (max-width:620px) {
  .about-hero__inner {gap:26px;padding-top:32px;padding-bottom:34px;}
  .about-hero h1 {font-size:40px;line-height:1.02;}
  .about-hero__lead {font-size:16px;}
  .about-hero__note {font-size:14px;}
  .about-hero__actions {display:grid;grid-template-columns:1fr;gap:10px;}
  .about-hero__actions .button {width:100%;min-width:0;}
  .about-hero__visual {width:calc(100% + 10px);margin-left:-5px;}

    .about-entry__grid article,.about-entry__grid article:nth-child(odd) {grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;}
  .about-entry__grid strong {margin-top:0;font-size:11px;}
  .about-entry__grid p {font-size:12px;}
  .about-entry__note {padding:16px;border:1px solid var(--line);font-size:11px;}

  .about-directions__grid {grid-template-columns:1fr;}
  .about-directions__grid > a,.about-directions__grid > a:nth-child(2n),.about-directions__grid > a:nth-last-child(-n+2) {min-height:0;padding:18px 0;border-right:0;border-bottom:1px solid var(--line);}
  .about-directions__grid > a:last-child {border-bottom:0;}
  .about-directions__grid .about-icon {margin-bottom:12px;}
  .about-directions__grid h3 {font-size:20px;}
  .about-directions__grid p {font-size:12px;}
  .about-directions__link {padding-top:16px;}


  .about-projects .about-project-grid {display:grid !important;grid-template-columns:1fr !important;gap:14px !important;overflow:visible !important;padding:0 !important;}
  .about-projects .projects-all {width:100%;}

  /* On /about/ these two shared blocks keep their homepage internals.
     Only the page-level spacing is tightened for the mobile assembly. */
  .about-page .advantages,.about-page .process {padding-top:10px;padding-bottom:10px;}
}

/* STEP218B: Bitrix brand mark in shared advantages, scoped to /about/. */
.about-page .big-icon.big-icon--brand-mark img {
  display:block;
  width:68%;
  height:68%;
  object-fit:contain;
}