:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;background:#0b131a;color:#f5f1e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:0}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #e2c68f;outline-offset:6px}.skip{position:fixed;top:-100px;z-index:99;padding:15px;background:#fff;color:#000}.skip:focus{top:8px}.header{height:82px;position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;background:linear-gradient(#09131bd9,transparent);color:#fff}.brand{display:flex;gap:14px;align-items:center}.brand strong{font-family:Georgia,serif;font-size:30px;letter-spacing:2px}.brand span{font-size:10px;line-height:1.7;letter-spacing:2px;border-left:1px solid #ffffff50;padding-left:14px}.menu-toggle{border:1px solid #ffffff60;background:#10182080;color:#fff;border-radius:30px;padding:11px 18px;font-size:12px;cursor:pointer}.intro{min-height:100svh;position:relative;display:flex;align-items:center;padding:120px 8vw 95px;overflow:hidden;scroll-snap-align:start;background:#0b141c}.intro-layout{position:relative;width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:500;line-height:2;color:var(--accent,#d3ba90)}.intro h1{font-weight:400;font-size:clamp(42px,5.1vw,82px);letter-spacing:2px;line-height:1.32;margin:27px 0}.intro h1 em{font-family:Georgia,serif;font-weight:400;font-size:.77em;color:#c9ae82}.intro-copy{font-size:14px;color:#a8aeb2;line-height:2.1;max-width:370px}.explore{display:inline-flex;align-items:center;gap:42px;margin-top:30px;font-size:13px;border-bottom:1px solid #8c775c;padding-bottom:15px}.intro-bottom{position:absolute;bottom:32px;left:8vw;right:8vw;display:flex;justify-content:space-between;color:#79838b;font-size:10px;letter-spacing:2px}.world{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--bg);scroll-snap-align:start;color:#f5f2eb}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 96%,transparent),color-mix(in srgb,var(--bg) 65%,transparent) 33%,transparent 65%)}.world-content{position:relative;z-index:1;padding:120px 0 110px 8vw;width:50%}.world .eyebrow{margin-bottom:28px}.eyebrow span{margin-right:15px}.site-name{font-size:14px;letter-spacing:3px;opacity:.8}.world h2{font-size:clamp(36px,4.5vw,70px);font-weight:400;line-height:1.35;letter-spacing:2px;margin:25px 0}.description{font-size:14px;line-height:2;max-width:330px;opacity:.75}.visit{display:inline-flex;gap:54px;align-items:center;border:1px solid currentColor;border-radius:40px;padding:16px 25px;font-size:13px;margin-top:32px;transition:background .2s,color .2s}.visit:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.visit span{font-size:19px}.world-foot{position:absolute;bottom:30px;left:8vw;right:8vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;opacity:.6}.light{color:#282e29}.rail{position:fixed;right:26px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:9;padding:12px 6px;border-radius:30px;background:#0b141c55;backdrop-filter:blur(10px)}.rail a{display:flex;align-items:center;justify-content:center;width:26px;height:26px;position:relative}.rail i{display:block;width:5px;height:5px;background:#fff7;border-radius:50%;transition:transform .2s}.rail a[aria-current="true"] i{background:#dfcda5;transform:scale(1.5);outline:1px solid #dfcda566;outline-offset:4px}.rail span{position:absolute;right:40px;white-space:nowrap;font-size:11px;padding:7px 10px;border-radius:5px;background:#0b141c;color:#fff;opacity:0;pointer-events:none}.rail a:hover span,.rail a:focus-visible span{opacity:1}dialog{border:1px solid #fff3;background:#111b23;color:#f5f1e9;border-radius:15px;width:min(90vw,500px);padding:28px}dialog::backdrop{background:#0009;backdrop-filter:blur(9px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.close-menu{color:#fff;background:none;border:1px solid #fff5;border-radius:50%;width:36px;height:36px;cursor:pointer}.dialog-links{display:grid}.dialog-links a{padding:15px 0;border-bottom:1px solid #fff2;display:flex;justify-content:space-between}.footer{padding:30px 8vw;display:flex;justify-content:space-between;gap:20px;color:#8b9298;font-size:11px;line-height:1.8} @media(min-width:1000px){html{scroll-snap-type:y mandatory}}@media(max-width:760px){html{scroll-snap-type:none}.header{height:70px;padding:0 6vw}.brand strong{font-size:25px}.brand span{font-size:8px}.intro{padding:110px 7vw 85px}.intro-layout{grid-template-columns:1fr;gap:38px}.intro h1{font-size:45px;margin:18px 0}.intro-copy{font-size:13px}.explore{margin-top:17px}.intro-bottom{left:7vw;right:7vw;font-size:8px;letter-spacing:1px}.rail{display:none}.world{min-height:850px;min-height:100svh;align-items:flex-end}.scene{height:62%;object-position:72% center}.shade{background:linear-gradient(0deg,var(--bg) 8%,var(--bg) 30%,transparent 66%)}.world-content{width:100%;padding:0 7vw 100px}.world h2{font-size:40px;margin:18px 0}.world .eyebrow{margin-bottom:14px}.site-name{font-size:12px}.description{font-size:13px}.visit{margin-top:20px;padding:13px 22px}.world-foot{left:7vw;right:7vw;font-size:8px}.footer{flex-direction:column;padding:25px 7vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*{transition:none!important}}

/* Clean gateway: no atmospheric glow or moving background. */
.intro-layout{z-index:1;gap:6vw}.intro h1{font-size:clamp(42px,4.6vw,72px);line-height:1.4}.intro h1 em{display:inline-block;font-size:.55em;letter-spacing:0;margin-top:12px;color:#d4c09f}.intro-copy{color:#c1c7cc}.intro-bottom{color:#aeb8c0}.intro .eyebrow{color:#d4c09f}.header{background:#09131bf2;border-bottom:1px solid #ffffff12;backdrop-filter:blur(12px)}.menu-toggle{background:#16232e;border-color:#64717b;min-height:44px}.menu-toggle.is-back-top{width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;font-size:24px;display:grid;place-items:center}.menu-toggle:hover{background:#293845}.world .shade{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 97%,transparent) 28%,color-mix(in srgb,var(--bg) 87%,transparent) 42%,transparent 70%)}.world .eyebrow{color:#e1cfaa}.world.light .eyebrow{color:#454b40}.world .site-name,.world .description,.world-foot{opacity:1}.world .description,.world .site-name{color:#e5e7e9}.world.light .description,.world.light .site-name{color:#343b35}.world-foot{color:#d8dce0;text-shadow:0 1px 5px #000}.world.light .world-foot{color:#282e29;text-shadow:0 1px 5px #fff}.visit{background:#0b141c;color:#f5f2eb;border-color:#a4adb4}.light .visit{background:#f7f5ef;color:#282e29;border-color:#626b60}.visit:hover,.light .visit:hover{background:#e1d3b8;color:#17202a;border-color:#e1d3b8}
@media(max-width:760px){.intro h1{font-size:43px}.intro h1 em{font-size:24px;margin-top:8px}.intro-layout{gap:32px}.world .shade{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 34%,color-mix(in srgb,var(--bg) 92%,transparent) 48%,transparent 75%)}.world-content{padding-bottom:110px}.world-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){}

/* Text-only, borderless gateway navigation. */
.quick-links{display:grid;gap:2px;border:0;background:none}
.quick-link{display:flex;align-items:center;gap:16px;min-height:58px;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;transition:color .2s}
.quick-label{flex:1;display:grid;gap:5px}.quick-link .name{font-size:16px;line-height:1.4;letter-spacing:1px;color:#f6f3ec}.quick-caption{font-size:9px;line-height:1.4;letter-spacing:1.3px;color:#bbc4cc}.quick-link .arrow{font-size:20px;color:#d4c09f;width:28px;text-align:center;flex-shrink:0}.quick-link:hover,.quick-link:focus-visible{padding-left:0;background:none;box-shadow:none;transform:none}.quick-link:hover .name,.quick-link:focus-visible .name{color:#e2c68f}
@media(max-width:760px){.header{height:64px}.intro{padding:80px 7vw 24px;min-height:100svh}.intro-layout{gap:16px}.intro .eyebrow{font-size:8px;letter-spacing:1.6px;line-height:1.4;margin:0}.intro h1{font-size:30px;line-height:1.15;letter-spacing:1px;margin:10px 0}.intro h1 em{font-size:17px;line-height:1.3;margin-top:7px}.intro-copy{font-size:12px;line-height:1.6;margin:8px 0 0;max-width:none}.intro .explore,.intro-bottom{display:none}.quick-links{gap:0}.quick-link{min-height:46px;padding:5px 0;gap:12px}.quick-label{gap:2px}.quick-link .name{font-size:14px;letter-spacing:.5px;line-height:1.3}.quick-caption{font-size:8px;letter-spacing:1px;line-height:1.3}.quick-link .arrow{font-size:18px}.menu-toggle{font-size:11px;padding:9px 13px}}
@media(max-width:760px) and (max-height:700px){.intro{padding-top:74px;padding-bottom:16px}.intro-layout{gap:10px}.intro h1{font-size:27px;margin:7px 0}.intro h1 em{font-size:15px;margin-top:5px}.intro-copy{font-size:11px;margin-top:6px}.quick-link{min-height:42px;padding:4px 0}}
/* Hero v3: monochrome outlines, transient liquid transition, sparse dust. */
.intro{--hero-gold:#d9c6a2;background:linear-gradient(145deg,#09121a,#101b24 68%,#09121a)}.intro:before,.intro:after{content:"";position:absolute;left:58%;border-radius:50%;pointer-events:none;z-index:0}.intro:before{top:62%;width:min(850px,130vw);height:min(420px,65vw);border:1px solid #d7caab19;transform:translate(-50%,-50%) rotate(-10deg)}.intro:after{top:68%;width:min(650px,110vw);height:min(290px,50vw);border:1px solid #bccdd60f;transform:translate(-50%,-50%) rotate(13deg)}.bg-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.intro h1{font-family:Georgia,"Noto Serif TC","Songti TC",serif;font-weight:500;letter-spacing:-.02em;line-height:1.15}.intro h1 em{display:block;font-family:Georgia,serif;font-size:clamp(21px,2.1vw,32px);margin-top:22px;color:#cdbb98}.intro-copy{color:#c0c5c9;font-size:14px;line-height:1.9}.hero-navigation{min-width:0}.goo-filter{position:absolute;pointer-events:none}.goo-stage{--node-size:80px;--stage-height:360px;--home-size:122px;position:relative;width:100%;height:var(--stage-height);isolation:isolate}.goo-layer,.label-layer{position:absolute;inset:0}.goo-layer{opacity:0;pointer-events:none;transition:opacity .15s}.goo-stage.is-transitioning .goo-layer{filter:url(#psf-goo);opacity:.35}.label-layer{z-index:2;pointer-events:none}.label-subgroup{position:absolute;inset:0;pointer-events:none}.goo-dot,.goo-label{position:absolute;left:50%;bottom:88px;width:var(--node-size);height:var(--node-size);margin-left:calc(var(--node-size)/-2);margin-bottom:calc(var(--node-size)/-2);border-radius:50%;transform:translate(var(--x,0),var(--y,0)) scale(.4);opacity:0;transition:transform .65s cubic-bezier(.34,1.25,.5,1) var(--delay,0s),opacity .22s,border-color .2s,background .2s,box-shadow .2s}.goo-dot,.goo-dot.sub{background:#c9b993}.goo-dot.is-visible,.goo-label.is-visible{opacity:1;transform:translate(var(--x,0),var(--y,0)) scale(1)}.goo-dot.is-dimmed,.goo-label.is-dimmed{opacity:.22}.goo-core{width:var(--home-size);height:var(--home-size);margin-left:calc(var(--home-size)/-2);margin-bottom:calc(var(--home-size)/-2);opacity:1;transform:none}.goo-label{border:1px solid #ddd3bf57;background:#ffffff04;padding:7px;color:#efefeb;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;font-size:11px;line-height:1.35;text-align:center;backdrop-filter:blur(8px);box-shadow:0 10px 30px #0002}.goo-label.is-visible:not(.is-dimmed){pointer-events:auto}.goo-label svg{width:27px;height:27px;color:var(--hero-gold);flex-shrink:0}.goo-title{max-width:82%;line-height:1.3}.goo-label small{font-size:7px;line-height:1.1;letter-spacing:1px;color:var(--hero-gold)}.goo-label:disabled{cursor:default;border-style:dashed}.goo-label.is-visible:disabled{opacity:.55}.goo-label.is-visible.is-dimmed{opacity:.22}.goo-label:hover:not(:disabled):not(.is-dimmed),.goo-label.is-selected{border-color:#decca4f2;background:#cab78f14;box-shadow:0 0 0 4px #decca40a,0 12px 36px #0004}.goo-label:focus-visible{outline:2px solid #e6d3ac;outline-offset:4px}.goo-home{position:absolute;z-index:3;left:50%;bottom:88px;width:var(--home-size);height:var(--home-size);margin-left:calc(var(--home-size)/-2);margin-bottom:calc(var(--home-size)/-2);border:1px solid #e4d6b7f2;border-radius:50%;color:#e0caa2;background:radial-gradient(circle at 35% 28%,#e8daba24,#ffffff05 44%,transparent 72%);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 7px #e1d2b209,0 0 42px #cfb78b24,inset 0 0 24px #dccbab0d;transition:transform .4s}.goo-home[aria-expanded="true"]{transform:scale(.88)}.goo-hint{position:absolute;bottom:10px;left:0;right:0;margin:0;text-align:center;font-size:11px;letter-spacing:1px;color:#bec7cd;pointer-events:none}.explorer-mode{display:block;margin:6px auto 0;padding:9px 14px;min-height:40px;color:#c7d2d9;border:0;border-bottom:1px solid #ffffff35;background:none;font-size:11px;cursor:pointer}.explorer-mode[hidden]{display:none}.goo-explorer[data-view="goo"]>.quick-links{display:none}.goo-explorer[data-view="list"]>.goo-stage{display:none}.goo-explorer[data-view="list"]>.explorer-mode{margin:0 0 10px auto}.goo-explorer[data-view="list"]>.quick-links{display:grid}.intro-layout{grid-template-columns:1fr 1.1fr;gap:4vw}
@media(max-width:760px){.intro-layout{grid-template-columns:1fr;gap:12px}.intro h1{font-size:32px;line-height:1.15}.intro h1 em{font-size:20px;margin-top:12px}.intro-copy{font-size:12px;line-height:1.75}.goo-stage{--home-size:104px}.goo-label{font-size:9px;padding:5px;gap:4px}.goo-label svg{width:22px;height:22px}.goo-label small{font-size:6px;letter-spacing:.5px}.goo-label:disabled{gap:3px;font-size:8px}.goo-label:disabled .goo-title{white-space:nowrap;max-width:none}.goo-hint{font-size:10px;letter-spacing:.4px}.explorer-mode{margin-top:0;min-height:34px;font-size:10px}.intro:before,.intro:after{left:50%}}
@media(max-width:760px) and (max-height:700px){.intro h1{font-size:27px}.intro h1 em{font-size:17px;margin-top:8px}.intro-copy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.goo-stage.is-transitioning .goo-layer{filter:none;opacity:0}.goo-dot,.goo-label{transition:none}.bg-dust{display:none}}

/* Entry: logo brand, dark office backdrop, longer goo labels, direct-link list. */
.brand img{display:block;height:56px;width:auto}
.hero-photo{position:absolute;inset:0 auto 0 0;width:68%;pointer-events:none;opacity:.5;background:linear-gradient(180deg,#09121a80,#09121a33 45%,#09121aa6),url(/hero-office.webp) 60% center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent)}
.goo-title{max-width:90%;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.goo-zh{display:block;color:var(--hero-gold);letter-spacing:1px}
.quick-zh{font-size:12px;line-height:1.4;letter-spacing:1.5px;color:#d4c09f}
@media(max-width:760px){.brand img{height:42px}.hero-photo{inset:0 0 auto 0;width:100%;height:58%;opacity:.42;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent);mask-image:linear-gradient(180deg,#000 35%,transparent)}.goo-title{max-width:94%;line-height:1.2}.quick-zh{font-size:10px;line-height:1.3}}
