/* Designed (non-photographic) case-study covers for engagements
   where documentary photography isn't available. */

.case-cover {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  overflow: hidden;
  background: var(--ink);
}
.case-cover::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.055) 1px, transparent 1px);
  background-size: 46px 46px;
}
.case-cover--gov {
  background: linear-gradient(155deg, #0b4fa2 0%, #08326a 55%, #061f44 100%);
}
.case-cover--edu {
  background: linear-gradient(155deg, #14243d 0%, #101a2b 60%, #1c2b45 100%);
}

.cover-art { position: relative; width: 78%; max-width: 300px; color: rgba(255,255,255,0.9); }
.cover-art svg { width: 100%; height: auto; display: block; }

.cover-caption {
  position: absolute; left: var(--s5); right: var(--s5); bottom: var(--s5);
  font-size: 0.6875rem; letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(255,255,255,0.62); line-height: 1.5;
}