.about-page{background:radial-gradient(circle at 80% 7%,rgba(216,218,223,.08),transparent 28rem),linear-gradient(135deg,#050506 0%,#0b0c0f 52%,#050506 100%)}
.about-page__section{padding-block:88px}.about-hero__section{padding-block:48px 88px}.breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:38px;color:var(--color-text-soft);font-size:.85rem}.breadcrumbs a:hover,.breadcrumbs a:focus-visible{color:var(--color-text)}
.about-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:clamp(42px,7vw,90px);align-items:center}.about-hero__content h1{margin-bottom:26px}.about-hero__lead{margin-bottom:16px;font-size:clamp(1.08rem,1.8vw,1.25rem)}.about-page__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.about-hero__photo{width:100%;max-width:420px;aspect-ratio:1/1;justify-self:end;padding:8px;overflow:hidden;border:1px solid var(--color-border);border-radius:30px;background:#111318;box-shadow:0 28px 80px rgba(0,0,0,.48)}.about-hero__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:22px}
.about-page__story{display:grid;gap:88px}.about-page__story h2,.about-format__cooperation h2{max-width:850px;margin-bottom:28px}.about-page__prose{display:grid;gap:15px;max-width:900px}.about-format__block{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:42px;align-items:end}.about-format__thesis{padding:28px;border:1px solid #454a54;border-radius:24px;background:linear-gradient(145deg,#1b1e24,#101216);color:var(--color-text);font-size:1.3rem;font-weight:700;box-shadow:var(--shadow)}
.about-directions__grid,.about-projects__grid,.about-principles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-page__card{display:flex;min-width:0;flex-direction:column;gap:14px;padding:27px;border:1px solid var(--color-border);border-radius:22px;background:linear-gradient(180deg,#171a21,#111318);box-shadow:0 16px 45px rgba(0,0,0,.25)}.about-page__card a{width:fit-content;color:#d8dadf;font-weight:700;text-decoration:underline;text-decoration-color:#5b616b;text-underline-offset:5px}.about-page__card a+a{margin-top:-5px}.about-page__card a:hover,.about-page__card a:focus-visible{color:#fff;text-decoration-color:#fff}.about-projects__grid .about-page__card p{flex:1}.about-page__after-grid{margin-top:28px}
.about-metrics__grid,.about-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.about-metrics__item,.about-process__item{padding:24px;border-top:1px solid #555b66;background:rgba(17,19,24,.68)}.about-metrics__item strong{display:block;margin-bottom:16px;color:var(--color-text);font-size:clamp(2.3rem,4vw,4rem);line-height:1}.about-metrics__item .about-metrics__word{font-size:clamp(1.8rem,3vw,2.7rem)}.about-metrics__item h3,.about-process__item h3{margin-bottom:12px;font-size:1.08rem;letter-spacing:-.02em}.about-metrics__item p,.about-process__item p{font-size:.94rem}.about-process__item span{display:block;margin-bottom:28px;color:var(--color-text-soft);font-family:"JetBrains Mono",monospace}
.about-format__cooperation{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:38px;border:1px solid var(--color-border);border-radius:28px;background:#111318}.about-format__cooperation ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.about-format__cooperation li{position:relative;padding-left:24px;color:var(--color-text-muted)}.about-format__cooperation li::before{content:"—";position:absolute;left:0;color:#d8dadf}
.about-page a:focus-visible,.about-page button:focus-visible{outline:2px solid #f4f4f5;outline-offset:3px}
@media(max-width:900px){.about-page__section{padding-block:68px}.about-hero__section{padding-block:38px 68px}.about-hero__grid{grid-template-columns:minmax(0,1fr) minmax(280px,38%);gap:32px}.about-page__story{gap:68px}.about-format__block{grid-template-columns:1fr}.about-metrics__grid,.about-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-format__cooperation{grid-template-columns:1fr;gap:22px}}
@media(max-width:640px){.about-page__section{padding-block:52px}.about-hero__section{padding-block:28px 52px}.breadcrumbs{margin-bottom:28px}.about-hero__grid,.about-directions__grid,.about-projects__grid,.about-principles__grid,.about-metrics__grid,.about-process__grid{grid-template-columns:1fr}.about-hero__photo{max-width:420px;justify-self:center}.about-page__actions{display:grid}.about-page__actions .button{width:100%}.about-page__card,.about-metrics__item,.about-process__item{padding:21px}.about-format__cooperation{padding:24px}.contacts__list{grid-template-columns:1fr}}
@media(max-width:360px){.about-page__card,.about-format__thesis,.about-format__cooperation{padding:18px}.about-page__actions .button{padding-inline:14px}.contacts__panel{padding:20px}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}