.mobile-nav-link {
    display: none;
}

@media (max-width: 1120px) {
    .site-header {
        gap: 12px;
    }

    .site-header .brand {
        min-width: 0;
        margin-right: auto;
    }

    .site-header .nav-toggle {
        display: grid;
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        margin-left: auto;
        padding: 0;
        place-items: center;
        border: 1px solid #e5e1da;
        border-radius: 50%;
        color: #1d1c20;
        background: #fff;
        cursor: pointer;
        line-height: 1;
    }

    .site-header .header-actions {
        display: none;
    }

    .site-header nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 20;
        gap: 0;
        padding: 12px 18px 18px;
        flex-direction: column;
        align-items: flex-start;
        background: #fff;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 18px 35px rgba(29, 28, 32, .12);
    }

    .site-header nav.open {
        display: flex;
    }

    .site-header nav a {
        width: 100%;
        padding: 13px 4px;
        border-bottom: 1px solid #eee9e1;
        font-size: 13px;
    }

    .site-header nav a:last-child {
        border-bottom: 0;
    }

    .site-header nav .mobile-nav-link {
        display: block;
    }

    .site-header nav .mobile-nav-quote {
        margin-top: 10px;
        padding: 13px 16px;
        border: 0;
        border-radius: 999px;
        color: #fff;
        background: #1d1c20;
        text-align: center;
    }
}

@media (max-width: 680px) {
    .site-header .brand-image {
        width: min(172px, calc(100vw - 92px));
        height: 44px;
    }

    .hero-copy {
        padding-bottom: 34px;
    }

    .hero-visual {
        min-height: 320px;
        background: linear-gradient(180deg, #fff 0%, #f7f8fb 100%);
    }

    .hero-visual .hero-product-image {
        width: 112%;
        height: 112%;
        right: -6%;
        bottom: -10%;
        padding: 0;
        object-position: center bottom;
    }
}