@media(max-width:700px){body header{position:relative;padding:20px 6%}body header .brand{max-width:calc(100% - 64px);gap:12px}body header .brand-name{font-size:1rem}body header .mark{padding-right:12px}body header .mark .official-logo{width:70px;max-width:70px}body header #menu{display:flex!important;align-items:center;justify-content:center;position:absolute;right:6%;top:25px;width:48px;height:48px;padding:0;font-size:1.75rem;line-height:1;color:#eeeaf2;background:linear-gradient(#642982,#310c48);border:1px solid #d6cddd;border-radius:9px;box-shadow:0 2px 8px #24052f30}body header nav,body header nav.open{display:none!important;flex-wrap:wrap;white-space:normal;margin-top:18px;padding:10px;border:1px solid #bda9ce;border-radius:12px;background:linear-gradient(135deg,#54216f,#2c0b41);gap:0;box-shadow:0 6px 15px #28093b30}body header nav.open{display:flex!important;flex-direction:column;align-items:stretch}body header nav a{display:block;width:100%;font-size:1rem;line-height:1.4;white-space:normal;padding:12px 14px;color:#f5edf9;border-bottom:1px solid #a68ab54d}body header nav a:last-child{border-bottom:0}body header nav a[aria-current],body header nav a:hover{color:white;background:#8b58a64d;border-color:#d7c8e1;border-radius:5px}body header #menu:hover{box-shadow:0 0 14px #c99af07a}}