/* Source credits stay attached to each scene, including photo-based films. */
.media-credit{position:absolute;left:14px;right:14px;bottom:12px;z-index:7;display:block;color:#fff;font:400 8px/1.45 Arial,Helvetica,sans-serif;letter-spacing:.025em;text-transform:none;white-space:pre-line;text-shadow:0 1px 3px #000,0 0 8px #0008;pointer-events:none}
.hero .media-credit{left:auto;right:var(--gutter);bottom:16px;text-align:right}
.portfolio-film .media-credit{left:var(--gutter);right:50%;bottom:30px}
.portfolio-bottom{justify-content:flex-end}
.detail-cell .media-credit{left:12px;right:12px;bottom:10px}
#vision .media-credit{left:var(--gutter);right:50%;bottom:27px}
#vision .vision-bottom{justify-content:flex-end}
.art-scene .film>.media-credit{display:none}
.has-credit-overlay .film>.media-credit{display:none}
.comparison-credits{position:absolute;left:14px;right:14px;bottom:10px;z-index:7;display:flex;justify-content:space-between;gap:16px;pointer-events:none}
.comparison-credits>.media-credit{position:static;max-width:48%}
.comparison-credits>.media-credit:last-child{text-align:right}
@media(max-width:760px){
 .portfolio-film .media-credit{bottom:25px;font-size:7px}
 .detail-cell .media-credit,.comparison-credits>.media-credit{font-size:7px}
 #vision .media-credit{bottom:25px;font-size:7px}
 .hero .media-credit{bottom:12px;font-size:7px}
}