/* Serenity image presentation; shared case-study typography and navigation remain unchanged. */
body.vinz-case .sh-hero{height:auto!important;max-height:none!important;max-block-size:none!important;aspect-ratio:auto!important;background:#111}
body.vinz-case .sh-hero .hero__plate{position:relative!important;inset:auto!important;height:auto!important}
body.vinz-case .sh-hero .sh-figure{margin:0!important;border-radius:0!important}
body.vinz-case .sh-hero .sh-figure picture{padding:0;background:transparent}
body.vinz-case .sh-figure{overflow:visible!important}
body.vinz-case .sh-figure picture{display:block;padding:0;background:transparent;border-radius:12px;cursor:zoom-in;overflow:hidden}
body.vinz-case .sh-figure picture:focus-visible{outline:2px solid white;outline-offset:6px}
body.vinz-case .sh-figure img.shot{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important}
body.vinz-case .sh-figure figcaption{font-size:14px;line-height:1.6;color:#aaa;margin-top:14px}
body.vinz-case .sh-hero figcaption{padding:0 24px 20px}
body.vinz-case .sh-figure figcaption a{color:inherit;text-decoration:underline;white-space:nowrap}
body.vinz-case .sh-pages{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;margin-top:32px}
body.vinz-case .sh-pages .sh-figure{margin:0!important;min-width:0}
body.vinz-case .sh-home-overview picture{height:clamp(300px,65vw,900px);overflow:hidden;background:#f3fefe}
body.vinz-case .sh-home-overview img.shot{object-position:center top!important}
@media(max-width:767px){body.vinz-case .sh-pages{gap:32px}body.vinz-case .sh-figure figcaption{font-size:12px}}
#work-serenity .work__shot{object-fit:cover!important;object-position:center top!important}
/* Let the artwork use the full reading width and appear without delayed reveal gaps. */
body.vinz-case .sh-figure{padding:0!important;max-width:none!important}
body.vinz-case .sh-pages,body.vinz-case .sh-pages .sh-figure{opacity:1!important;transform:none!important}