/* VANYEI — an ink-black sanctuary, antique gold, and vermilion. */
:root{--ink:#090a09;--gold:#bf9b5c;--gold-light:#ecd5a0;--muted:#a69b85;--red:#9c3528;--line:rgba(191,155,92,.25);--serif:"Noto Serif CJK SC","Songti SC","STSong","SimSun",serif}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:#d9ceb8;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--gold-light)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--gold-light);outline-offset:7px}
.skip-link{position:fixed;top:10px;left:16px;padding:12px 20px;background:var(--ink);border:1px solid var(--gold);z-index:100;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:104px;padding:0 clamp(24px,4.5vw,88px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:#090a09}
.brand{display:flex;align-items:center;gap:15px;flex-shrink:0;color:var(--gold-light)}
.brand-seal{font:25px var(--serif);width:39px;height:45px;border:1px solid #a35e43;outline:1px solid #6c3c2d;outline-offset:-5px;display:grid;place-items:center;color:#d4ac73;background:#351714}
.brand-name{font-family:Georgia,serif;font-size:24px;letter-spacing:.2em;line-height:1.2}
.brand-chinese{display:block;font:11px var(--serif);letter-spacing:.65em;margin-top:8px;color:var(--gold)}
.navigation-list{display:flex;align-items:center;gap:clamp(24px,3.2vw,58px);list-style:none;padding:0;margin:0;font-size:12px;letter-spacing:.16em}
.navigation-list a{display:block;position:relative;padding:14px 0}
.navigation-list a[aria-current="page"]{color:var(--gold-light)}
.navigation-list a[aria-current="page"]:after{content:"";position:absolute;bottom:2px;left:50%;height:3px;width:3px;background:var(--gold);transform:rotate(45deg)}
.navigation-list [aria-disabled]{color:#a89a80;cursor:default}
.header-motto{font:12px var(--serif);letter-spacing:.3em;color:var(--gold)}
.mobile-navigation{display:none}
.sanctuary{position:relative;isolation:isolate;min-height:calc(100svh - 104px);overflow:hidden;display:grid;place-items:center;padding:76px 24px 104px;background:radial-gradient(ellipse at 50% 43%,#292219 0%,#11120f 35%,#090a09 72%)}
.sanctuary:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23c1a477' opacity='.25' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}
.sanctuary-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 108%,rgba(150,49,23,.29),transparent 43%),linear-gradient(90deg,rgba(0,0,0,.5),transparent 25%,transparent 75%,rgba(0,0,0,.5));pointer-events:none}
.sanctuary-frame{position:absolute;inset:26px 28px;border:1px solid rgba(191,155,92,.16);pointer-events:none}
.sanctuary-frame:after{content:"";position:absolute;inset:7px;border:1px solid rgba(191,155,92,.07)}
.sanctuary-frame i{position:absolute;width:33px;height:33px;border-color:#98733e;border-style:solid}
.sanctuary-frame i:nth-child(1){top:-1px;left:-1px;border-width:1px 0 0 1px}.sanctuary-frame i:nth-child(2){top:-1px;right:-1px;border-width:1px 1px 0 0}.sanctuary-frame i:nth-child(3){bottom:-1px;left:-1px;border-width:0 0 1px 1px}.sanctuary-frame i:nth-child(4){bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.mandala{position:absolute;z-index:-1;width:min(82vw,920px);height:auto;max-width:none;top:47%;left:50%;transform:translate(-50%,-50%);opacity:.48;pointer-events:none;mask-image:radial-gradient(circle,#0003 0%,#0008 28%,#000 55%,#0009 70%,transparent 74%)}
.axis{position:absolute;left:50%;width:1px;background:linear-gradient(transparent,var(--gold));opacity:.65}.axis-top{top:0;height:62px}
.hero-content{position:relative;text-align:center;max-width:850px;width:100%}
.hero-eyebrow{margin:0 0 28px;display:flex;justify-content:center;align-items:center;gap:16px;font-size:9px;letter-spacing:.32em;color:var(--gold)}
.hero-eyebrow>span{height:1px;width:30px;background:linear-gradient(90deg,transparent,var(--gold))}.hero-eyebrow>span:last-child{transform:rotate(180deg)}
.hero-seal{width:43px;height:50px;margin:0 auto 23px;display:grid;place-items:center;background:linear-gradient(140deg,#993d2e,#63251e);border:1px solid #bb7650;outline:1px solid rgba(196,123,73,.4);outline-offset:4px;box-shadow:0 0 42px #b24c2222;font:27px var(--serif);color:#e3bb83}
.hero-kicker{font:12px var(--serif);letter-spacing:.32em;color:#c6ad7b;margin:0 0 23px}
.hero-content h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5.3vw,82px);line-height:1.4;letter-spacing:.13em;margin:0;text-indent:.13em;color:#ddc58f;text-shadow:0 2px 25px #000,0 0 70px #090a09}
.hero-content h1>span{display:block}
.title-highlight{color:#f0d8a3}
.hero-description{font-family:var(--serif);font-size:14px;line-height:2.2;letter-spacing:.15em;color:#b6a990;margin:25px 0 0;text-shadow:0 2px 12px #000}
.hero-signature{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:32px}
.hero-signature>span{height:1px;width:56px;background:linear-gradient(90deg,transparent,#9d7844)}.hero-signature>span:last-child{transform:rotate(180deg)}
.hero-signature p{margin:0;font:11px Georgia,var(--serif);letter-spacing:.25em;color:var(--gold)}.hero-signature b{font-weight:400;color:#ae4b32;margin:0 10px}
.side-inscription{position:absolute;top:43%;margin:0;writing-mode:vertical-rl;font:12px var(--serif);letter-spacing:.5em;color:#8d7855}.side-inscription-left{left:7%}.side-inscription-right{right:7%}
.hero-base{position:absolute;bottom:47px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#95805c}
.base-label{font-size:9px;letter-spacing:.23em}.base-emblem{position:absolute;left:50%;transform:translateX(-50%);color:var(--gold);font-size:23px}
body.admin-bar .sanctuary{min-height:calc(100svh - 136px)}
body:not(.home) main{max-width:1100px;margin:auto;padding:48px 24px;line-height:1.8}body:not(.home) input,body:not(.home) textarea{max-width:100%}
@media(min-width:1600px){.sanctuary{padding-top:110px;padding-bottom:138px}.mandala{width:1020px}.hero-content h1{font-size:88px}}
@media(max-width:1000px){.header-motto{display:none}.site-header{padding-inline:30px}.navigation-list{gap:26px}.side-inscription-left{left:6%}.side-inscription-right{right:6%}.mandala{width:94vw}}
@media(max-width:700px){
.site-header{height:80px;padding:0 22px;gap:12px}.brand{gap:11px}.brand-seal{width:32px;height:38px;font-size:22px}.brand-name{font-size:20px}.brand-chinese{font-size:10px;margin-top:5px}.desktop-navigation{display:none}
.mobile-navigation{display:block}.mobile-navigation summary{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:11px;letter-spacing:.2em;color:var(--gold);min-height:44px;list-style:none}.mobile-navigation summary::-webkit-details-marker{display:none}.menu-icon{width:19px;height:8px;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.mobile-navigation[open] nav{position:absolute;left:0;right:0;top:100%;padding:20px 28px;background:#10100f;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0008}.mobile-navigation .navigation-list{display:grid;gap:4px}.mobile-navigation li>span{display:block;padding:14px 0}
.sanctuary{min-height:calc(100svh - 80px);padding:65px 24px 96px}.sanctuary-frame{inset:15px 12px}.sanctuary-frame:after{inset:5px}.sanctuary-frame i{width:22px;height:22px}.axis-top{height:44px}.mandala{width:730px;max-width:none;top:45%;opacity:.36}
.hero-eyebrow{font-size:8px;letter-spacing:.2em;gap:9px;margin-bottom:27px}.hero-eyebrow>span{width:18px}.hero-seal{width:35px;height:43px;font-size:24px;margin-bottom:26px}.hero-kicker{font-size:10px;letter-spacing:.2em;margin-bottom:22px}.hero-content h1{font-size:clamp(36px,9.7vw,63px);letter-spacing:.1em;line-height:1.5;text-indent:.1em}.hero-description{font-size:12px;letter-spacing:.05em;line-height:2.2;margin-top:24px}.hero-signature{margin-top:29px;gap:14px}.hero-signature>span{width:34px}.hero-signature p{font-size:10px}.side-inscription{display:none}.hero-base{bottom:33px;left:30px;right:30px;justify-content:center}.base-label{font-size:8px;letter-spacing:.22em}.hero-base .base-label:last-child{display:none}.base-emblem{position:static;transform:none;font-size:16px;order:-1}
body.admin-bar .sanctuary{min-height:calc(100svh - 126px)}
}
@media(max-width:360px){.site-header{padding-inline:20px}.sanctuary{padding-inline:21px}.hero-eyebrow{letter-spacing:.1em}.hero-description{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.hero-content{animation:sanctuary-reveal 1.2s ease-out both}@keyframes sanctuary-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}