
.header .nav,.header .nav.open{inset:0;border-radius:0;background:#303231;color:#f1f2ef;padding:clamp(70px,16vh,150px) 5vw 110px;display:block}
.menu-heading{display:flex;align-items:center;gap:64px;margin-bottom:42px}.menu-heading>span{font:400 1.5rem/1.2 Arial,sans-serif;letter-spacing:.16em}
.header .nav .menu-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:240px;min-height:60px;padding:10px 20px;background:#cdb680;color:#232720;border-radius:3px;font:500 1.1rem/1.4 Arial,sans-serif;letter-spacing:.07em;transform:none;opacity:1;text-decoration:none}
.menu-contact small{font:400 .875rem/1.5 var(--sans);letter-spacing:.04em}.header .nav .menu-contact:hover{background:#e1cea3}
.menu-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.menu-group{position:relative;border:1px solid #606460;border-radius:3px;padding:24px;min-width:0}.menu-group h2{font:400 1.1rem/1.3 Arial,sans-serif;letter-spacing:.09em;color:#f1f2ef;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #626662}.menu-group h2 small{display:block;font:400 .875rem/1.6 var(--sans);letter-spacing:.02em;color:#bec3bb;margin-top:6px}
.header .nav .menu-group a{display:block;min-height:40px;padding:9px 0;font:400 .9375rem/1.55 var(--sans);letter-spacing:.02em;color:#e1e4df;transform:none;opacity:1;border:0;text-decoration:none;overflow-wrap:anywhere;transition:color .2s}.header .nav a:before,.header .nav a:after{display:none}.header .nav .menu-group a:hover{color:#d8bb7b}.header .nav a:focus-visible{outline:2px solid #d8bb7b;outline-offset:4px}
.header .nav-bottom{margin-top:26px;display:flex;justify-content:space-between}.nav-language{color:#f1f2ef}.menu-group{scroll-margin-top:100px}
@media(max-width:800px){.header .nav,.header .nav.open{padding:42px 24px 110px}.menu-heading{gap:24px;justify-content:space-between;margin-bottom:28px}.menu-heading>span{font-size:1.2rem}.header .nav .menu-contact{width:180px}.menu-columns{grid-template-columns:1fr;gap:20px}.menu-group{padding:20px}.header .nav-bottom{gap:22px}.menu-group h2{font-size:1rem}}
@media(max-width:380px){.menu-heading{align-items:flex-start;flex-direction:column}}
