.related-navigation{position:relative;padding:clamp(62px,7vw,96px) 0;background:#080d0f;color:#fff;content-visibility:auto;contain-intrinsic-size:620px}
.related-navigation::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 20%,rgba(216,166,74,.1),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 45%)}
.related-navigation .uk-container{position:relative}.related-navigation__head{margin-bottom:34px}.related-navigation__head span{color:#d8a64a;font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.related-navigation__head h2{max-width:760px;margin:10px 0 0;color:#f5f0e8;font:400 clamp(35px,4vw,57px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.related-navigation__grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;border:1px solid rgba(216,166,74,.28);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.018)}
.related-navigation nav{min-width:0;padding:30px}.related-navigation nav+nav{border-left:1px solid rgba(216,166,74,.22)}
.related-navigation nav>strong{display:block;margin-bottom:17px;color:#d8a64a;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.related-navigation ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.related-navigation li+li{border-top:1px solid rgba(255,255,255,.08)}.related-navigation li a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;color:rgba(255,255,255,.84)!important;font-size:14px;line-height:1.45;text-decoration:none!important;transition:color .2s ease}
.related-navigation li a span{color:#d8a64a;font-size:18px;transition:transform .2s ease}.related-navigation li a:hover{color:#fff!important}.related-navigation li a:hover span{transform:translateX(4px)}
.related-navigation__cities>div{display:flex;flex-wrap:wrap;gap:9px}.related-navigation__cities>div a{padding:9px 13px;border:1px solid rgba(216,166,74,.24);border-radius:999px;color:rgba(255,255,255,.74)!important;font-size:12px;text-decoration:none!important;transition:border-color .2s ease,color .2s ease,background .2s ease}
.related-navigation__cities>div a:hover{border-color:rgba(216,166,74,.65);background:rgba(216,166,74,.08);color:#fff!important}
@media(max-width:959px){.related-navigation__grid{grid-template-columns:1fr 1fr}.related-navigation__cities{grid-column:1/-1;border-top:1px solid rgba(216,166,74,.22);border-left:0!important}}
@media(max-width:639px){.related-navigation{padding:54px 0}.related-navigation__head{margin-bottom:25px}.related-navigation__grid{grid-template-columns:1fr;border-radius:19px}.related-navigation nav{padding:24px}.related-navigation nav+nav,.related-navigation__cities{grid-column:auto;border-top:1px solid rgba(216,166,74,.22);border-left:0}.related-navigation__head h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.related-navigation a,.related-navigation li a span{transition:none}}