body[data-case=nns] .nns-case{padding:clamp(60px,8vw,130px) var(--gutter);background:transparent}
body[data-case=nns] .nns-case h2{margin:0 0 24px;font-size:clamp(34px,4.4vw,64px);line-height:1.06;letter-spacing:-.045em}
body[data-case=nns] .nns-case-intro{margin:0 0 36px;max-width:46em;font-size:18px;line-height:1.5;color:var(--muted)}
body[data-case=nns] .nns-case .case-shot{min-width:0;margin:0;padding:0;border:0;background:transparent}
body[data-case=nns] .nns-case .case-shot-media{padding:0;border:0;border-radius:12px;background:transparent}
body[data-case=nns] .nns-case .case-shot-media a{display:block}
body[data-case=nns] .nns-case .case-shot-media :is(img,video){display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:5px}
body[data-case=nns] .nns-case figcaption{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
body[data-case=nns] .nns-recording{margin-bottom:clamp(64px,9vw,130px)}
body[data-case=nns] .nns-chapter{margin-top:clamp(72px,9vw,140px)}
body[data-case=nns] .nns-chapter h3{margin:0 0 30px;font-size:clamp(30px,3.4vw,48px);line-height:1.1;letter-spacing:-.035em}
body[data-case=nns] .nns-palettes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
body[data-case=nns] .nns-palette{min-width:0}
body[data-case=nns] .nns-palette h4{margin:0 0 18px;font-size:18px;line-height:1.4;font-weight:400;color:var(--muted)}
body[data-case=nns] .nns-device-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.4fr);gap:clamp(12px,2vw,28px);align-items:start;margin-top:28px}
body[data-case=nns] .nns-device-pair .case-shot-media{padding:0;border-radius:8px}
body[data-case=nns] .nns-device-pair img{border-radius:3px}
body[data-case=nns] .nns-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(24px,3vw,48px)}
@media(max-width:760px){
 body[data-case=nns] .nns-palettes,body[data-case=nns] .nns-dialog-grid{grid-template-columns:1fr;gap:44px}
 body[data-case=nns] .nns-case-intro{font-size:16px}
 body[data-case=nns] .nns-device-pair{grid-template-columns:minmax(0,1fr);gap:28px}
 body[data-case=nns] .nns-device-pair .case-shot:last-child{width:min(100%,300px);justify-self:center}
}