.socials{background:#080b13;color:#fff;display:grid;grid-template-columns:.68fr 1.32fr;min-height:590px}
.social-brand{background:#000;display:grid;place-items:center;padding:50px;overflow:hidden}
.social-brand img{width:min(520px,100%);mix-blend-mode:screen}
.social-copy{align-self:center;padding:70px max(30px,7vw)}
.social-copy small{color:#ffcc33;font-size:10px;font-weight:700;letter-spacing:.16em}
.social-copy h2{font-size:clamp(45px,5.2vw,80px);line-height:.94;letter-spacing:-.055em;font-style:italic;margin:16px 0}
.social-copy>p{color:#aab2c4;font-size:14px}
.social-links{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));border-top:1px solid #ffffff20;margin-top:35px}
.social-links a{padding:22px 14px;border-right:1px solid #ffffff20;transition:.2s}
.social-links a:hover{background:#ffcc33;color:#101c45}
.social-links b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff45;border-radius:50%;font-size:11px;margin-bottom:17px}
.social-links span,.social-links em{display:block}
.social-links span{font-size:12px;font-weight:700}
.social-links em{font-size:9px;color:#8e97aa;font-style:normal;margin-top:5px}
.social-links a:hover em{color:#394467}
@media(max-width:900px){.socials{grid-template-columns:1fr}.social-brand{height:250px;padding:30px}.social-brand img{width:310px}.social-copy{padding:55px 22px 70px}.social-copy h2{font-size:44px}.social-links{grid-template-columns:1fr 1fr}.social-links a{border-bottom:1px solid #ffffff20}.social-links a:last-child{grid-column:1/-1}}