.progress-page{background:var(--dopa-ink,#080a0b);color:var(--dopa-paper,#eff0ec);overflow-x:hidden}
.progress-page *{box-sizing:border-box}
.progress-skip{position:absolute;left:1rem;top:-5rem;z-index:100;padding:.8rem 1rem;background:#eff0ec;color:#080a0b}.progress-skip:focus{top:1rem}
.progress-page :focus-visible{outline:3px solid var(--dopa-lime,#b8ff32);outline-offset:4px}
.progress-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 24%,#202822 0,transparent 34%),#080a0b}
.progress-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:clamp(2rem,4vw,5rem);align-items:center;min-height:calc(100svh - 80px);padding-top:2.5rem;padding-bottom:2.5rem}
.progress-page h1,.progress-page h2{font-family:'Roboto Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;line-height:.88;letter-spacing:-.045em;text-transform:uppercase;margin:0}
.progress-intro h1{font-size:clamp(4rem,6.6vw,6.8rem);margin:1.1rem 0 1.5rem;white-space:nowrap}
.progress-intro h1 em,.progress-close h2 em{font-style:normal;color:var(--dopa-lime,#b8ff32)}
.progress-lead{font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.5;max-width:35rem;margin:0 0 2rem}
.progress-intro-note{font:.68rem/1.5 'JetBrains Mono',monospace;letter-spacing:.03em;color:#9fa59e;margin:1.6rem 0 0;max-width:30rem}
.progress-proof{margin:0;justify-self:center;width:fit-content;max-width:100%;position:relative}
.progress-proof::before{content:'ПОСЛЕ';position:absolute;left:-24%;top:14%;z-index:0;font-family:'Roboto Condensed',Impact,sans-serif;font-size:clamp(5rem,13vw,13rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px #65705e;transform:rotate(-90deg);opacity:.5;pointer-events:none}
.progress-proof-frame{position:relative;z-index:1;width:fit-content;max-width:100%;padding:.55rem;background:#202529;border:1px solid #616865;border-radius:2.3rem;box-shadow:0 2rem 6rem rgba(0,0,0,.6);overflow:hidden;transform:rotate(2deg)}
.progress-proof img{display:block;width:auto;max-width:100%;height:auto;max-height:min(78svh,680px);border-radius:1.8rem}
.progress-proof figcaption{font:600 .65rem/1.5 'JetBrains Mono',monospace;letter-spacing:.07em;color:#aeb4ac;margin-top:1.4rem;max-width:23rem}
.progress-paper{background:var(--dopa-paper,#eff0ec);color:var(--dopa-ink,#080a0b);padding:clamp(5rem,10vw,9rem) 0}
.progress-paper .dopa-eyebrow{color:#36503d}
.progress-paper h2{font-size:clamp(4rem,8vw,9rem);margin:1.2rem 0 clamp(3rem,7vw,6rem)}.progress-paper h2 span{color:#5b6655}
.progress-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #818a80}
.progress-sequence-item{min-height:18rem;padding:1.6rem clamp(1rem,3vw,3rem) 1rem 0;display:flex;flex-direction:column;justify-content:space-between}.progress-sequence-item+.progress-sequence-item{border-left:1px solid #818a80;padding-left:clamp(1rem,3vw,3rem)}
.progress-index{font:600 .8rem 'JetBrains Mono',monospace;color:#5a6359}
.progress-sequence h3{font-family:'Roboto Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1;margin:0 0 1rem}
.progress-sequence p{font-size:1.05rem;line-height:1.5;max-width:19rem;margin:0;color:#414a43}
.progress-import-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:clamp(2rem,6vw,6rem);align-items:center;margin-bottom:clamp(3rem,6vw,5rem)}
.progress-import-head>*{min-width:0}
.progress-paper .progress-import-head h2{margin:1.2rem 0 1.5rem}
.progress-import-lead{max-width:39rem;margin:0;color:#39453c;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5}
.progress-import-graphic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:310px;padding:30px;background:#15211a;color:#dce7d9}
.progress-import-graphic span{font:700 .68rem/1.4 'JetBrains Mono',monospace;letter-spacing:.08em}
.progress-import-graphic span:first-child{color:#f18b50}
.progress-import-graphic strong{display:grid;place-items:center;width:116px;height:116px;border:1px solid #bac8b9;background:#e7ece2;color:#15211a;font:900 3.3rem/1 'Roboto Condensed',sans-serif;transform:rotate(-4deg);box-shadow:12px 11px 0 #34533a}
.progress-import-graphic i{color:var(--dopa-lime,#b8ff32);font:900 2rem/1 'Roboto Condensed',sans-serif;font-style:normal;transform:rotate(90deg)}
.progress-source-link{display:inline-block;margin-top:1.1rem;border-bottom:1px solid #526c44;color:#243829!important;font-size:.86rem;font-weight:800;text-decoration:none!important}
.progress-source-link:hover{color:#5a7f22!important}
.progress-import-tail{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem}
.progress-import-tail p{max-width:48rem;margin:0;color:#39453c;font-size:1rem;line-height:1.5}
.progress-import-tail .dopa-button{flex:none;background:#142019;border-color:#142019;color:#eff0ec!important}
.progress-meaning{padding:clamp(5rem,10vw,9rem) 0;background:#161b19}
.progress-meaning-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,8vw,9rem);align-items:end}
.progress-meaning-grid>*{min-width:0}
.progress-meaning h2{font-size:clamp(3.8rem,6.4vw,7rem);margin:1.4rem 0 0}
.progress-meaning-copy{border-left:1px solid #616c62;padding-left:clamp(1.5rem,4vw,4rem)}
.progress-meaning-copy p{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55;margin:0 0 1.4rem}.progress-meaning-copy a{color:var(--dopa-lime,#b8ff32);font-weight:750;text-decoration:underline!important;text-underline-offset:.3em}
.progress-close{padding:clamp(5rem,10vw,9rem) 0}.progress-close-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end}.progress-close h2{font-size:clamp(4rem,7vw,8rem);margin:1.4rem 0 0}.progress-close-grid p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;max-width:30rem;margin:0 0 2rem;color:#cbd0c9}
@media(max-width:760px){.progress-hero-grid{grid-template-columns:1fr;min-height:0;padding-top:4.5rem;padding-bottom:5rem}.progress-intro h1{font-size:clamp(3.5rem,11vw,6rem);white-space:normal}.progress-proof{width:min(75%,340px);margin-top:2rem}.progress-proof::before{left:-30%;top:12%}.progress-import-head{grid-template-columns:1fr}.progress-import-graphic{min-height:250px}.progress-import-tail{align-items:flex-start;flex-direction:column}.progress-sequence{grid-template-columns:1fr}.progress-sequence-item{min-height:0;display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 0!important;border-left:0!important;border-bottom:1px solid #818a80}.progress-meaning-grid,.progress-close-grid{grid-template-columns:1fr}.progress-meaning h2,.progress-close h2,.progress-paper h2{font-size:clamp(3.8rem,12vw,6rem)}.progress-meaning-copy{border-left:0;border-top:1px solid #616c62;padding:1.5rem 0 0}}
@media(max-width:390px){.progress-intro h1{font-size:clamp(2.8rem,11vw,3.5rem)}.progress-proof{width:84%}.progress-meaning h2{font-size:clamp(2.7rem,10.5vw,3.1rem)}.progress-close h2,.progress-paper h2{font-size:clamp(3rem,11vw,4.4rem)}.progress-meaning-copy p{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.progress-page *, .progress-page *::before, .progress-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}