.institution-socials{padding:42px 0 44px;border-top:1px solid #dce5de}
.socials-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:27px}
.socials-heading h2{font:500 45px/1.06 var(--display);letter-spacing:-.025em;color:#294233;margin:14px 0 0}
.socials-heading p{font:11px/1.85 var(--sans);color:#607468;margin:0;max-width:285px}
.socials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.social-link{--social-color:#b55b22;--social-wash:#f9f1eb;position:relative;display:block;min-width:0;padding:23px 50px 24px 23px;border:1px solid #becdc2;border-left:4px solid var(--social-color);background:repeating-linear-gradient(0deg,transparent 0 3px,#2e654104 3px 4px),#fff;box-shadow:3px 4px 0 #e1e9e2;color:#294233;text-decoration:none;transition:background-color .2s,box-shadow .2s}
.social-link:before{content:"";position:absolute;inset:7px;border:1px solid #dfe7e1;pointer-events:none}
.social-vk{--social-color:#3d6f9e;--social-wash:#eef4fa}
.social-telegram{--social-color:#438999;--social-wash:#eff7f9}
.social-rutube{--social-color:#a75047;--social-wash:#fbf1ef}
.social-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--social-color);border-radius:50%;background:var(--social-wash);color:var(--social-color);font:600 11px var(--sans);letter-spacing:.04em;margin-bottom:22px}
.social-link strong{display:block;font:600 26px/1.1 var(--display);letter-spacing:-.01em;overflow-wrap:normal}
.social-link small{display:block;font:10px/1.7 var(--sans);color:#667c6e;margin-top:9px}
.social-handle{position:absolute;right:23px;top:calc(50% - 15px);width:10px;height:30px;border:1px solid #8da18a;border-radius:5px;background:linear-gradient(90deg,#b2c0a8,#fafcf0 43%,#b6c5a9);box-shadow:1px 2px 1px #385d3825}
.social-handle:before{content:"";position:absolute;right:-2px;top:8px;width:25px;height:5px;border:1px solid #90a087;border-radius:4px;background:linear-gradient(#fffff7,#b8c8ae);box-shadow:0 2px 1px #58795850;transform-origin:right center;transition:transform .18s}
.social-link:hover,.social-link:focus-visible{background-color:var(--social-wash);box-shadow:4px 5px 0 #d4e2d9}
.social-link:hover .social-handle:before,.social-link:focus-visible .social-handle:before{transform:rotate(-16deg)}
.social-link:active .social-handle:before{transform:rotate(-35deg)}
.social-link:focus-visible{outline:2px solid #315c46;outline-offset:5px}
.room-screen.active~.institution-socials{display:none}
.high-access .social-link small,.high-access .socials-heading p{font-size:16px}
@media(max-width:1100px){.socials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-link{padding:23px 55px 24px 23px}}
@media(max-width:760px){.institution-socials{padding:30px 0 35px}.socials-heading{display:block;margin-bottom:24px}.socials-heading h2{font-size:38px}.socials-heading p{font-size:11px;margin-top:15px;max-width:none}.socials-grid{grid-template-columns:1fr;gap:15px}.social-link{padding:19px 59px 20px 20px;min-height:102px;display:grid;grid-template-columns:42px 1fr;column-gap:15px;align-content:center;align-items:center}.social-mark{grid-row:1/3;margin:0;width:35px;height:35px}.social-link strong{font-size:27px}.social-link small{margin-top:5px}.social-handle{right:22px}}
@media(prefers-reduced-motion:reduce){.social-link,.social-handle:before{transition:none}}