$avenir: $font-stack-avenir-next;
$yellow: #fffac0;
html {
    scroll-behavior: smooth;
}
.page-template-page-lp {
    // Globals.
    max-width: unset;

    // Reset sizing.
    * {
        box-sizing: border-box;
    }

    // Update container class.
    .container-lp {
        max-width: 1200px;
        margin: auto;
        padding: 0 30px;
    }

    .no-mobile {
        display: none;
        @include bp($bp-col10) {
            display: block;
        }
    }

    .flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    // Header.
    @import "./header";

    // Hero.
    @import "./hero";

    // Intro.
    @import "./intro";

    // Content.
    @import "./content";

    // Footer.
    @import "./footer";
}