.project-cover { position: relative; min-height: 236px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
.atmovio .project-cover { background: #152b46; color: #fff; }
.mpocasi .project-cover { background: #e2eefb; color: #1b4976; }
.project-cover::before, .project-cover::after { content: ''; position: absolute; width: 320px; height: 320px; border: 1px solid currentColor; opacity: .08; border-radius: 50%; right: -100px; top: -160px; pointer-events: none; }
.project-cover::after { width: 420px; height: 420px; right: -150px; top: -210px; }
.project-symbol { font-size: 45px; line-height: 1; margin-bottom: 14px; color: #8fbaff; }
.mpocasi .project-symbol { color: #af6500; }
.project-wordmark { font-size: 38px; letter-spacing: -.06em; font-weight: 700; line-height: 1.2; }
.project-cover-note { font-size: 11px; margin-top: 9px; opacity: .75; letter-spacing: .03em; }