/* Case-only additions for WAKE UP; shared portfolio design remains unchanged. */
.wake-media{padding:0 var(--gut) clamp(35px,6vw,90px)}
.wake-case section[id]{scroll-margin-top:110px}
.wake-case .pw-case-copy h2{font-size:clamp(55px,6.4vw,96px);overflow-wrap:normal}
.wake-case a:focus-visible,.wake-strip:focus-visible,.wake-reel video:focus,.wake-reel video:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.wake-chapters{margin:0 var(--gut);padding:25px 0;display:flex;flex-wrap:wrap;gap:22px 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wake-chapters a{color:inherit;text-underline-offset:5px;font-size:13px;line-height:1.7;min-height:44px;display:flex;align-items:center}
.wake-figure{margin:0;min-width:0}
.wake-figure img{display:block;width:100%;height:auto;background:#fff}
.wake-figure figcaption{font-size:clamp(11px,.85vw,13px);line-height:1.6;padding-top:12px;color:var(--mute)}
.wake-trio img{aspect-ratio:1/1;object-fit:contain}
.wake-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.wake-trio figcaption strong{display:block;font:400 clamp(30px,3.6vw,56px)/1 var(--f-display);letter-spacing:0;color:var(--ink);text-transform:uppercase;padding-bottom:6px}
.wake-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(24px,4vw,60px)}
.wake-palette div{aspect-ratio:1.4;padding:14px;display:flex;align-items:flex-end;font:500 11px/1.4 var(--f-body);letter-spacing:.08em;border:1px solid var(--line)}
.wake-palette div:nth-child(1){background:#141414;color:#fff}.wake-palette div:nth-child(2){background:#fff;color:#141414}.wake-palette div:nth-child(3){background:#efeff1;color:#141414}.wake-palette div:nth-child(4){background:#f4f1eb;color:#141414}
.wake-type{margin:clamp(24px,4vw,50px) 0 0;border-top:1px solid var(--line);padding-top:25px;font-size:14px;line-height:1.8;max-width:760px}
.wake-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,50px);align-items:start}
.wake-reel{display:grid;grid-template-columns:.7fr 1fr;gap:6vw;align-items:center;padding:0 var(--gut) clamp(35px,6vw,90px)}
.wake-reel video{display:block;width:min(100%,380px);height:auto;aspect-ratio:9/16;background:#141414;margin:0 auto}
.wake-reel ol{list-style:none;padding:0;margin:0 0 24px;counter-reset:s}
.wake-reel li{padding:14px 0;border-bottom:1px solid var(--line);font-size:clamp(14px,1.2vw,17px);line-height:1.5;counter-increment:s}
.wake-reel li::before{content:"0" counter(s);color:var(--red);font:500 12px/1 var(--f-body);letter-spacing:.12em;margin-right:18px}
.wake-note{font-size:12px;line-height:1.75;color:var(--mute);max-width:430px;margin:0}
.wake-strip{display:flex;gap:clamp(14px,2vw,28px);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:18px;margin:0 calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}
.wake-strip figure{flex:0 0 clamp(230px,26vw,380px);margin:0;scroll-snap-align:start}
.wake-strip img{display:block;width:100%;height:auto}
.wake-strip-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:28px}
@media(max-width:760px){.wake-trio{grid-template-columns:1fr}.wake-pair{grid-template-columns:1fr}.wake-reel{grid-template-columns:1fr;gap:32px}.wake-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.wake-case .pw-case-copy h2{font-size:clamp(46px,11vw,80px)}.wake-case .pw-hero-meta,.wake-case .pw-hero-foot{flex-wrap:wrap;line-height:1.7}.wake-case .pw-case-cover{min-height:85svh}.wake-case .pw-exit h2{font-size:clamp(55px,15vw,100px)}.wake-case .pw-case-script{font-size:clamp(30px,9.2vw,64px);white-space:normal;line-height:1.2;max-width:100%;margin:30px 0 0}.wake-case #app h2{font-size:clamp(36px,7.6vw,72px)}}
/* Long Cyrillic and English headings: tighter size so they stay inside the column */
.wake-case .pw-case-copy h2{font-size:clamp(44px,5.2vw,78px)}
.wake-case:lang(ru) .pw-case-copy h2,html[lang="ru"] .wake-case .pw-case-copy h2{font-size:clamp(40px,4.8vw,70px)}
@media(max-width:760px){.wake-case .pw-case-copy h2{font-size:clamp(40px,10.5vw,70px)}}