/* ФАБУЛА · Кто мы. Эталон: доски About (1440), AboutM и AboutM2 (390).
   Шире 1280 — раскладка десктопа, 1101–1280 — сжатый десктоп, 721–1100 — столбцы в один, до 720 — телефон. */

.a-sec{padding-top:110px}
.a-head{display:grid;grid-template-columns:420px minmax(0,1fr);gap:60px}
.a-head>p{max-width:640px;padding-top:8px}
.a-muted{color:var(--ink-muted)}
.a-bm{display:none}

/* первый экран: текст слева, чертёж справа */
.a-hero{display:grid;grid-template-columns:minmax(0,1fr) min(500px,40%);gap:80px;padding-top:100px;padding-bottom:80px}
.a-hero-t{display:flex;flex-direction:column;gap:28px;padding-top:20px}
.a-hero-t .lead{max-width:620px}
.a-hero-img{width:100%;aspect-ratio:1;object-fit:cover}

/* как устроен отбор: поток, три числа, четыре шага */
.a-ap{display:flex;flex-direction:column;gap:56px;padding-bottom:66px}
.a-flow{margin:0;padding-bottom:19px}
.a-flow svg{display:block;width:100%;height:auto;overflow:visible}
.a-flow-m{display:none!important}
.a-thin path{fill:none;stroke:var(--ink);stroke-width:.5;opacity:.4}
.a-main{fill:none;stroke:var(--ink);stroke-width:1.2}
.a-side{fill:none;stroke:var(--ink);stroke-width:.6}
.a-red{fill:none;stroke:var(--mark);stroke-width:2.2;stroke-linecap:round}
.a-dash{stroke:var(--ink);stroke-width:.75;stroke-dasharray:2 4}
.a-dot{fill:var(--mark)}
.a-nums{margin-top:22px;display:grid;grid-template-columns:700fr 300fr 280fr}
.a-nums>div{display:flex;flex-direction:column;gap:10px;padding-left:14px}
.a-nums .fig{white-space:nowrap;font-size:min(96px,calc(8.85vw - 31px))}
.a-nums .body,.a-steps .body{line-height:1.45}
.a-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.a-steps li{display:flex;flex-direction:column;gap:6px}
.a-steps .step{line-height:normal}

/* правила текста: лист */
.a-rl{display:grid;grid-template-columns:420px minmax(0,1fr);gap:60px;padding-top:100px;padding-bottom:99px}
.a-rl-t{display:flex;flex-direction:column;gap:22px}
.a-sheet{align-self:start;margin-top:10px;transform:rotate(.5deg);padding:36px 44px 28px}
.a-sheet .h3{margin-bottom:18px}
.a-rules{margin:0;padding:0;list-style:none}
.a-rules li{display:grid;grid-template-columns:minmax(0,290fr) minmax(0,392fr);gap:30px;padding:16px 0;border-top:1px solid var(--rule)}
.a-rules li:first-child{border-top-color:var(--ink)}
.a-rt{font-size:18px;line-height:1.4}
.a-rules .body{line-height:1.5}

/* кто мы */
.a-tm{padding-bottom:223px}
.a-tm .a-head>p{padding-top:10px}
.a-people{margin-top:64px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px;align-items:start}
.a-p{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px}
.a-p img{width:240px;height:300px;object-fit:cover}
.a-p>div{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.a-pn{margin:0;font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.08}
.a-p2{margin-top:90px}

/* публикации и выступления */
.a-pb{padding-bottom:69px}
.a-pb.rs{background:none}
.a-pb .a-head>p{max-width:560px;padding-top:14px}
.a-pb-g{margin-top:60px;display:grid;grid-template-columns:minmax(0,660fr) minmax(0,540fr);gap:80px}
.a-facts{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--rule)}
.a-facts li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center;padding:20px 0;border-top:1px solid var(--rule)}
.a-facts li:first-child{border-top-color:var(--ink)}
.a-facts .body{line-height:1.5}
.a-arts{display:flex;flex-direction:column;gap:22px}
.a-art{display:flex;flex-direction:column;gap:6px;text-decoration:none;background-image:none!important}
.a-at{font-size:18px;line-height:1.4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.a-art:hover .a-at,.a-art:focus-visible .a-at{text-decoration-thickness:1.5px;text-decoration-color:var(--graphite)}
.a-int{margin:90px 0 0;display:grid;grid-template-columns:minmax(0,820fr) minmax(0,400fr);gap:60px;align-items:end}
.a-int img{width:100%;aspect-ratio:820/540;object-fit:cover}
.a-int figcaption{display:flex;flex-direction:column;gap:16px;padding-bottom:4px}
.a-int .ui{align-self:flex-start;line-height:normal}

/* 1101–1280: сужаем колонки */
@media (max-width:1280px){
 .a-head,.a-rl{grid-template-columns:380px minmax(0,1fr);gap:48px}
 .a-people{grid-template-columns:minmax(0,1fr);gap:0;max-width:820px}
 .a-p2{margin:56px 0 0 clamp(0px,100% - 620px,120px)}
 .a-pb-g{gap:60px}
 .a-int{gap:48px}
}
@media (max-width:1200px){
 .a-rules li{display:flex;flex-direction:column;gap:4px;padding:14px 0}
 .a-sheet{padding:32px 36px 26px}
}
/* 721–1100: всё в один столбец, поток и числа как на телефоне */
@media (max-width:1100px){
 .a-head,.a-rl{grid-template-columns:minmax(0,1fr);gap:22px}
 .a-head>p,.a-pb .a-head>p,.a-tm .a-head>p{padding-top:0}
 .a-hero{grid-template-columns:minmax(0,1fr);gap:56px}
 .a-hero-t{max-width:640px;padding-top:0}
 .a-hero-img{width:min(500px,100%)}
 .a-flow{padding-bottom:0;display:flex;flex-direction:column;gap:30px;max-width:560px}
 .a-flow-d{display:none!important}
 .a-flow-m{display:block!important}
 .a-nums{margin:0;display:flex;flex-direction:column;gap:28px}
 .a-nums .fig{font-size:96px}
 .a-tm{padding-bottom:40px}
 .a-nums>div{padding:0;gap:8px}
 .a-nums>div:nth-child(2){margin-left:min(96px,calc(100% - 254px))}
 .a-nums>div:nth-child(3){margin-left:192px}
 .a-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;max-width:760px}
 .a-sheet{max-width:680px;margin-top:0}
 .a-pb-g{grid-template-columns:minmax(0,1fr);gap:48px;max-width:680px}
 .a-int{grid-template-columns:minmax(0,1fr);gap:20px;max-width:820px}
}
/* телефон: доски AboutM и AboutM2 */
@media (max-width:720px){
 .a-bm{display:inline}
 .a-sec{display:flex;flex-direction:column;gap:22px}
 .a-head{display:flex;flex-direction:column;gap:22px}
 .a-hero{display:flex;flex-direction:column;gap:32px;padding-top:40px;padding-bottom:0}
 .a-hero-t{gap:22px}
 .a-hero-img{width:100%}
 .a-ap{margin-top:72px;padding-top:80px;padding-bottom:0}
 .a-flow{margin-top:16px;max-width:none}
 .a-flow svg{width:100%}
 .a-nums .body{line-height:1.55}
 .a-steps{margin-top:30px;display:flex;flex-direction:column;gap:24px}
 .a-steps li:nth-child(2){margin-left:24px}
 .a-steps li:nth-child(3){margin-left:48px}
 .a-steps li:nth-child(4){margin-left:72px}
 .a-steps .body{line-height:1.55}
 .a-rl{padding-top:100px;padding-bottom:80px}
 .a-sheet{margin:6px -4px 0;padding:24px 22px 20px;max-width:none}
 .a-sheet .h3{font-size:30px;line-height:1.1;margin-bottom:16px}
 .a-rules{border-bottom:1px solid var(--rule)}
 .a-rules li{gap:6px}
 .a-rules .body{line-height:1.55}
 .a-tm.rs{background:none}
 .a-tm{padding-top:80px;padding-bottom:0}
 .a-people{margin-top:20px;display:flex;flex-direction:column;gap:0}
 .a-p{display:flex;flex-direction:column;gap:14px}
 .a-p>div{padding-top:0;gap:14px}
 .a-pn{font-size:30px;line-height:1.1;margin-top:8px}
 .a-p2{margin:58px 0 0}
 .a-p2 img{margin-left:min(96px,calc(100% - 240px))}
 .a-p2{gap:0}
 .a-p2>div{gap:22px}
 .a-p2 .a-pn{margin-top:30px}
 .a-pb.rs{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22168%22%20height%3D%2222%22%20viewBox%3D%220%200%20168%2022%22%3E%3Cpath%20d%3D%22M4%2013.2%20C%2026%209.6%2C%2048%208.4%2C%2070%2010.6%20C%2092%2012.8%2C%20112%2014.6%2C%20134%2011.4%20C%20146%209.6%2C%20156%207.6%2C%20164%208.4%20C%20156%209.4%2C%20146%2011.6%2C%20134%2013.4%20C%20112%2016.8%2C%2092%2015.2%2C%2070%2013%20C%2048%2010.9%2C%2026%2011.8%2C%204%2013.2%20Z%22%20fill%3D%22%238f8c86%22%2F%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%224%22%20r%3D%221.6%22%20fill%3D%22%238f8c86%22%2F%3E%3C%2Fsvg%3E') center top / 168px 22px no-repeat}
 .a-pb{margin-top:72px;padding-top:80px;padding-bottom:80px}
 .a-pb-g{margin-top:10px;display:flex;flex-direction:column;gap:48px}
 .a-facts li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 0 20px}
 .a-facts .body{line-height:1.55}
 .a-int{margin-top:40px;display:flex;flex-direction:column;gap:14px}
 .a-int figcaption{gap:12px;padding:0}
 .a-int .acc{line-height:1.25}
}