html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Checkered-flag accent strip — recreated in CSS, not copied from his card */
.checker {
    background-image:
        linear-gradient(45deg, #111 25%, transparent 25%, transparent 75%, #111 75%),
        linear-gradient(45deg, #111 25%, transparent 25%, transparent 75%, #111 75%);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
    background-color: #fff;
}

/* Angled "speed" cut used on the hero + section dividers */
.skew-band {
    transform: skewY(-2.5deg);
}

.skew-band>* {
    transform: skewY(2.5deg);
}

.display-italic {
    font-family: '"Saira Condensed"', sans-serif;
    font-style: italic;
}