.site-footer{
        padding:54px 0 24px;
        background:#fffaf7;
        border-top:1px solid var(--line);
    }

    .footer-grid{
        display:grid;
        grid-template-columns:1.25fr .65fr 1fr 1fr;
        gap:clamp(28px,4vw,58px);
        align-items:start;
    }

    .footer-brand{
        max-width:290px;
    }

    .footer-logo{
        display:block;
        width:140px;
        height:140px;
        margin:-8px 0 16px;
    }

    .footer-logo img{
        display:block;
        width:100%;
        height:100%;
        object-fit:contain;
        object-position:left center;
    }

    .footer-brand p{
        max-width:270px;
        margin:0;
        color:var(--muted);
        font-size:14px;
        line-height:1.65;
    }

    .footer-col h4{
        margin:0 0 18px;
        color:var(--wine);
        font-size:12px;
        line-height:1;
        font-weight:700;
        letter-spacing:.1em;
        text-transform:uppercase;
    }

    .footer-col > a,
    .footer-nav a{
        display:block;
        width:max-content;
        max-width:100%;
        margin:9px 0;
        color:#66555a;
        font-size:14px;
        line-height:1.4;
        text-decoration:none;
        transition:color .2s ease;
    }

    .footer-col > a:hover,
    .footer-nav a:hover{
        color:#c86f82;
    }

    .footer-location + .footer-location{
        margin-top:20px;
    }

    .footer-location strong{
        display:block;
        margin:0 0 5px;
        color:#58464b;
        font-family:var(--serif);
        font-size:19px;
        line-height:1.15;
        font-weight:600;
    }

    .footer-location p{
        margin:0;
        color:var(--muted);
        font-size:13px;
        line-height:1.55;
    }

    .footer-socials{
        display:flex;
        align-items:center;
        flex-wrap:wrap;
        gap:10px;
        margin-top:22px;
    }

    .footer-socials a{
        width:38px;
        height:38px;
        flex:0 0 38px;
        display:grid;
        place-items:center;
        border:1px solid rgba(200,111,130,.34);
        border-radius:50%;
        background:#fff;
        color:#c86f82;
        text-decoration:none;
        transition:background-color .2s ease,border-color .2s ease,color .2s ease;
    }

    .footer-socials a:hover{
        border-color:#c86f82;
        background:#c86f82;
        color:#fff;
    }

    .footer-socials svg{
        width:18px;
        height:18px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.7;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    .footer-socials a:nth-child(2) svg,
    .footer-socials a:nth-child(3) svg,
    .footer-socials a:nth-child(4) svg{
        fill:currentColor;
        stroke:none;
    }

    .footer-bottom{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:24px;
        margin-top:38px;
        padding-top:22px;
        border-top:1px solid var(--line);
        color:#8a777d;
        font-size:11px;
        line-height:1.5;
    }

    .footer-legal{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        flex-wrap:wrap;
        gap:10px 20px;
    }

    .footer-legal a,
    .footer-legal button{
        margin:0;
        padding:0;
        border:0;
        background:transparent;
        color:#8a777d;
        cursor:pointer;
        font:inherit;
        line-height:1.5;
        text-decoration:none;
        transition:color .2s ease;
    }

    .footer-legal a:hover,
    .footer-legal button:hover{
        color:#c86f82;
    }

    @media (max-width:980px){
        .footer-grid{
            grid-template-columns:1.15fr .85fr;
            gap:38px 46px;
        }

        .footer-brand{
            max-width:340px;
        }
    }

    @media (max-width:620px){
        .site-footer{
            padding:46px 0 22px;
        }

        .footer-grid{
            grid-template-columns:1fr;
            gap:34px;
        }

        .footer-brand{
            max-width:none;
        }

        .footer-brand p{
            max-width:340px;
        }

        .footer-bottom{
            align-items:flex-start;
            flex-direction:column;
            gap:14px;
            margin-top:34px;
        }

        .footer-legal{
            justify-content:flex-start;
            gap:9px 16px;
        }
    }