html{scroll-padding-top:105px}
.site-header{display:block;position:sticky;top:0;z-index:40;max-width:none;width:100%;height:auto;margin:0;padding:0;background:#fff9eaf2;border-bottom:1px solid #d5b78d;box-shadow:0 3px 12px #79532808;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;max-width:1200px;min-height:88px;margin:auto;padding:14px 30px}
.site-header .logo{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:24px;font-weight:800;letter-spacing:1px;line-height:1.2;border-radius:12px;min-height:55px}
.site-header .brand-mascot{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.brand-text{display:flex;flex-direction:column;gap:5px}.brand-name{font-size:24px;font-weight:800;letter-spacing:1px}.site-header .brand-text small{font-size:10px;letter-spacing:2px;color:#9b734d;line-height:1.4;font-weight:600}
.site-header .nav{position:static;display:flex;align-items:center;gap:6px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;flex-direction:row}
.site-header .nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:0;border-radius:25px;font-size:13px;font-weight:600;letter-spacing:.3px;color:#755336;white-space:nowrap;transition:background .16s ease,color .16s ease}
.site-header .nav a:hover,.site-header .nav a:focus-visible{background:#f6e5c4;color:#533522;border:0}
.site-header .menu-toggle{display:none}
@media(max-width:760px){html{scroll-padding-top:90px}.header-inner{min-height:76px;padding:10px 20px;gap:15px}.site-header .logo{gap:8px;min-height:48px}.site-header .brand-mascot{width:46px;height:46px}.brand-name{font-size:21px;letter-spacing:.5px}.brand-text{gap:4px}.site-header .brand-text small{font-size:9px;letter-spacing:1.5px}.site-header .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex-shrink:0;width:52px;min-width:52px;height:52px;min-height:52px;padding:7px 6px;background:#fff8e8;border:1px solid #ddc29a;border-radius:15px;font-size:12px;color:#6b492d;line-height:1}.menu-bars{position:relative;display:block;width:22px;height:16px}.menu-bars>span{display:block;position:absolute;left:0;width:22px;height:2px;border-radius:2px;background:#765030;transition:transform .18s ease,opacity .18s ease;transform-origin:center}.menu-bars>span:nth-child(1){top:0}.menu-bars>span:nth-child(2){top:7px}.menu-bars>span:nth-child(3){top:14px}.menu-caption{font-size:8px;letter-spacing:.3px;line-height:1.2}.menu-toggle[aria-expanded="true"] .menu-bars>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-bars>span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] .menu-bars>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header .nav{display:none;position:absolute;top:calc(100% + 8px);left:20px;right:20px;z-index:41;flex-direction:column;align-items:stretch;gap:4px;padding:10px;background:#fffaf1;border:1px solid #ddc29a;border-radius:20px;box-shadow:0 10px 25px #74502924}.site-header .nav.is-open{display:flex}.site-header .nav a{justify-content:flex-start;padding:12px 18px;min-height:48px;border-radius:13px;font-size:14px;font-weight:600}.site-header .nav a+a{border-top:1px solid #ead7b85e}.site-header .nav a:hover,.site-header .nav a:focus-visible{background:#f8e7c9}.hero{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.menu-bars>span,.site-header .nav a{transition:none}}