/* Media rhythm for project case studies. */
body.case-reference #main-content > section.case-media-showcase{padding:clamp(100px,13.89vw,200px) clamp(16px,2.22vw,32px);background:#fff!important;color:#080d10}
body.case-reference #main-content .case-media-showcase__feature{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:1.95;margin:0;border-radius:12px;background:#edf0f1}
body.case-reference #main-content .case-media-showcase__backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.case-reference #main-content .case-media-showcase__screen{position:relative;display:block;width:auto;max-width:72%;height:auto;max-height:82%;object-fit:contain;object-position:top;border-radius:8px;box-shadow:0 18px 55px rgba(8,13,16,.22)}
body.case-reference #main-content .case-media-showcase__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
body.case-reference #main-content .case-media-showcase__feature + .case-media-showcase__pair{margin-top:12px}
body.case-reference #main-content .case-media-showcase__pair li{min-width:0}
body.case-reference #main-content .case-media-showcase__pair figure{position:relative;overflow:hidden;aspect-ratio:1.33;margin:0;border-radius:12px;background:#f0f2f2}
body.case-reference #main-content .case-media-showcase__pair img{display:block;width:100%;height:100%;object-fit:cover}
body.case-reference #main-content .cs-band--gallery .cs-gallery{gap:12px}
body.case-reference #main-content .cs-band--gallery .cs-gallery-item{margin-bottom:clamp(24px,3vw,48px)}
body.case-reference #main-content .cs-band--gallery .cs-frame{border:0}
@media(max-width:992px){
 body.case-reference #main-content .case-media-showcase{padding-top:100px;padding-bottom:100px}
 body.case-reference #main-content .case-media-showcase__feature{aspect-ratio:1.15}
 body.case-reference #main-content .case-media-showcase__screen{width:auto;max-width:84%;max-height:78%}
 body.case-reference #main-content .case-media-showcase__pair{grid-template-columns:1fr}
 body.case-reference #main-content .case-media-showcase__pair figure{aspect-ratio:1.3}
 body.case-reference #main-content .cs-band--gallery .cs-gallery{grid-template-columns:1fr}
 body.case-reference #main-content .cs-band--gallery .cs-gallery-item:first-child{grid-column:auto}
}