#references .s-vis.has-photo{isolation:isolate;background:var(--fg);box-shadow:0 20px 38px -28px rgba(11,37,48,.45);border:1px solid rgba(11,37,48,.08);gap:14px}
#references .s-vis .reference-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2;transform:scale(1.045);transition:transform 5s cubic-bezier(.2,.65,.2,1);filter:saturate(.9)}
#references .slide.on .reference-photo{transform:scale(1)}
#references .s-vis.has-photo::before{z-index:-1;background:linear-gradient(180deg,rgba(11,37,48,.13) 0%,rgba(11,37,48,.04) 30%,rgba(11,37,48,.55) 65%,rgba(11,37,48,.92) 100%);pointer-events:none}
#references .s-vis.has-photo::after{content:"";position:absolute;inset:0;z-index:3;border:1px solid rgba(255,255,255,.18);border-radius:inherit;pointer-events:none}
#references .s-vis.has-photo .ctag{background:rgba(255,255,255,.95);color:var(--cool-ink);border:1px solid rgba(255,255,255,.5);box-shadow:0 3px 14px rgba(11,37,48,.08)}
#references .s-vis.has-photo .s-big{gap:12px;text-shadow:0 2px 14px rgba(0,0,0,.18)}
#references .s-vis.has-photo .s-big b{color:white}
#references .s-vis.has-photo .s-big span{color:#f1fafb;font-size:.95rem}
.reference-credit{align-self:end;justify-self:start;display:flex;align-items:center;gap:8px;font-size:.6rem;line-height:1.4;color:#e0eef1;text-decoration:none;width:fit-content;opacity:.86}
.reference-credit:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
#references .slide.on .s-vis:hover .reference-photo{transform:scale(1.025);transition-duration:1.2s}
#references #sc-1 .reference-photo{object-position:42% center}
#references #sc-3 .reference-photo{object-position:54% 58%}
@media(max-width:650px){#references .s-vis.has-photo{min-height:275px;padding:22px;gap:12px}.reference-credit{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){#references .s-vis .reference-photo{transition:none;transform:none}#references .slide.on .s-vis:hover .reference-photo{transform:none}}