.channel-glass{position:relative}
.channel-glass .chapter-image{position:absolute;inset:0;background:#111312}
.channel-copy .project-breakdown{margin:30px 0 0;padding:24px 0 0}
.channel-copy .project-breakdown h2{font-size:clamp(28px,3.4vw,48px);line-height:1.1}
.channel-copy .breakdown-stages{display:grid;grid-template-columns:1fr;gap:18px}
.channel-copy .breakdown-stage{padding:clamp(16px,2.5vw,32px);box-shadow:none;border-radius:8px;background:#1a1c1d}
.channel-copy .breakdown-stage.reading{border-color:#a89164}
.channel-copy .breakdown-stage h3{margin:.4em 0}
.channel-copy .drawing-play{max-width:200px;margin:0 auto 12px}
.instrument-shot{display:block;width:100%;height:auto;border-radius:5px}
@media(min-width:681px) and (min-height:491px){.instrument-shot{display:none}}
@media(max-width:680px),(max-height:490px){
 .channel-spread .channel-desk{position:sticky;top:50px;z-index:3;background:#131516;width:100%;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-bottom:1px solid #40423e}
 .channel-spread .channel-box{width:min(43vw,210px);padding:4px;border-radius:6px}
 .channel-spread .channel-glass{height:clamp(48px,11svh,94px);aspect-ratio:auto;border-radius:3px}
 .channel-spread .channel-label{font-size:8px;line-height:1.25;padding:3px;letter-spacing:.04em}
 .channel-spread .channel-desk>a{font-size:11px;padding:0 8px}
 .instrument-shot{display:none}
}
@media(max-width:680px){.channel-label{min-height:25px;align-items:center}.channel-label::after{flex-shrink:0;width:12px}}