/* Screen width matches Risk reporting at 60% of the card's height. */
.home .card-media{--home-screen-width:calc(60% * 558 / 816 * 1440 / 1158);--home-screen-shadow:0 6px 18px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.03);aspect-ratio:816/558}
.home-cover-media{background:#a7a5ae}
.home-cover-background{inset:0;width:100%;height:100%;object-fit:cover}
.home-project-screen,.home-cover-window,.home-metro-screen,.home-web-video{left:50%;top:50%;width:var(--home-screen-width);height:auto;max-height:60%;transform:translate(-50%,-50%);border-radius:8px}
.home-project-screen,.home-cover-window,.home-metro-screen{box-shadow:var(--home-screen-shadow)}
.home-cyber-media{background:#c3c0bb}
.home-cyber-monitor{left:50%;top:50%;height:100%;width:auto;aspect-ratio:3/2;transform:translate(-50%,-50%)}
.home-cyber-monitor-frame{position:absolute;inset:0;width:100%;height:100%}
.home-cyber-monitor-screen{position:absolute;left:15.54%;top:11.2%;width:69.28%;height:58.4%;overflow:hidden;border-radius:1px;background:#fff}
.home-cyber-monitor-screen img{width:100%;height:100%;object-fit:cover;object-position:top left}
.home-reporting-media{background:#a7a89d}
.home-reporting-background{left:-23.9%;top:-21.86%;width:128.43%;height:125.27%;object-fit:cover}
.home-project-screen.reporting{object-fit:contain}
.home-qatar-media{background:#e8e4d9}
.home-db-media{background:#dfdfdf}
.home-db-window{aspect-ratio:522/360;overflow:hidden;background:transparent}
/* Crop two source pixels from the right edge to exclude the screenshot seam. */
.home-db-window img{position:absolute;left:-38.122605%;top:-18.3333%;width:383.141762%;height:305.5556%}
.home-metro-screen{width:77.09%;aspect-ratio:1488/661;overflow:hidden;background:#fff}
/* Exclude the transparent margin around the source screenshot. */
.home-metro-screen img{position:absolute;left:-9.139785%;top:-48.260212%;width:118.279570%;height:199.697428%}
.home-workshop-media{background:#c9b8a4}
.home-workshop-photo{inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(.96)}
.home-web-video{display:block;aspect-ratio:64/37;object-fit:contain;border-radius:4px}
.home-web-video:focus-visible{outline:2px solid #5f4f9b;outline-offset:5px}
@media(max-width:820px){
  .home-project-screen,.home-cover-window,.home-metro-screen{border-radius:5px}
}
.card-soon{left:24px;top:24px;z-index:2;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:#1a1a1a;font-size:13px;letter-spacing:.3px;line-height:1;backdrop-filter:blur(8px)}
.project-title-end{white-space:nowrap}
.project-lock{display:inline-block;width:14px;height:14px;margin-left:8px;vertical-align:-1px;opacity:.75}
@media(max-width:820px){
  .card-soon{left:14px;top:14px;font-size:12px;padding:6px 10px}
}