@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&display=swap');
header{height:132px;padding-inline:4%;gap:24px}
.brand{gap:16px;flex-shrink:0;font-family:'Fredoka','Trebuchet MS',sans-serif;font-size:clamp(38px,3.5vw,54px);font-weight:600;letter-spacing:-.035em;line-height:1.15;color:#00828b}
.brand img{width:104px;height:116px;object-fit:contain}
.brand-word{white-space:nowrap}
.brand-n{color:#ed7d24}
.brand .vip{font-size:.6em;color:#e56b28;letter-spacing:-.02em;margin-left:2px}
html{scroll-padding-top:140px}
@media(max-width:1100px){header{gap:18px}nav{gap:18px}.brand{font-size:40px;gap:10px}.brand img{width:90px;height:104px}}
@media(min-width:701px) and (max-width:900px){header{flex-wrap:wrap;height:auto;padding-block:8px;justify-content:center;gap:8px}nav{width:100%;justify-content:center;padding-bottom:12px}.brand img{height:90px;width:80px}.brand{font-size:44px}}
@media(max-width:700px){header{height:110px;padding-inline:4%;gap:10px}.brand{font-size:clamp(29px,7.7vw,42px);gap:8px}.brand img{width:74px;height:98px}.menu{padding:10px;flex-shrink:0}.menu span{margin-left:4px}nav{top:110px}.brand .vip{font-size:.52em}}
@media(max-width:360px){.brand{font-size:28px;gap:5px}.brand img{width:60px;height:88px}.menu{font-size:12px;padding:8px}.menu span{display:none}}