/* Dark navigation shared by all five pages. */
.header{background:#0a0a0a;height:96px;display:grid;grid-template-columns:1fr auto 1fr;padding:0 4%;color:#f7f7f7;gap:20px}
.header .header-brand{grid-column:2;grid-row:1;justify-self:center;border-radius:3px;overflow:hidden;background:#0a0a0a}
.header .logo-box{width:150px;height:56px;mix-blend-mode:normal}
.header .logo-box img{width:150px;height:150px;margin-top:-35px}
.header .visit-link{grid-column:1;grid-row:1;justify-self:start;margin:0;color:#f7f7f7;font-size:12px;font-weight:700}
.header .pin-icon{color:inherit}
.header .menu-toggle{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:16px;background:transparent;border:1px solid #ffffff55;border-radius:0;color:#f7f7f7;padding:10px 15px;min-height:44px;font-size:13px;font-weight:700;transition:background .2s,color .2s}
.header .menu-toggle:hover{background:#111;color:#ff650a}
.header :focus-visible,.menu-drawer :focus-visible{outline:2px solid #ffffff;outline-offset:4px}
.menu-is-open{overflow:hidden!important}
.menu-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,92vw);max-width:none;height:100dvh;max-height:none;border:0;padding:32px 42px;background:#0a0a0a;color:#f7f7f7;overflow:auto;overscroll-behavior:contain;opacity:0;transform:translateX(100%);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s,display .45s allow-discrete,overlay .45s allow-discrete}
.menu-drawer[open]{display:flex;flex-direction:column;opacity:1;transform:translateX(0)}
.menu-drawer::backdrop{background:#0009;backdrop-filter:blur(5px);opacity:0;transition:opacity .35s,display .45s allow-discrete,overlay .45s allow-discrete}
.menu-drawer[open]::backdrop{opacity:1}
@starting-style{.menu-drawer[open]{opacity:0;transform:translateX(100%)}.menu-drawer[open]::backdrop{opacity:0}}
.menu-drawer.is-closing{opacity:0;transform:translateX(100%)}
.menu-drawer.is-closing::backdrop{opacity:0}
.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}
.drawer-top>span{font-size:10px;letter-spacing:1.6px;font-weight:800}
.menu-close{display:flex;align-items:center;gap:12px;min-height:44px;border:0;background:transparent;color:#f7f7f7;font-size:12px;padding:0 6px}
.menu-close span{font-size:30px;line-height:1}
.drawer-brand{display:grid;place-items:center;flex:1 0 150px;padding:26px 0}
.drawer-brand img{width:min(260px,75%);height:auto;filter:brightness(0) invert(1)}
.menu-drawer nav{display:flex;flex-direction:column;gap:0;padding:0;margin:0;background:transparent;counter-reset:menu-item;flex-shrink:0}
.menu-drawer nav a{display:flex;align-items:center;gap:22px;position:relative;border-top:1px solid #ffffff26;padding:10px 0;font-size:clamp(25px,3.3vw,38px);font-weight:800;letter-spacing:-1px;line-height:1.3;transition:padding .25s}
.menu-drawer nav a:before{counter-increment:menu-item;content:'0' counter(menu-item);font-size:10px;font-weight:500;letter-spacing:0}
.menu-drawer nav a:after{content:'↗';margin-left:auto;font-size:25px;opacity:0;transition:opacity .2s}
.menu-drawer nav a:hover{padding-left:10px}
.menu-drawer nav a:hover:after,.menu-drawer nav a[aria-current]:after{opacity:1}
.drawer-bottom{margin-top:auto;padding-top:32px;display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:700;flex-shrink:0}
@media(max-width:600px){.header{height:88px;padding:0 5%;gap:8px}.header .logo-box{width:126px;height:49px}.header .logo-box img{width:126px;height:126px;margin-top:-28px}.header .visit-link{font-size:10px}.header .menu-toggle{padding:8px 10px;font-size:11px;gap:8px}.header .pin-icon{display:none}.menu-drawer{padding:20px 26px}.drawer-brand{flex-basis:125px}.drawer-bottom{padding-top:24px;font-size:10px}.menu-drawer nav a{font-size:30px;padding:11px 0}}
@media(prefers-reduced-motion:reduce){.menu-drawer,.menu-drawer::backdrop,.menu-drawer *{transition:none!important}}