/* LOism V6 SITE SHELL — HEADER / FOOTER / NAV / TRANSITION / CURSOR ARE LOCKED */
:root{--loism-black:#080706;--loism-gold:#d8bb87;--loism-muted:#9c8d79;--loism-line:rgba(205,171,120,.20)}
html{background:#080706}
html.loism-leaving body{opacity:0!important;transition:opacity .17s ease!important}
@media(prefers-reduced-motion:reduce){html.loism-preload body,html.loism-ready body,html.loism-leaving body{opacity:1!important;transition:none!important}}
/* HEADER: page CSS must not alter this shell */
.site-header[data-loism-shell="v6"]{height:92px!important;min-height:92px!important;max-height:92px!important;position:relative!important;top:auto!important;z-index:1000!important;background:#080706!important;background-image:none!important;border:0!important;border-bottom:1px solid rgba(201,170,120,.28)!important;box-shadow:none!important;backdrop-filter:none!important;box-sizing:border-box!important;font-family:"Cormorant Garamond","Noto Serif TC",serif!important;margin:0!important;padding:0!important}
.site-header[data-loism-shell="v6"] .nav-wrap{width:100%!important;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[data-loism-shell="v6"] .brand{height:92px!important;min-height:92px!important;margin:0 auto 0 0!important;padding:0!important;display:flex!important;align-items:center!important;position:relative!important;overflow:visible!important;text-decoration:none!important;background:none!important}
.site-header[data-loism-shell="v6"] .logo-box{position:relative!important;width:170px!important;height:58px!important;min-width:170px!important;min-height:58px!important;max-width:170px!important;max-height:58px!important;display:block!important;overflow:visible!important;isolation:isolate!important;flex:0 0 170px!important;margin:0!important;padding:0!important;transform:none!important}
.site-header[data-loism-shell="v6"] .logo-art,.site-header[data-loism-shell="v6"] .motion-layer{position:absolute!important;inset:0!important;width:170px!important;height:58px!important;min-width:170px!important;min-height:58px!important;max-width:170px!important;max-height:58px!important;display:block!important;object-fit:contain!important;object-position:left center!important;margin:0!important;padding:0!important;border:0!important;transform:none}
.site-header[data-loism-shell="v6"] .logo-art{z-index:1!important;background:transparent!important}
.site-header[data-loism-shell="v6"] .motion-layer{z-index:2!important;pointer-events:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
.site-header[data-loism-shell="v6"] .orbit-moving{transform-origin:141px 37px!important;animation:loismOrbitV6 24s linear infinite!important}
.site-header[data-loism-shell="v6"] .orbit-highlight{stroke-dasharray:76 386!important;opacity:.72!important;animation:loismDashV6 17s linear infinite!important}
.site-header[data-loism-shell="v6"] .orbit-star-runner{opacity:.95!important}
.site-header[data-loism-shell="v6"] .star-glow{transform-origin:67px 18px!important;animation:loismTwinkleV6 6.8s ease-in-out infinite!important}
@keyframes loismOrbitV6{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes loismDashV6{from{stroke-dashoffset:0}to{stroke-dashoffset:-462}}
@keyframes loismTwinkleV6{0%,64%,100%{opacity:.16;transform:scale(.76)}70%{opacity:.98;transform:scale(1.22)}76%{opacity:.24;transform:scale(.84)}}
.site-header[data-loism-shell="v6"] .brand-meta{margin:0 0 0 10px!important;padding:0!important;color:#b69b72!important;font:500 10px/1.55 "Cormorant Garamond","Noto Serif TC",serif!important;letter-spacing:.17em!important;white-space:nowrap!important;text-align:left!important;text-transform:none!important}
.site-header[data-loism-shell="v6"] .nav{height:92px!important;display:flex!important;align-items:center!important;gap:3px!important;margin:0!important;padding:0!important;background:none!important}
.site-header[data-loism-shell="v6"] .nav>a,.site-header[data-loism-shell="v6"] .nav button{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;text-transform:none!important;box-shadow:none!important}
.site-header[data-loism-shell="v6"] .nav>a:hover,.site-header[data-loism-shell="v6"] .nav button:hover{color:#d8bb87!important}
.site-header[data-loism-shell="v6"] .menu-item{height:48px!important;display:flex!important;align-items:center!important;position:static!important;margin:0!important;padding:0!important}
.site-header[data-loism-shell="v6"] .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[data-loism-shell="v6"] .menu-item:hover .mega,.site-header[data-loism-shell="v6"] .menu-item:focus-within .mega{display:grid!important}
.site-header[data-loism-shell="v6"] .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[data-loism-shell="v6"] .mega a:hover{border-color:rgba(216,187,135,.38)!important;background:rgba(216,187,135,.06)!important}
.site-header[data-loism-shell="v6"] .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[data-loism-shell="v6"] .mega small{display:block!important;margin-top:6px!important;color:#a49a8f!important;font-size:10px!important;line-height:1.45!important}
.site-header[data-loism-shell="v6"] .mobile-toggle{display:none!important}
/* FOOTER: structure locked; page can only supply page label */
.footer[data-loism-shell="v6"]{width:100%!important;max-width:none!important;min-height:72px!important;box-sizing:border-box!important;margin:0!important;padding:26px 54px 28px!important;background:#080706!important;background-image:none!important;color:#9c8d79!important;border:0!important;border-top:1px solid var(--loism-line)!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;box-shadow:none!important}
.footer[data-loism-shell="v6"] span{margin:0!important;padding:0!important;color:#9c8d79!important;font:400 11px/1.5 Arial,"Noto Sans TC",sans-serif!important;letter-spacing:.12em!important;text-transform:none!important}
/* about site / mindful should touch the shell directly */
.page-about-site main.paper{margin-bottom:0!important}
.page-mindful main.paper{margin-top:0!important}
/* brand media mini icons */
.partnership .media-icons{display:flex!important;align-items:center!important;gap:7px!important;margin-top:9px!important;flex-wrap:wrap!important}
.partnership .media-icons a{width:25px!important;height:25px!important;border:1px solid rgba(216,187,135,.32)!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#c7ad82!important;background:rgba(216,187,135,.035)!important;transition:.18s ease!important}
.partnership .media-icons a:hover{color:#f0dcc0!important;border-color:rgba(216,187,135,.68)!important;background:rgba(216,187,135,.10)!important;transform:translateY(-1px)!important}
.partnership .media-icons svg{width:11px!important;height:11px!important;display:block!important;fill:currentColor!important;stroke:currentColor!important}
/* OST source link */
.ost-player .ost-source{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:6px!important;color:#aa987e!important;font:500 9px/1.2 Arial,sans-serif!important;letter-spacing:.14em!important;text-decoration:none!important;opacity:.82!important}
.ost-player .ost-source:hover{color:#d8bb87!important;opacity:1!important}

@media(max-width:1320px) and (min-width:1121px){.site-header[data-loism-shell="v6"] .brand-meta{display:none!important}}
@media(max-width:1120px){.site-header[data-loism-shell="v6"] .brand-meta{display:none!important}.site-header[data-loism-shell="v6"] .nav{display:none!important}.site-header[data-loism-shell="v6"] .mobile-toggle{display:block!important;background:none!important;border:1px solid rgba(201,170,120,.4)!important;color:#eee!important;padding:9px 12px!important;font-size:18px!important}.site-header[data-loism-shell="v6"] .nav.is-open{position:absolute!important;display:flex!important;top:92px!important;left:0!important;right:0!important;height:auto!important;min-height:0!important;padding:14px 18px 18px!important;background:#0a0908!important;border-bottom:1px solid rgba(201,170,120,.28)!important;flex-direction:column!important;align-items:stretch!important;z-index:1003!important}.site-header[data-loism-shell="v6"] .nav.is-open>a,.site-header[data-loism-shell="v6"] .nav.is-open .menu-item,.site-header[data-loism-shell="v6"] .nav.is-open .menu-item>button{width:100%!important}.site-header[data-loism-shell="v6"] .nav.is-open>a,.site-header[data-loism-shell="v6"] .nav.is-open .menu-item>button{justify-content:flex-start!important}.site-header[data-loism-shell="v6"] .nav.is-open .menu-item{height:auto!important;display:block!important}.site-header[data-loism-shell="v6"] .nav.is-open .mega{position:static!important;transform:none!important;width:100%!important;max-width:none!important;grid-template-columns:1fr!important;margin-top:4px!important}.site-header[data-loism-shell="v6"] .nav.is-open .menu-item:hover .mega,.site-header[data-loism-shell="v6"] .nav.is-open .menu-item:focus-within .mega{display:grid!important}}
@media(max-width:760px){.site-header[data-loism-shell="v6"] .nav-wrap{padding:0 18px!important}.site-header[data-loism-shell="v6"] .logo-box,.site-header[data-loism-shell="v6"] .logo-art,.site-header[data-loism-shell="v6"] .motion-layer{width:150px!important;max-width:150px!important;min-width:150px!important;height:52px!important;max-height:52px!important;min-height:52px!important}.footer[data-loism-shell="v6"]{padding:23px 22px 25px!important;display:block!important}.footer[data-loism-shell="v6"] span+span{display:block!important;margin-top:8px!important}}
@media(prefers-reduced-motion:reduce){.site-header[data-loism-shell="v6"] .orbit-moving,.site-header[data-loism-shell="v6"] .orbit-highlight,.site-header[data-loism-shell="v6"] .star-glow{animation:none!important}.site-header[data-loism-shell="v6"] .orbit-star-runner{display:none!important}.partnership .media-icons a{transition:none!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}