/* Case presentation: an artwork is always complete, with detail one click away. */
.case-page .media-figure .media-stage{border:0;box-shadow:none;border-radius:0;min-height:0}
.case-page .media-figure .media-stage>img,
.case-page .media-figure .media-stage>video{object-fit:contain;border:0;outline:0;border-radius:0}
.case-page .case-gallery .media-figure.is-portrait{grid-column:1/-1}
.case-page .media-figure.is-portrait .media-stage,
.case-page .media-figure.media-display-contain .media-stage{display:flex;align-items:center;justify-content:center;height:auto;aspect-ratio:auto;overflow:visible}
.case-page .media-figure.is-portrait .media-stage>img,
.case-page .media-figure.is-portrait .media-stage>video,
.case-page .media-figure.media-display-contain .media-stage>img,
.case-page .media-figure.media-display-contain .media-stage>video{display:block;width:min(100%,calc(78svh * var(--media-ratio,1)));height:auto;aspect-ratio:var(--media-ratio,auto);max-width:100%;max-height:78vh;max-height:78svh;object-fit:contain;margin-inline:auto}
.case-page .media-figure.media-display-wide:not(.is-portrait) .media-stage>img,
.case-page .media-figure.media-display-wide:not(.is-portrait) .media-stage>video{width:100%;height:auto;max-height:none}
.case-page .media-figure.is-panorama:not(.media-display-contain) .media-stage>img{width:100%;height:auto;max-height:none}
.case-page .manual-rail .media-figure .media-stage{height:auto;display:flex;align-items:flex-start;justify-content:center}
.case-page .manual-rail .media-figure .media-stage>img{width:min(100%,calc(72svh * var(--media-ratio,1.77778)));height:auto;aspect-ratio:var(--media-ratio,auto);max-width:100%;max-height:72vh;max-height:72svh;object-fit:contain;margin-inline:auto}
.case-page .media-figure[data-case-fit-static] .media-stage{translate:none!important;scale:1!important;clip-path:none!important;transform:none!important}
.case-page .media-figure[data-case-fit-static] figcaption{translate:none!important}
.case-page .media-caption-tools{display:flex;align-items:center;gap:20px;flex:none}
.case-page .media-original-link{font-size:9px;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:2px;color:inherit;white-space:nowrap}
.case-page .media-original-link:hover{color:#fff}
.case-page .media-original-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
.case-page .media-figure .external-player{aspect-ratio:var(--media-ratio,1.77778);border:0}
.case-page .audio-stage{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:28px 0;background:transparent}
.case-page .audio-stage audio{display:block;width:100%;min-height:54px}
.sound-case .case-hero{padding-bottom:20px}
.sound-film-credit{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 24px;padding:22px 0 14px;border-top:1px solid #444;font-size:11px;line-height:1.6}
.sound-film-credit .micro{font-size:8px}
.sound-film-credit>p{color:#fff}
.sound-film-credit>span:not(.micro){color:#aaa}
.sound-film-credit>a{margin-left:auto;color:#fff;border-bottom:1px solid #777;padding-bottom:3px}
.sound-film-credit .sound-film-credits{flex:1 0 100%;font-size:11px;color:#aaa;max-width:750px}
.sound-context-section{padding-top:0}
.sound-visual-context>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;list-style:none;cursor:pointer;font-size:13px;line-height:1.5}
.sound-visual-context>summary::-webkit-details-marker{display:none}
.sound-visual-context>summary>span{display:inline-block;transition:transform .35s cubic-bezier(.16,1,.3,1);font-size:20px}
.sound-visual-context[open]>summary>span{transform:rotate(45deg)}
.sound-context-note{max-width:650px;font-size:12px;line-height:1.6;color:#aaa;margin:0 0 28px}
@media(max-width:680px){
 .case-page .media-figure.is-portrait .media-stage>img,
 .case-page .media-figure.is-portrait .media-stage>video,
 .case-page .media-figure.media-display-contain .media-stage>img,
 .case-page .media-figure.media-display-contain .media-stage>video{width:min(100%,calc(74svh * var(--media-ratio,1)));max-height:74vh;max-height:74svh}
 .case-page .media-figure figcaption{gap:14px;align-items:flex-start}
 .case-page .media-caption-tools{flex-wrap:wrap;justify-content:flex-end;gap:7px 12px;max-width:105px}
 .case-page .media-original-link{font-size:8px}
 .sound-film-credit{display:block;padding-top:18px;font-size:10px}
 .sound-film-credit>p{margin-top:7px}
 .sound-film-credit>span:not(.micro){display:block;margin-top:5px}
 .sound-film-credit>a{display:inline-block;margin-top:16px}
 .sound-visual-context>summary{font-size:12px;padding-block:20px}
 .sound-context-note{font-size:11px}
}