/* A página é a composição: sem palco fechado nem rolagem independente. */
#case .detail-inner[data-resonance-project]>.story-pair{min-height:105svh;padding:clamp(100px,14vh,180px) 0;gap:clamp(56px,8vw,120px)}
#case .detail-inner[data-resonance-project]>section{margin:clamp(100px,19vh,200px) 0}
#case .detail-inner[data-resonance-project]>.story-visual{margin:clamp(100px,18vh,180px) 0}
#case .resonance-surface{position:relative;display:block;perspective:1000px;isolation:isolate}
#case .story-visual:has(.resonance-surface){overflow:visible;background:transparent!important;box-shadow:none}
#case .story-pair .story-visual:has(.resonance-surface){aspect-ratio:auto}
#case .story-visual .resonance-surface>img{display:block;width:100%;height:auto;object-fit:contain;transform:none}
.resonance-bands{position:absolute;inset:0;pointer-events:none;opacity:0;transform-style:preserve-3d}
.resonance-band{position:absolute;inset:0;clip-path:inset(0 calc((6 - var(--band))*100%/7) 0 calc(var(--band)*100%/7));backface-visibility:hidden}
#case .story-visual .resonance-band img{display:block;width:100%;height:100%;object-fit:fill;transform:none}
.resonance-surface.is-ready>.resonance-bands{opacity:1}
#case .resonance-surface.is-ready>img{opacity:0}
#case .story-visual:has(.resonance-surface) figcaption{position:relative;inset:auto;padding:32px 0 0;max-width:100%}
@media(max-width:760px){
 #case .detail-inner[data-resonance-project]>.story-pair{min-height:0;padding:90px 0;gap:80px}
 #case .detail-inner[data-resonance-project]>section,#case .detail-inner[data-resonance-project]>.story-visual{margin:100px 0}
}
@media(prefers-reduced-motion:reduce){
 .resonance-bands{display:none}
 #case .resonance-surface.is-ready>img{opacity:1}
}