/* scanmememories.com: bespoke layer on Theme B */
.title{position:relative;display:inline-block;font-stretch:76%;font-weight:750;animation:scan-reveal 1.6s cubic-bezier(.6,0,.3,1) .2s both}
.title::after{content:"";position:absolute;top:-6%;bottom:-6%;width:3px;left:0;background:#fff;box-shadow:0 0 18px 4px var(--accent);animation:scan-line 1.6s cubic-bezier(.6,0,.3,1) .2s both;pointer-events:none}
.tagline{color:var(--text)}
.status{color:var(--accent2)}
.status::before{background:var(--accent2);box-shadow:0 0 10px var(--accent2)}
.btn-primary{background:var(--accent);color:#04201e}
.instrument{border-color:rgba(143,247,234,.25);box-shadow:inset 0 0 60px rgba(0,0,0,.5),0 30px 80px -40px rgba(143,247,234,.35)}
.notes{border-top:1px solid rgba(143,247,234,.12);max-width:none}
.note h2{font-stretch:80%;font-weight:700}
.connect{background:linear-gradient(180deg,transparent,rgba(143,247,234,.04))}
.connect h2{font-stretch:78%;font-weight:750;letter-spacing:-.02em}
.mark{font-stretch:78%;font-weight:750}
@keyframes scan-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes scan-line{from{left:0;opacity:1}90%{opacity:1}to{left:100%;opacity:0}}
@media (prefers-reduced-motion:reduce){.title::after{display:none}}
