*{box-sizing:border-box}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#eee7db}
.logo{font-weight:700;text-decoration:none;color:#222}
.nav__list{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav__list a{text-decoration:none;color:#333;font-weight:600}
.nav-toggle,.hamburger{display:none}
@media (max-width: 768px) {
.hamburger{display:grid;place-items:center;width:44px;height:44px;border:1px solid #00000014;border-radius:8px;background:#fff;cursor:pointer}
.nav-toggle{position:absolute;left:-9999px}
.nav{position:absolute;left:0;right:0;top:100%;background:#eee7db;border-top:1px solid #0000000f;display:none}
.nav__list{flex-direction:column}
.nav__list li{border-bottom:1px solid #0000000f}
.nav__list a{display:block;padding:14px 20px}
.nav-toggle:checked ~ .nav{display:block}
.nav{max-height:0;overflow:hidden;transition:max-height .25s ease}
.nav-toggle:checked ~ .nav{max-height:60vh}
}