/* css/snippets/filaments-of-memory.css
   Snippet-specific layout for: Filaments of Memory
*/

.snippet--filaments-of-memory {
  --snippet-bg: url("../../img/snippets/filaments-of-memory.webp");
}

.snippet--filaments-of-memory .snippet-overlay {
  --half: clamp(140px, 12vmin, 260px);

  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.26) 0%,
    rgba(0,0,0,0.70) calc(50% - var(--half)),
    rgba(0,0,0,0.90) calc(50% - 56px),
    rgba(0,0,0,0.90) calc(50% + 56px),
    rgba(0,0,0,0.70) calc(50% + var(--half)),
    rgba(0,0,0,0.26) 100%
  );
}

.snippet--filaments-of-memory .snippet-bg {
  background-position: center 24%;
}

.snippet--filaments-of-memory .snippet-text {
  text-align: center;
  max-width: 54ch;
  margin: 0 auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.snippet--filaments-of-memory .snippet-signature {
  text-align: center;
}