/* LOism PUBLIC HEADER LOCK v3 — DO NOT PAGE-TUNE */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Serif+TC:wght@400;500;600;700&display=swap");
.site-header{height:92px!important;min-height:92px!important;position:relative!important;z-index:1000!important;background:#080706!important;border-bottom:1px solid rgba(201,170,120,.28)!important;box-sizing:border-box!important;font-family:"Cormorant Garamond","Noto Serif TC",serif!important}
.site-header .nav-wrap{max-width:1500px!important;height:92px!important;min-height:92px!important;margin:0 auto!important;padding:0 28px!important;display:flex!important;align-items:center!important;gap:14px!important;box-sizing:border-box!important}
.site-header .brand{height:92px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin-right:auto!important;position:relative!important;overflow:visible!important;text-decoration:none!important}
.site-header .logo-box{position:relative!important;width:170px!important;height:58px!important;display:block!important;overflow:visible!important;isolation:isolate!important;flex:0 0 170px!important}
.site-header .logo-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;z-index:1!important}
.site-header .motion-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;pointer-events:none!important;overflow:visible!important}
.site-header .orbit-moving{transform-origin:141px 37px;animation:loismOrbitSlow 26s ease-in-out infinite alternate}
.site-header .orbit-highlight{stroke-dasharray:42 420;animation:loismDashTravel 34s linear infinite}
.site-header .star-glow{transform-origin:67px 18px;animation:loismRareTwinkle 8.8s ease-in-out infinite}
.site-header .brand-meta{margin-left:10px!important;color:#b69b72!important;font:500 10px/1.55 "Cormorant Garamond","Noto Serif TC",serif!important;letter-spacing:.17em!important;white-space:nowrap!important}
.site-header .nav{height:92px!important;display:flex!important;align-items:center!important;gap:3px!important}
.site-header .nav>a,.site-header .nav button,.site-header .nav .menu-trigger{border:0!important;background:none!important;color:#eee9e1!important;font:500 15px/1 "Cormorant Garamond","Noto Serif TC",serif!important;letter-spacing:.06em!important;height:48px!important;min-height:48px!important;padding:0 10px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;text-decoration:none!important;cursor:pointer!important}
.site-header .nav>a:hover,.site-header .nav button:hover,.site-header .nav .menu-trigger:hover{color:#d8bb87!important}
.site-header .menu-item{height:48px!important;display:flex!important;align-items:center!important;position:static!important}
.site-header .mega,.site-header .menu-item .mega{position:absolute!important;top:92px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(760px,calc(100vw - 64px))!important;max-width:760px!important;padding:14px!important;display:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;background:rgba(10,9,8,.985)!important;border:1px solid rgba(201,170,120,.34)!important;box-shadow:0 24px 60px rgba(0,0,0,.48)!important;z-index:1002!important;box-sizing:border-box!important}
.site-header .menu-item:hover .mega,.site-header .menu-item:focus-within .mega,.site-header .mega:hover{display:grid!important}
.site-header .mega a{min-width:0!important;padding:16px!important;border:1px solid rgba(201,170,120,.15)!important;background:rgba(255,255,255,.015)!important;color:#eee!important;text-decoration:none!important}
.site-header .mega a:hover{border-color:rgba(216,187,135,.38)!important;background:rgba(216,187,135,.06)!important}
.site-header .mega b{display:block!important;font-family:"Noto Serif TC",serif!important;font-size:15px!important;line-height:1.35!important;color:#eee!important}
.site-header .mega small{display:block!important;margin-top:6px!important;color:#a49a8f!important;font-size:10px!important;line-height:1.45!important}
.site-header .mobile-toggle{display:none!important}
@keyframes loismOrbitSlow{0%{transform:translate(-1px,.6px) rotate(-.18deg)}100%{transform:translate(1.7px,-.8px) rotate(.22deg)}}
@keyframes loismDashTravel{from{stroke-dashoffset:0}to{stroke-dashoffset:-462}}
@keyframes loismRareTwinkle{0%,58%,100%{opacity:0;transform:scale(.78)}63%{opacity:.22;transform:scale(.88)}68%{opacity:.95;transform:scale(1.18)}73%{opacity:.20;transform:scale(.86)}78%{opacity:0;transform:scale(.78)}}
@media(prefers-reduced-motion:reduce){.site-header .orbit-moving,.site-header .orbit-highlight,.site-header .star-glow{animation:none!important}}

@media(max-width:1320px) and (min-width:1121px){.site-header .brand-meta{display:none!important}}
@media(max-width:1120px){.site-header .brand-meta{display:none!important}.site-header .nav{display:none!important}.site-header .mobile-toggle{display:block!important;background:none!important;border:1px solid rgba(201,170,120,.4)!important;color:#eee!important;padding:9px 12px!important}.site-header .mega{width:min(760px,calc(100vw - 28px))!important}}


/* LOism V4 LOGO MOTION LOCK — GLOBAL, DO NOT PAGE-TUNE */
.site-header .motion-layer{
  opacity:1!important;
  visibility:visible!important;
}
.site-header .orbit-moving{
  transform-origin:141px 37px!important;
  animation:loismOrbitVisible 24s linear infinite!important;
}
.site-header .orbit-highlight{
  stroke-dasharray:76 386!important;
  opacity:.70!important;
  animation:loismDashVisible 17s linear infinite!important;
}
.site-header .star-glow{
  opacity:1;
  transform-origin:67px 18px!important;
  animation:loismTwinkleVisible 6.8s ease-in-out infinite!important;
}
@keyframes loismOrbitVisible{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
@keyframes loismDashVisible{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-462}
}
@keyframes loismTwinkleVisible{
  0%,64%,100%{opacity:.18;transform:scale(.76)}
  70%{opacity:.95;transform:scale(1.22)}
  76%{opacity:.26;transform:scale(.84)}
}


/* === LOism V5 GLOBAL HEADER / LOGO LOCK === */
.site-header{
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
}
.site-header .header-inner{
  height:92px!important;
  min-height:92px!important;
  align-items:center!important;
}
.site-header .logo-box{
  width:170px!important;
  height:58px!important;
  flex:0 0 170px!important;
  position:relative!important;
  overflow:visible!important;
}
.site-header .logo-art,
.site-header .motion-layer{
  position:absolute!important;
  inset:0!important;
  width:170px!important;
  height:58px!important;
  max-width:170px!important;
  max-height:58px!important;
}
.site-header .motion-layer{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.site-header .orbit-moving{
  transform-origin:141px 37px!important;
  animation:loismOrbitLocked 24s linear infinite!important;
}
.site-header .orbit-highlight{
  stroke-dasharray:76 386!important;
  opacity:.70!important;
  animation:loismDashLocked 17s linear infinite!important;
}
.site-header .star-glow{
  transform-origin:67px 18px!important;
  animation:loismTwinkleLocked 6.8s ease-in-out infinite!important;
}
@keyframes loismOrbitLocked{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes loismDashLocked{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-462}
}
@keyframes loismTwinkleLocked{
  0%,64%,100%{opacity:.18;transform:scale(.76)}
  70%{opacity:.95;transform:scale(1.22)}
  76%{opacity:.26;transform:scale(.84)}
}

/* === LOism V5 GLOBAL FOOTER LOCK === */
.footer{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:30px 54px 34px!important;
  background:#080706!important;
  color:#9c8d79!important;
  border-top:1px solid rgba(205,171,120,.18)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  font-family:Arial,"Noto Sans TC",sans-serif!important;
  font-size:11px!important;
  line-height:1.5!important;
  letter-spacing:.12em!important;
  text-transform:none!important;
}
@media(max-width:760px){
  .footer{
    padding:24px 22px 28px!important;
    display:block!important;
  }
  .footer span+span{
    display:block!important;
    margin-top:8px!important;
  }
}

.footer .footer-right,.footer[data-loism-shell="v6"] .footer-right{display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}
.footer .footer-sep,.footer[data-loism-shell="v6"] .footer-sep{opacity:.45!important}
.footer .footer-about,.footer[data-loism-shell="v6"] .footer-about{color:#c5aa7e!important;text-decoration:none!important;font:500 11px/1.5 Arial,"Noto Sans TC",sans-serif!important;letter-spacing:.14em!important}
.footer .footer-about:hover,.footer[data-loism-shell="v6"] .footer-about:hover{color:#ead8b8!important}