body{padding-top:106px}html{scroll-padding-top:116px}
body>header{position:fixed;top:18px;left:5%;right:5%;z-index:50;height:74px;padding:15px 25px;gap:24px;border:1px solid #30302f12;border-radius:22px;background:rgba(249,249,246,.93);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 5px 25px #30302f09}
body>header .brand img{width:142px}body>header nav{gap:30px;align-items:center}body>header .contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 19px;background:var(--coral);color:#fff;border:0;border-radius:13px;white-space:nowrap;font-size:12px}
.menu-toggle{display:none}.mobile-nav{display:none}
@media(max-width:900px){body>header{left:3%;right:3%;gap:16px;padding:14px 18px}body>header nav{gap:18px;font-size:12px}body>header .brand img{width:130px}}
@media(max-width:700px){body{padding-top:90px}html{scroll-padding-top:98px}body>header{top:12px;left:14px;right:14px;height:64px;border-radius:18px;padding:12px 16px;gap:12px}body>header .brand img{width:117px}body>header>nav{display:none}body>header .contact-link{margin-left:auto;font-size:10px;min-height:36px;padding:9px 12px;border-radius:10px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:34px;height:36px;border:0;background:transparent;padding:5px;color:var(--ink)}.menu-toggle span{display:block;width:19px;height:1.5px;background:currentColor}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}body>header .mobile-nav:not([hidden]){position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:calc(100% + 9px);left:0;right:0;padding:10px 18px;background:var(--paper);border:1px solid #30302f12;border-radius:18px;box-shadow:0 12px 25px #30302f12;font-size:14px}body>header .mobile-nav a{display:block;padding:15px 5px}.mobile-nav a+a{border-top:1px solid #30302f12}.mobile-nav a::after{display:none}}
@media(max-width:370px){body>header .contact-link{font-size:9px;padding:9px}body>header .brand img{width:102px}body>header{gap:7px;padding-inline:12px}}
