/* The playground's cobalt texture (cobalt wash + grain + white dot grid), used wherever the page shows blue
   (founder 2026-11-16): the three scroll cards, the closing section, and behind the big footer wordmark. */
.tex, .slide .deck, .closing, .sky {
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3.4' intercept='-1.2'/%3E%3CfeFuncG type='linear' slope='3.4' intercept='-1.2'/%3E%3CfeFuncB type='linear' slope='3.4' intercept='-1.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background:
    var(--grain) 0 0 / 220px 220px,
    radial-gradient(34% 44% at 92% 18%, #fff 0%, rgba(255,255,255,.85) 35%, rgba(255,255,255,0) 75%),
    radial-gradient(46% 36% at 44% 14%, rgba(232,240,255,.95) 0%, rgba(232,240,255,0) 75%),
    radial-gradient(40% 46% at 34% 70%, rgba(214,228,254,.9) 0%, rgba(214,228,254,0) 75%),
    radial-gradient(38% 48% at 6% 20%, #1b4fc2 0%, rgba(27,79,194,.55) 40%, rgba(27,79,194,0) 75%),
    radial-gradient(46% 54% at 94% 94%, #163fa0 0%, rgba(22,63,160,.55) 40%, rgba(22,63,160,0) 75%),
    linear-gradient(135deg, #3a7cf2 0%, #8fb5fb 50%, #3170e8 100%) !important;
  background-blend-mode: overlay, normal, normal, normal, normal, normal, normal !important;
  isolation: isolate;
}
/* hide the old photos */
.slide .deck > img, .closing > img, .sky > img { display: none !important; }
/* the white dot grid, strongest top-left (like the reference), drifting slowly */
.slide .deck::before, .closing::after, .sky::before {
  content: "" !important; position: absolute; inset: -12%; z-index: 0; pointer-events: none; opacity: .55;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3E%3Crect x='2' y='2' width='3' height='3' fill='white'/%3E%3C/svg%3E") 0 0 / 7px 7px !important;
  -webkit-mask-image: radial-gradient(40% 46% at 16% 22%, #000 0%, rgba(0,0,0,.55) 45%, transparent 75%), radial-gradient(30% 36% at 86% 76%, rgba(0,0,0,.7) 0%, transparent 72%);
  mask-image: radial-gradient(40% 46% at 16% 22%, #000 0%, rgba(0,0,0,.55) 45%, transparent 75%), radial-gradient(30% 36% at 86% 76%, rgba(0,0,0,.7) 0%, transparent 72%);
  animation: texdrift 48s ease-in-out infinite alternate;
}
@keyframes texdrift { 0% { transform: translate3d(0,0,0); } 50% { transform: translate3d(-4%,3%,0); } 100% { transform: translate3d(3%,-3%,0); } }
@media (prefers-reduced-motion: reduce) { .slide .deck::before, .closing::after, .sky::before { animation: none; } }
/* keep the content above the texture */
.slide .deck > .ui, .slide .deck > .ask { z-index: 2; }
.closing .in { z-index: 2; }
.sky .word { z-index: 2; }
/* the stacked under-layers of the deck in cobalt tones */
.media::before { background: #8fb0ef !important; } .media::after { background: #b9cdf5 !important; }