.menu-overlay{position:absolute;top:0;left:0;display:none;width:100%;height:100%;background:#999c;z-index:1000;&.show{display:flex}}.site-navigation{position:fixed;top:27px;right:54px;display:flex;flex-direction:column;background-color:var(--color-primary);width:354px;z-index:1100;color:var(--color-white);font-family:gothic;font-size:30px;font-style:normal;font-weight:700;line-height:59px;text-transform:uppercase;& ul{list-style-type:circle;list-style:none;& li{display:flex;align-items:center;gap:1ch;margin-left:1rem;.marker{width:15px;height:15px;content:url(../icons/marker-circle.svg)}&:has(>.navigation__link--active) .marker{content:url(../icons/marker-disc.svg)}&:nth-child(5){text-transform:none}}& a{color:var(--color-white);text-decoration:none}}}.menu-title{display:flex;justify-content:space-between;& span{padding-left:21px;padding-top:21px;color:var(--color-primary);-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#fff;font-size:55px;font-style:normal;font-weight:700}& button{align-self:flex-start;border:none;background:none;cursor:pointer;margin-top:14px;margin-right:29.49px;z-index:10;transition:all .3s ease}}.hamburger{position:fixed;top:45.33px;right:45px;width:51.92px;height:2.7rem;font-size:inherit;transition:all .3s ease;cursor:pointer;font-size:2.2rem;z-index:1100;&.is-active{display:none}.line{position:absolute;right:0;width:100%;height:.125em;border-radius:.1px;background:currentColor;transition:inherit;&:nth-child(1){top:.125em}&:nth-child(2){top:.438em}&:nth-child(3){top:.75em}}}@media (max-width: 480px){.hamburger{top:20px;right:20px;width:30px}}