/* Новый проект «Их осталось 129». Стили ограничены этим разделом. */
.nav-project{color:var(--green)}
.desktop-nav .nav-project{white-space:nowrap}
.project-section{background:#f0eee6;border-bottom:1px solid var(--line);padding-block:82px 62px}
.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:38px}
.project-badge{display:inline-flex;gap:10px;align-items:center;font-size:9px;letter-spacing:2.1px;text-transform:uppercase;color:var(--green);border:1px solid #9eaa94;padding:7px 11px;margin-bottom:24px}
.project-badge>span{height:5px;width:5px;transform:rotate(45deg);background:var(--green)}
.project-kicker{font-family:var(--serif);font-size:24px;line-height:1.3;color:#6a725f;margin-bottom:10px}
.project-heading h2{font-size:clamp(42px,4.65vw,68px);line-height:1.1;letter-spacing:-2px}
.project-heading h2 em{color:var(--green);font-size:1.13em}
.project-author{max-width:290px;font-size:12px;line-height:1.85;color:#66705f;margin-bottom:7px}
.project-layout{display:grid;grid-template-columns:.88fr 1.12fr;align-items:stretch;background:#172e26;color:#f0f0e5;min-width:0}
.project-media{min-width:0;background:#040604;display:flex;flex-direction:column;position:relative}
.project-visuals{flex:1;min-width:0;display:grid;align-content:center}
.project-visual{position:relative;min-width:0}
.project-photo{position:relative;border:0;padding:0;display:block;width:100%;background:#000;color:#e7e8db;overflow:hidden}
.project-photo>img{width:100%;height:auto;max-height:670px;object-fit:contain;transition:transform .7s ease}
.project-photo:hover>img{transform:scale(1.02)}
.project-enlarge{position:absolute;bottom:23px;right:23px;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.9px;padding:8px 11px;background:#0d160ec9;border:1px solid #e8e6d939}
.project-enlarge .icon{width:16px;height:16px}
.project-image-controls{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #8b9c7d3b;background:#0c100d}
.project-image-controls>button{border:0;border-bottom:2px solid transparent;background:transparent;color:#9da797;padding:14px 17px;display:flex;align-items:center;gap:13px;text-align:left;transition:background .2s,color .2s}
.project-image-controls>button+button{border-left:1px solid #8b9c7d3b}
.project-image-controls>button[aria-pressed="true"]{color:#f0edde;border-bottom-color:#c4b385;background:#182119}
.project-image-controls>button:hover{background:#1d271e;color:#f0edde}
.project-image-controls img{width:39px;height:42px;object-fit:contain;flex-shrink:0;background:#000}
.project-image-controls span{font-size:10px;line-height:1.5}
.project-image-controls small{font-size:8px;letter-spacing:1.4px;display:block;color:#b2ab8e;margin-bottom:3px}
.project-reader{min-width:0;display:flex;flex-direction:column;padding:34px 43px 25px}
.project-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:30px}
.project-chapters button{border:0;border-top:1px solid #7185707a;padding:12px 0 0;text-align:left;color:#a1b29d;background:transparent;font-size:9px;line-height:1.5;transition:color .2s,border-color .2s}
.project-chapters button>span{display:block;font-size:9px;letter-spacing:1px;color:#a5ad91;margin-bottom:7px}
.project-chapters button[aria-current="step"]{border-color:#d0bc8c;color:#fff7db}
.project-chapters button[aria-current="step"]>span{color:#d8c89d}
.project-chapters button:hover{color:#fff7db;border-color:#b5bda3}
.project-stage{flex:1;min-width:0}
.project-slide+.project-slide{margin-top:35px;padding-top:35px;border-top:1px solid #7d97714d}
.project-slide-index{display:block;font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#bdc3a3;margin-bottom:23px}
.project-slide h3{font-size:clamp(26px,2.2vw,33px);line-height:1.23;letter-spacing:-.65px;margin-bottom:24px}
.project-slide h3 em{color:#d3c69f}
.project-slide>p{font-size:14px;line-height:1.95;color:#c6d1be;overflow-wrap:break-word}
.project-slide>p+p{margin-top:21px}
.guardian-list{padding:0;margin:0;list-style:none}
.guardian-list>li{display:flex;gap:15px;align-items:baseline;padding-block:17px;border-top:1px solid #7d97714d}
.guardian-number{font-family:var(--serif);font-size:17px;color:#bdb391;flex-shrink:0}
.guardian-list p{color:#c6d1be;font-size:13px;line-height:1.85;min-width:0}
.guardian-list strong{color:#f1efdf;font-weight:500}
.project-slide .project-call{font-family:var(--serif);font-size:23px;line-height:1.45;color:#e5dec3;padding-top:22px;border-top:1px solid #7d97714d}
.project-slide .project-promise{font-size:12px;color:#c8c2a6}
.project-slide .project-postscript-title{font-size:65px;font-style:italic;color:#d0c59e;letter-spacing:-3px;line-height:1.1}
.project-slide .project-postscript-accent{font-family:var(--serif);font-size:25px;line-height:1.5;color:#e0d5b0;margin-top:26px}
.project-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #7d97714d;padding-top:22px;margin-top:28px}
.project-progress{display:flex;align-items:center;gap:16px;flex:1;max-width:175px}
.project-progress>[data-project-counter]{font-size:10px;letter-spacing:1px;color:#cbd1b8;white-space:nowrap}
.project-progress-track{display:block;height:1px;background:#7185707a;flex:1}
.project-progress-track>span{display:block;height:1px;background:#d5c291;width:25%;transition:width .25s ease}
.project-arrows{display:flex;gap:9px}
.project-arrows button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #91a28485;border-radius:50%;background:transparent;color:#e6e8d8;transition:background .2s,opacity .2s}
.project-arrows button:first-child .icon{transform:rotate(180deg)}
.project-arrows button:hover:not(:disabled){background:#38523d}
.project-arrows button:disabled{opacity:.28}
.project-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.project-footer>span{font-size:10px;color:#707865}
.project-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Без JavaScript все главы и обе фотографии остаются доступны последовательно. */
.project-layout.is-ready .project-visuals{position:relative;min-height:510px}
.project-layout.is-ready .project-visual{position:absolute;inset:0}
.project-layout.is-ready .project-photo{height:100%}
.project-layout.is-ready .project-photo>img{height:100%;max-height:none}
.project-layout.is-ready .project-stage{min-height:405px;touch-action:pan-y pinch-zoom}
.project-layout.is-ready .project-slide+.project-slide{margin-top:0;padding-top:0;border-top:0}
.project-layout.is-ready .project-slide-index{display:none}
.project-layout.is-ready .project-slide.is-entering{animation:project-appear .3s ease-out}
.project-layout :focus-visible{outline-color:#dec998}
@keyframes project-appear{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:921px){.desktop-nav{gap:clamp(15px,1.7vw,25px)}}
@media(max-width:1150px){.project-reader{padding:27px 28px 24px}.project-layout{grid-template-columns:.85fr 1.15fr}.project-image-controls>button{padding:13px 12px;gap:9px}.project-image-controls img{width:31px;height:37px}.project-image-controls span{font-size:9px}.project-chapters{gap:10px;margin-bottom:25px}.project-heading{gap:35px}.project-author{max-width:260px}.guardian-list p{font-size:12px}.guardian-list>li{padding-block:14px;gap:12px}}
@media(max-width:920px){.project-section{padding-block:65px 45px}.project-heading{gap:25px;margin-bottom:29px}.project-heading h2{font-size:45px;letter-spacing:-1.5px}.project-kicker{font-size:21px}.project-author{font-size:11px;max-width:210px}.project-layout{grid-template-columns:.78fr 1.22fr}.project-reader{padding:25px 23px 22px}.project-chapters{gap:8px}.project-chapters button{font-size:8px}.project-chapters button>span{font-size:8px}.project-slide h3{font-size:27px}.project-slide>p{font-size:13px;line-height:1.85}.guardian-list p{font-size:12px}.project-slide .project-call{font-size:21px}.project-image-controls>button{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.project-image-controls small{display:inline;margin-right:4px}.project-image-controls span{font-size:8px}.project-enlarge{bottom:17px;right:17px}.project-layout.is-ready .project-stage{min-height:425px}.project-slide .project-postscript-accent{font-size:23px}}
@media(max-width:680px){.project-section{padding-block:48px 37px}.project-heading{display:block;margin-bottom:27px}.project-badge{font-size:8px;padding:6px 10px;margin-bottom:23px}.project-heading h2{font-size:clamp(36px,8.8vw,52px);letter-spacing:-1.1px}.project-kicker{font-size:21px;margin-bottom:12px}.project-author{max-width:360px;font-size:11px;line-height:1.8;margin-top:17px;margin-bottom:0}.project-layout{display:flex;flex-direction:column}.project-layout.is-ready .project-visuals{min-height:0;height:330px;flex:none}.project-photo>img{max-height:420px}.project-image-controls>button{flex-direction:row;align-items:center;gap:10px;padding:11px 15px}.project-image-controls img{width:30px;height:33px}.project-image-controls span{font-size:9px}.project-image-controls small{display:block;font-size:7px;margin-bottom:2px}.project-enlarge{bottom:15px;right:16px;font-size:8px;gap:9px;padding:7px 9px}.project-enlarge .icon{width:14px;height:14px}.project-reader{padding:27px 22px 22px}.project-chapters{gap:10px;margin-bottom:27px}.project-chapters button{font-size:8px;padding-top:11px}.project-chapters button>span{font-size:9px;margin-bottom:5px}.project-slide h3{font-size:29px;line-height:1.24;margin-bottom:22px;letter-spacing:-.7px}.project-slide>p{font-size:14px;line-height:1.9}.project-layout.is-ready .project-stage{min-height:0}.guardian-list p{font-size:13px;line-height:1.85}.guardian-list>li{gap:12px;padding-block:17px}.guardian-number{font-size:16px}.project-slide .project-call{font-size:23px;line-height:1.5}.project-slide .project-promise{font-size:12px}.project-slide .project-postscript-accent{font-size:25px}.project-slide .project-postscript-title{font-size:59px}.project-controls{margin-top:28px;padding-top:19px}.project-arrows button{width:43px;height:43px}.project-progress{max-width:145px;gap:13px}.project-footer{display:block;margin-top:23px}.project-footer .text-link{font-size:11px}.project-footer>span{display:block;font-size:9px;margin-top:15px}.project-slide+.project-slide{margin-top:30px;padding-top:30px}}
@media(max-width:370px){.project-reader{padding-inline:18px}.project-chapters{gap:7px}.project-chapters button{font-size:7px}.project-slide h3{font-size:26px}.project-layout.is-ready .project-visuals{height:285px}.project-image-controls>button{padding-inline:12px;gap:8px}.project-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.project-layout.is-ready .project-slide.is-entering{animation:none}.project-photo:hover>img{transform:none}.project-progress-track>span{transition:none}}
@media print{.project-section{padding-block:35px;background:white}.project-layout{display:block;background:white;color:#182e22}.project-reader{padding:20px 0}.project-slide[hidden],.project-visual[hidden]{display:block!important}.project-layout.is-ready .project-visuals{display:flex;position:static;min-height:0;height:auto}.project-layout.is-ready .project-visual{position:static;flex:1}.project-layout.is-ready .project-photo>img{height:200px;max-height:200px}.project-chapters,.project-controls,.project-image-controls,.project-enlarge{display:none!important}.project-slide,.project-slide.is-entering{animation:none;break-inside:avoid}.project-layout.is-ready .project-slide+.project-slide{margin-top:25px}.project-layout.is-ready .project-slide-index{display:block;color:#385040}.project-slide h3,.project-slide h3 em,.project-slide>p,.guardian-list p,.guardian-list strong,.guardian-number,.project-slide .project-call,.project-slide .project-promise,.project-slide .project-postscript-accent,.project-slide .project-postscript-title{color:#182e22}.project-layout.is-ready .project-stage{min-height:0}}
