.fade {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .6s cubic-bezier(0.2, 0.8, 0.2, 1), transform .6s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.fade.in { opacity: 1; transform: none; }

html.no-js .fade,
html.no-animations .fade {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.text-center { text-align: center; }
.text-balance { text-wrap: balance; }

.m-0 { margin: 0; }
.mb-4 { margin-bottom: var(--sp-4); }
.mb-8 { margin-bottom: var(--sp-8); }
.mb-12 { margin-bottom: var(--sp-12); }

.opacity-50 { opacity: 0.5; }
.mono { font-family: var(--font-mono); }