/* Approved homepage footer: one source for every existing page. */
footer{font-family:"DM Sans",Arial,sans-serif;font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;text-transform:none}
footer a:focus-visible{outline:revert;outline-offset:revert}
footer .container{width:min(calc(100% - 92px),1440px);margin-inline:auto}
footer{background:var(--ink);color:#f4f0e8;padding:84px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding-bottom:75px}
.footer-brand{max-width:420px}
.footer-brand img{display:block;width:210px;height:auto;max-width:100%;margin-bottom:22px}
.footer-brand p{font-size:15px;color:#afada5;line-height:1.6;max-width:320px;margin:0 0 25px}
.footer-social-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px;max-width:420px}
.footer-social-links a{display:inline-grid;place-items:center;width:36px;height:36px;color:#d3d1cb;transition:color .2s,transform .2s}
.footer-social-links svg{display:block;width:20px;height:20px;fill:currentColor}
.footer-social-links a:hover{transform:translateY(-2px)}
.footer-social-links a[aria-label="Facebook"]:hover{color:#1877f2}
.footer-social-links a[aria-label="X"]:hover{color:#fff}
.footer-social-links a[aria-label="Instagram"]:hover{color:#e4405f}
.footer-social-links a[aria-label="YouTube"]:hover{color:#ff0033}
.footer-social-links a[aria-label="Beatport"]:hover{color:#01ff95}
.footer-social-links a[aria-label="Spotify"]:hover{color:#1ed760}
.footer-social-links a[aria-label="TikTok"]:hover{color:#25f4ee}
.footer-social-links a:focus-visible{outline:2px solid var(--moss);outline-offset:2px}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.footer-links b{display:block;margin-bottom:25px;color:#9a998f;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.footer-links a{display:block;margin-bottom:14px;font-size:13px;font-weight:700}
.footer-links a:hover{color:var(--moss)}
.footer-bottom{border-top:1px solid #44443e;padding-top:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#a09e98}
@media(max-width:1150px){
footer .container{width:min(calc(100% - 60px),1440px)}
}
@media(max-width:800px){
footer .container{width:calc(100% - 42px)}
.footer-grid{grid-template-columns:1fr;gap:55px;padding-bottom:65px}
.footer-brand img{width:200px}
}
@media(max-width:600px){
.footer-links{gap:28px}
.footer-bottom{flex-wrap:wrap;line-height:1.6}
}