/* Иллюстрации занимают собственное место в композиции; сюжеты показаны целиком. */
.editorial-illustration{margin:28px 0;background:#fff9e9;border:1px solid var(--ink);border-radius:3px;overflow:hidden}
.editorial-illustration img,.mission-team-art{display:block;width:100%;height:auto;object-fit:contain}
.page-illustration{max-width:1080px;margin:8px auto 42px}
.legacy-page .content>.page-illustration{margin:0 0 34px}
.legacy-page .page-illustration img{width:100%;height:auto;object-fit:contain}
.article-scene{width:100%;margin:36px 0}
.story-content>.article-scene+h2,.content>.article-scene+h2,.content>.article-scene+h3{margin-top:0}

/* Главная: принципы и переходы слева, самостоятельный сюжет справа. */
.manifest-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);grid-template-areas:"intro art" "links art";gap:24px 48px;align-items:start;padding:40px}
.manifest-main{grid-area:intro;min-width:0}
.manifest-main h2{font-size:clamp(32px,3vw,43px);margin:22px 0 18px}
.manifest-main .button{margin-top:22px}
.manifest-illustration{grid-area:art;align-self:center;width:100%;margin:0;border-color:#a5bc93;box-shadow:4px 4px 0 #101d14}
.manifest-list{grid-area:links;min-width:0;padding:0;display:block}
.manifest-list a{padding:17px 0;font-size:16px;line-height:1.45;gap:12px}
.manifest-list p{padding-top:15px}

/* Три направления: общая сетка текста и изображения без старых фиксированных высот. */
.direction-grid{grid-template-columns:1fr;gap:28px}
.direction-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;align-items:center;padding:30px;min-height:0}
.direction-card:nth-child(n){transform:none}
.direction-card .direction-illustration{width:100%;margin:0;border-color:#b1bba5}
.direction-copy{min-width:0}
.direction-card h3{font-size:32px;line-height:1.12;margin:21px 0 16px}
.direction-card p{max-width:44ch;font-size:16px;line-height:1.55}
.direction-card .card-foot{margin-top:22px;padding-top:18px}
.journey-illustration{margin:0 0 26px}

/* Миссия: общий заголовок, затем рисунок рядом с объяснением. */
.mission-principles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"position position" "art copy";gap:36px 40px;align-items:start;padding:40px}
.principles-position{grid-area:position;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 40px;align-items:start}
.principles-position>.eyebrow{grid-column:1;grid-row:1}
.principles-position h2{grid-column:1;grid-row:2/4;font-size:clamp(32px,3vw,43px);margin:0;line-height:1.1}
.principles-position .principles-lead{grid-column:2;grid-row:1/3;font-size:18px;max-width:none;margin:0;line-height:1.55}
.principles-position .principles-statement{grid-column:2;grid-row:3;font-size:23px;margin:0;padding:20px 24px;transform:none}
.principles-illustration{grid-area:art;width:100%;margin:0}
.principles-copy{grid-area:copy;min-width:0}
.principles-copy p{font-size:16px;line-height:1.6;margin:0 0 18px}
.mission-chapters{grid-template-columns:1fr;gap:28px}
.mission-chapter{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}
.mission-chapter>span{position:absolute;top:0;left:0}
.mission-chapter .chapter-art{border:0;min-width:0}
.chapter-art .mission-team-art{height:auto;aspect-ratio:auto;object-fit:contain}
.mission-chapter .chapter-copy{padding:32px;min-width:0}
.chapter-copy h2{font-size:31px}
.mission-diptych .mission-team-art{height:auto;object-fit:contain}
.story-content{min-width:0;max-width:900px}
.story-content>p{max-width:78ch}

/* Обзор комиссий: изображение поддерживает вступление, реестр остаётся широким. */
.programs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;max-width:none;padding:30px 0 44px}
.programs-hero-copy{min-width:0}
.programs-hero-copy>.eyebrow{display:inline-block;background:var(--lime);padding:9px 12px;color:var(--ink);font-weight:750;line-height:1.5}
.programs-hero h1{font-size:clamp(38px,4.2vw,60px);letter-spacing:-2.2px;margin:24px 0;line-height:1.06}
.programs-hero-copy>p{font-size:19px;line-height:1.55;margin:18px 0}
.programs-hero-copy>p:has(strong){border-left:5px solid var(--orange);padding:12px 0 12px 18px;font-size:19px}
.programs-hero .programs-nav{gap:9px;margin-top:24px}
.programs-hero .programs-nav a{font-size:12px;padding:10px 12px}
.programs-illustration{width:100%;max-width:none;margin:0}
.programs-article{max-width:800px}

/* Журнал и личные страницы сохраняют все изображения и фотографии. */
.article-list>a.illustrated-journal{display:grid;grid-template-columns:320px minmax(0,1fr) 32px;gap:16px 32px;align-items:center}
.journal-illustration{display:block;width:320px;height:auto;grid-column:1;grid-row:1/3;object-fit:contain;background:#fff9e9;border:1px solid var(--ink);border-radius:3px}
.illustrated-journal .article-source{grid-column:2;align-self:end}
.illustrated-journal h3{grid-column:2;align-self:start}
.illustrated-journal .article-arrow{grid-column:3;grid-row:1/3}
.publication-illustration{display:block;width:100%;height:auto;object-fit:contain;background:#fff9e9;border:1px solid var(--ink);border-radius:3px;margin:0 0 22px}
.profile-illustration{margin:0 0 28px}
.publication-list>.illustrated-publication{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center}
.publication-list>.illustrated-publication>.publication-illustration{width:100%;height:auto;margin:0 0 22px}
.publication-list>.illustrated-publication>a,.publication-list>.illustrated-publication>span{grid-column:1}

/* На телефоне две половины сравнения последовательно занимают всю ширину. */
.responsive-diptych,.diptych-panel-first{display:block}
.diptych-panel-second{display:none}
@media(max-width:1000px){
 .manifest-panel{padding:30px;gap:22px 30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .manifest-main h2{font-size:34px}
 .manifest-list a{font-size:15px}
 .direction-card{gap:26px;padding:26px}
 .direction-card h3{font-size:28px}
 .mission-principles{padding:30px;gap:30px;grid-template-columns:1fr;grid-template-areas:"position" "art" "copy"}
 .principles-position{gap:16px 30px}
 .principles-position h2{font-size:34px}
 .principles-position .principles-statement{font-size:21px}
 .principles-illustration{max-width:680px;justify-self:center}
 .principles-copy{max-width:75ch;justify-self:center}
 .mission-chapter{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
 .mission-chapter .chapter-copy{padding:25px}
 .chapter-copy h2{font-size:27px}
 .programs-hero{gap:30px}
 .programs-hero h1{font-size:44px;letter-spacing:-1.5px}
 .article-list>a.illustrated-journal{grid-template-columns:260px minmax(0,1fr) 28px;gap:15px 22px}
 .illustrated-journal .journal-illustration{width:260px}
}
@media(max-width:800px){
 .manifest-panel{grid-template-columns:1fr;grid-template-areas:"intro" "art" "links";gap:28px}
 .manifest-main p{max-width:60ch}
 .manifest-illustration{max-width:620px;justify-self:center}
 .manifest-list a{font-size:16px}
 .direction-card{grid-template-columns:1fr;gap:26px}
 .direction-card p{max-width:60ch}
 .mission-chapter{grid-template-columns:1fr}
 .mission-chapter .chapter-art{border-bottom:1px solid #cdd3c5}
 .programs-hero{grid-template-columns:1fr;gap:28px;max-width:720px;margin-inline:auto}
 .programs-hero h1{font-size:clamp(38px,7vw,56px)}
}
@media(max-width:700px){
 .manifest-panel{padding:25px 22px;gap:26px}
 .manifest-main h2{font-size:32px;margin:20px 0 18px}
 .manifest-main .button{margin-top:20px}
 .manifest-list a{font-size:15px;gap:9px}
 .direction-card{padding:22px;gap:24px}
 .direction-card h3{font-size:29px;margin:18px 0 15px}
 .direction-card p{font-size:16px}
 .mission-principles{padding:25px 22px;gap:26px}
 .principles-position{display:block}
 .principles-position h2{font-size:33px;margin:20px 0}
 .principles-position .principles-lead{font-size:17px}
 .principles-position .principles-statement{font-size:23px;margin-top:23px;padding:20px}
 .principles-copy p{font-size:16px;margin-bottom:18px}
 .mission-chapter .chapter-copy{padding:25px}
 .chapter-copy h2{font-size:29px}
 .programs-hero-copy>.eyebrow{font-size:9px;letter-spacing:.6px}
 .programs-hero-copy>p,.programs-hero-copy>p:has(strong){font-size:17px}
 .article-scene{margin:28px 0}
 .article-list>a.illustrated-journal{grid-template-columns:minmax(0,1fr) 26px;gap:13px 17px;padding:26px 0}
 .illustrated-journal .journal-illustration{grid-column:1/-1;grid-row:auto;width:100%;height:auto;margin-bottom:5px}
 .illustrated-journal .article-source,.illustrated-journal h3{grid-column:1;grid-row:auto}
 .illustrated-journal .article-arrow{grid-column:2;grid-row:2/4}
}
@media(max-width:699px){
 .responsive-diptych .diptych-panel{display:block;width:100%;aspect-ratio:var(--diptych-half-ratio);overflow:hidden}
 .responsive-diptych .diptych-panel-first>img{display:block;width:200%;max-width:none;height:auto;aspect-ratio:auto}
 .responsive-diptych .diptych-panel-second{background-size:200% 100%;background-position:right center;background-repeat:no-repeat}
}
@media(max-width:360px){
 .manifest-panel,.mission-principles{padding:23px 18px}
 .manifest-main h2,.principles-position h2{font-size:29px}
 .principles-position .principles-statement{font-size:21px;padding:18px}
 .direction-card{padding:20px 18px}
 .direction-card h3,.chapter-copy h2{font-size:27px}
 .mission-chapter .chapter-copy{padding:22px}
}