:root{--paper:#f6f1e8;--paper-deep:#e7ddcf;--paper-shadow:#271e151f;--ink:#171311;--ink-soft:#171311b8;--ink-faint:#1713117a;--line:#2b21181f;--line-strong:#2b211833;--accent:#9a5f34;--accent-strong:#7b4727;--accent-soft:#9a5f3424;--frame-gap:clamp(1rem, 2vw, 1.75rem);--page-padding:clamp(1rem, 2.8vw, 2.4rem);--hero-max-width:46rem;--hero-top-space:clamp(2.25rem, 9vh, 6.5rem);--nav-rail-radius:1.7rem;--nav-pill-radius:1.1rem;--nav-summary-width:14rem;--display-font:"Cormorant Garamond", serif;--body-font:"Noto Serif SC", serif;--ui-font:"IBM Plex Sans", "Noto Sans SC", sans-serif;--display-size:clamp(5.6rem, 17vw, 12.5rem);--copy-size:clamp(.98rem, 1.35vw, 1.12rem);--transition-slow:.5s cubic-bezier(.22, 1, .36, 1);--transition-fast:.18s ease}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--body-font);background:radial-gradient(circle at top left, #ffffffe6, transparent 30%), radial-gradient(circle at 82% 16%, #9a5f3429, transparent 22%), linear-gradient(160deg, #fbf6ef 0%, var(--paper) 50%, var(--paper-deep) 100%);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}body:before{content:"";pointer-events:none;opacity:.45;background-image:radial-gradient(#00000008 .65px,#0000 .65px),linear-gradient(135deg,#ffffff2e,#0000 52%);background-size:8px 8px,100% 100%;position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.9;background:linear-gradient(#fff6,#0000 24%),radial-gradient(circle at bottom,#7b472714,#0000 28%);position:fixed;inset:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}p,h1{margin:0}.site-frame{min-height:100svh;padding:var(--page-padding);gap:var(--frame-gap);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.layout-hero-nav{isolation:isolate}.site-frame>main{min-height:0}.layout-hero-nav:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#ffffff7a,#0000 24%),radial-gradient(circle at 18% 14%,#9a5f341f,#0000 30%);border-radius:clamp(1.5rem,3vw,2.75rem);position:absolute;inset:0}.site-frame:after{content:"";inset:var(--page-padding);border:1px solid var(--line-strong);pointer-events:none;border-radius:clamp(1.25rem,2.5vw,2.4rem);position:absolute}.skip-link{left:var(--page-padding);z-index:2;border:1px solid var(--line-strong);color:var(--ink);font-family:var(--ui-font);letter-spacing:.12em;text-transform:uppercase;transition:transform var(--transition-fast);background:#fffaf5fa;border-radius:999px;padding:.55rem .85rem;font-size:.72rem;position:absolute;top:0;transform:translateY(-140%)}.skip-link:focus{transform:translateY(.75rem)}.hero-band{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.home-mark{align-items:start;gap:.2rem;display:inline-grid}.home-mark-kicker,.home-mark-label,.hero-status,.nav-copy{font-family:var(--ui-font)}.home-mark-kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);font-size:.8rem}.home-mark-label{letter-spacing:.08em;font-size:clamp(1rem,1.2vw,1.05rem)}.hero-status{max-width:16rem;color:var(--ink-faint);letter-spacing:.18em;text-align:right;text-transform:uppercase;padding-top:.35rem;font-size:.74rem}.nav-tactile{letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:stretch;gap:.75rem;font-size:.82rem;display:flex}.bottom-nav{border:1px solid var(--line-strong);border-radius:var(--nav-rail-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf6b8;padding:.8rem;position:relative;box-shadow:0 18px 40px #271e1514}.nav-tactile a{border-radius:var(--nav-pill-radius);min-height:4.65rem;color:var(--ink-soft);white-space:nowrap;transition:color var(--transition-fast), transform var(--transition-fast);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.45rem;padding:.9rem 1rem 1rem;display:inline-flex;position:relative;overflow:visible}.nav-tactile a:after{content:"";border:1px solid var(--line);border-radius:inherit;opacity:0;transition:opacity var(--transition-fast), border-color var(--transition-fast);background:linear-gradient(#fff6,#0000);position:absolute;inset:0}.nav-icon{width:1.2rem;height:1.2rem;color:var(--accent-strong)}.nav-copy{letter-spacing:.16em;font-size:.72rem}.nav-external{margin-left:.25rem;font-size:.85em}.nav-tactile a:hover,.nav-tactile a:focus-visible,.nav-tactile a[aria-current=page]{color:var(--ink);transform:translateY(-2px)}.nav-tactile a:hover:after,.nav-tactile a:focus-visible:after,.nav-tactile a[aria-current=page]:after{opacity:1;border-color:#7b472738}.nav-tactile a:focus-visible{outline-offset:2px;outline:2px solid #7b472747}@media (hover:hover) and (pointer:fine) and (width>=721px){.bottom-nav a[data-summary]:before{content:attr(data-summary);width:min(var(--nav-summary-width), 70vw);border:1px solid var(--line-strong);color:var(--ink);font-family:var(--ui-font);letter-spacing:.12em;text-align:center;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);background:#fffaf5f5;border-radius:1rem;padding:.65rem .8rem;font-size:.68rem;line-height:1.5;position:absolute;bottom:calc(100% + .85rem);left:50%;transform:translate(-50%,.55rem);box-shadow:0 16px 28px #1e17111f}.bottom-nav a[data-summary]:hover:before,.bottom-nav a[data-summary]:focus-visible:before{opacity:1;transform:translate(-50%)}}.route-stage{min-height:100%}.route-stage-enter{animation:page-enter var(--transition-slow)}@keyframes page-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skip-link,.nav-tactile a,.nav-tactile a:after,.bottom-nav a[data-summary]:before,.route-stage-enter{transition:none;animation:none}}@media (width<=720px){.skip-link{left:1.1rem}.hero-band{align-items:center}.hero-status{display:none}.nav-tactile{flex-wrap:wrap;justify-content:stretch;row-gap:.35rem}.nav-tactile a{flex:calc(50% - .5rem);min-height:4.1rem;padding-inline:.75rem}.bottom-nav a[data-summary]:before{content:none}.bottom-nav{border-radius:1.4rem;padding:.65rem}}.home-cover,.route-inner{min-height:100%}.home-cover{max-width:var(--hero-max-width);padding:var(--hero-top-space) 0 0;align-content:start;gap:.9rem;display:grid}.home-copy-en,.home-copy-zh,.route-inner p,.route-inner a{max-width:32rem;color:var(--ink-soft);font-size:var(--copy-size);line-height:1.8}.display-wordmark{font-family:var(--display-font);font-size:var(--display-size);letter-spacing:.06em;text-transform:lowercase;font-weight:600;line-height:.92}.home-copy-en{letter-spacing:.14em;text-transform:uppercase;font-size:.86rem}.home-copy-zh{padding-left:.2rem}.route-inner{align-content:start;gap:1rem;max-width:40rem;padding-top:clamp(1.2rem,4vh,2.4rem);display:grid}.route-inner h1{font-family:var(--display-font);font-size:clamp(2.8rem,8vw,5rem);font-weight:600}.route-inner a{border-bottom:1px solid var(--line);align-items:center;width:fit-content;min-height:2.75rem;padding:.1rem 0 .2rem;display:inline-flex}@media (width<=720px){.site-frame{padding:1.1rem}.nav-tactile{letter-spacing:.12em;font-size:.74rem}.home-cover{padding-top:clamp(1.4rem,7vh,3rem)}.display-wordmark{letter-spacing:.03em}}