html {
    scroll-behavior: smooth;
}

body {
    letter-spacing: 0;
}

.reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .55s ease, transform .55s ease;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.project-card {
    content-visibility: auto;
    contain-intrinsic-size: 320px;
}

.modal-open {
    overflow: hidden;
}