/* Site footer only. */
.site-footer{
 width:min(100%,1536px);
 margin:0 auto;
 padding:0 5% 28px;
 background:#050505;
 overflow:clip;
}
.site-footer__main{
 position:relative;
 display:grid;
 grid-template-columns:minmax(340px,1.55fr) repeat(3,minmax(130px,.65fr));
 gap:clamp(42px,5.2vw,80px);
 padding:clamp(54px,5.2vw,76px) 0 clamp(48px,4.7vw,68px);
}
.site-footer__main::before,
.site-footer__bottom::before{
 content:"";
 position:absolute;
 top:0;
 left:50%;
 width:100vw;
 height:1px;
 background:rgba(245,243,241,.1);
 transform:translateX(-50%);
 pointer-events:none;
}
.site-footer__brand{min-width:0}
.site-footer__logo{display:block;width:max-content;max-width:100%}
.site-footer__logo img{
 display:block;
 width:auto;
 height:34px;
 max-width:100%;
 object-fit:contain;
 mix-blend-mode:lighten;
}
.site-footer__brand>p{
 margin:24px 0 0;
 color:#918e90;
 font-size:14px;
 font-weight:300;
 line-height:1.65;
}
.site-footer__socials{
 display:flex;
 align-items:center;
 gap:10px;
 margin-top:25px;
}
.site-footer__socials a{
 display:grid;
 place-items:center;
 width:39px;
 height:39px;
 border:1px solid rgba(245,243,241,.13);
 border-radius:10px;
 background:#0b0b0c;
 color:#aaa7a8;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
 cursor:pointer;
 transition:color .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease,transform .28s ease;
}
.site-footer__socials svg{
 width:18px;
 height:18px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.45;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.site-footer__socials .site-footer__social-icon--brand{
 fill:currentColor;
 stroke:none;
}
.site-footer__socials a:hover,
.site-footer__socials a:focus-visible{
 border-color:rgba(181,18,27,.5);
 background:rgba(181,18,27,.045);
 color:#f2f0ef;
 box-shadow:inset 0 -1px 0 rgba(181,18,27,.12),0 0 13px rgba(181,18,27,.07);
 transform:translateY(-2px);
}
.site-footer__column{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:13px;
 min-width:0;
}
.site-footer__column h2{
 margin:0 0 9px;
 color:#777476;
 font-size:11px;
 font-weight:700;
 line-height:1;
 letter-spacing:.22em;
}
.site-footer__column a{
 position:relative;
 color:#c5c2c3;
 font-size:14px;
 font-weight:400;
 line-height:1.45;
 transition:color .24s ease,transform .24s ease;
}
.site-footer__column a::before{
 content:"";
 position:absolute;
 top:50%;
 left:-13px;
 width:5px;
 height:1px;
 background:var(--red);
 opacity:0;
 transform:translateY(-50%);
 transition:opacity .24s ease;
}
.site-footer__column a:hover,
.site-footer__column a:focus-visible{
 color:#f4f2f1;
 transform:translateX(5px);
}
.site-footer__column a:hover::before,
.site-footer__column a:focus-visible::before{opacity:.78}
.site-footer__bottom{
 position:relative;
 display:flex;
 align-items:center;
 min-height:58px;
}
.site-footer__bottom p{
 margin:0;
 color:#767375;
 font-size:12px;
 font-weight:300;
 line-height:1.5;
}
@media(max-width:900px){
 .site-footer__main{
  grid-template-columns:minmax(280px,1.35fr) repeat(3,minmax(105px,.65fr));
  gap:32px;
 }
}
@media(max-width:700px){
 .site-footer{padding:0 6% 22px}
 .site-footer__main{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px 28px;
  padding:49px 0 46px;
 }
 .site-footer__brand{grid-column:1/-1}
 .site-footer__logo img{height:31px}
 .site-footer__column:first-of-type{grid-column:1}
 .site-footer__column:last-of-type{grid-column:1/-1}
 .site-footer__bottom{min-height:55px}
}
@media(max-width:440px){
 .site-footer__main{grid-template-columns:1fr;gap:36px}
 .site-footer__brand,.site-footer__column:first-of-type,.site-footer__column:last-of-type{grid-column:auto}
 .site-footer__column{gap:12px}
}
@media(prefers-reduced-motion:reduce){
 .site-footer__socials a,.site-footer__column a,.site-footer__column a::before{transition:none}
 .site-footer__socials a:hover,.site-footer__socials a:focus-visible{transform:none}
 .site-footer__column a:hover,.site-footer__column a:focus-visible{transform:none}
}
