.footer{
  position:relative;
  overflow:hidden;
  background:linear-gradient(118deg,#15569a 0%,#12477f 45%,#10395f 100%);
  color:#fff;
}
.footer:before{
  content:"";
  position:absolute;
  width:470px;
  height:470px;
  right:-210px;
  top:-315px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 72px rgba(255,255,255,.025);
  pointer-events:none;
}
.footer-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.15fr .8fr 1fr 1.15fr;
  gap:clamp(24px,4vw,58px);
  padding:54px 0 46px;
}
.footer-about{max-width:270px}
.footer-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.footer-brand img{width:44px;height:35px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.footer-brand b{font-size:16px;letter-spacing:.01em;color:#fff}
.footer-brand .gold{color:#e5c78c}
.footer-brand small{margin-top:4px;color:#d2e0ee;font-size:10px;letter-spacing:.03em}
.footer-about>p,.footer-column>p{margin:17px 0 0;color:#d2deeb;font-size:12px;line-height:1.85}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-column h2{margin:2px 0 7px;color:#fff;font:700 16px var(--display);letter-spacing:-.01em}
.footer-subheading{margin:9px 0 -3px;color:#f0d8a9;font:700 12px var(--display)}
.footer-column>a{color:#d5e1ed;font-size:12px;line-height:1.55;text-decoration:none;transition:color .18s ease,transform .18s ease}
.footer-column>a:hover{color:#fff;transform:translateX(2px)}
.footer-contact>p{margin:-2px 0 5px;max-width:240px}
.footer-contact .footer-contact-link{display:flex;align-items:center;gap:9px;margin:2px 0 0;color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s ease,transform .2s ease}
.footer-contact .footer-contact-link:hover{color:#f0d8a9;transform:translateX(3px)}
.footer-contact-link span:first-child{color:#e4c58a;font-size:15px}
.footer-contact-link span:last-child{color:#e4c58a;font-size:13px}
.footer-contact>small{color:#cfdae6;font-size:10px}
.footer-column>a.footer-official{margin-top:8px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.35);color:#f0d8a9;text-decoration:none;transition:border-color .2s ease,color .2s ease}
.footer-column>a.footer-official:hover{color:#fff;border-bottom-color:#fff}
.footer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:17px 0 19px;border-top:1px solid rgba(255,255,255,.18);color:#d0dce8;font-size:11px;letter-spacing:0}
.footer-bottom a{color:#f0d8a9;text-decoration:none;transition:color .2s ease}
.footer-bottom a:hover{color:#fff;text-decoration:underline}
@media(max-width:900px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px 48px;padding:44px 0 38px}
  .footer-about{max-width:340px}
}
@media(max-width:560px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px;padding:38px 0 30px}
  .footer-about{grid-column:1/-1;max-width:360px}
  .footer-column h2{font-size:14px}
  .footer-column>a{font-size:11px}
  .footer-bottom{justify-content:flex-start;gap:11px 18px;font-size:10px}
  .footer-bottom span:last-of-type{width:100%;order:3}
}
@media(max-width:360px){
  .footer-grid{grid-template-columns:1fr}
  .footer-about{grid-column:auto}
}