* { box-sizing: border-box; }
html { color: #242222; background: #fff; font-family: Arial, Helvetica, sans-serif; }
body { margin: 0; }
.landing { min-height: 100svh; max-width: 1400px; margin: auto; padding: clamp(64px, 16.5vh, 145px) 24px 64px; text-align: center; }
.brand { max-width: 650px; margin: 0 auto; line-height: 0; }
.brand img { display: block; width: 100%; height: auto; }
a { color: inherit; text-underline-offset: 4px; }
.menu-link { display: inline-block; margin: 70px 0 76px; font-size: clamp(25px, 3.2vw, 44px); font-weight: 1000; letter-spacing: -1.5px; text-decoration: none; color: #000; }
.menu-link:hover { background: #ffe600; }
a:focus-visible { outline: 3px solid #242222; outline-offset: 6px; background: #ffe600; }
.contacts h2 { margin: 0 0 4px; font-size: 27px; font-weight: 1000; letter-spacing: -1px; color: #000; }
.contacts p { margin: 4px 0; font-size: 21px; line-height: 1.3; }
.contacts p a { font-weight: 700; text-decoration: none; }
.contacts p:first-of-type a { text-decoration: underline; }
.contacts a:hover { text-decoration: underline; }
.whatsapp { display: inline-block; margin-top: 12px; font-size: 14px; }
.character { display: block; width: 110px; height: auto; margin: 28px auto 0; }
@media (max-width: 600px) {
    .landing { padding: 72px 20px 40px; }
    .menu-link { margin: 52px 0 60px; letter-spacing: -1px; }
    .contacts h2 { font-size: 24px; }
    .contacts p { margin: 10px 0; font-size: 16px; line-height: 1.6; }
    .contacts p a { display: block; }
    .character { margin-top: 28px; width: 94px; }
}

.menu-link { max-width: 100%; overflow-wrap: anywhere; }
.contacts p { overflow-wrap: anywhere; }
.contacts p:nth-of-type(n+2) a { text-transform: uppercase; }