*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--off-white:#f7f6f3;--black:#1c1c1a;--gray-700:#3a3a37;--gray-500:#6a6a66;--gray-300:#b0afab;--gray-100:#e8e7e3;--gold:#976d36;--gold-light:#b08040;--gold-dark:#7a5628;--font-zh:"Noto Sans TC", "PingFang TC", sans-serif;--font-zh-display:"Noto Serif TC", "PingFang TC", serif;--font-en:"Inter Tight", sans-serif;--font-en-display:"Cormorant Garamond", serif;--fs-caption:13px;--fs-body:16px;--fs-h3:20px;--fs-h2:28px;--fs-h1:40px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--grid-columns:12;--grid-gutter:24px;--grid-margin:80px;--grid-max-width:1280px;--grid-gutter-md:16px;--grid-margin-md:40px;--grid-gutter-sm:16px;--grid-margin-sm:24px;--spine-w:220px;--topbar-h:56px;--surface-dark:#1c1c1a;--ghost-fill:#c8c8c42e}@media (width<=1024px){:root{--grid-margin:40px}}@media (width<=767px){:root{--grid-margin:24px}.page-title{font-size:var(--fs-h2)}}[data-theme=dark]{--white:#1c1c1a;--off-white:#3a3a37;--black:#f7f6f3;--gray-700:#ffffffd9;--gray-500:#ffffff8c;--gray-300:#ffffff59;--gray-100:#ffffff14;--gold:#b08040;--gold-dark:#c89352}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-width:none;font-size:16px}html::-webkit-scrollbar{display:none}body{font-family:var(--font-zh);background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.85;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.page-inner{max-width:var(--grid-max-width);padding-left:var(--grid-margin);padding-right:var(--grid-margin);margin-left:auto;margin-right:auto}.page-header{padding:var(--sp-20) 0 var(--sp-12);border-bottom:1px solid var(--gray-100);position:relative;overflow:hidden}.page-ghost{top:var(--sp-4);font-family:var(--font-en-display);letter-spacing:-.02em;color:var(--ghost-fill);user-select:none;pointer-events:none;font-size:clamp(80px,12vw,160px);font-weight:300;line-height:1;position:absolute;right:40px}.sec-num{font-family:var(--font-en);letter-spacing:.24em;text-transform:uppercase;color:var(--gray-300);margin-bottom:var(--sp-4);font-size:10px;font-weight:400}.page-title{font-family:var(--font-zh-display);font-size:var(--fs-h1);letter-spacing:-.01em;color:var(--black);margin-bottom:var(--sp-3);font-weight:500;line-height:1.2}.page-sub{font-family:var(--font-zh);font-size:var(--fs-caption);color:var(--gray-500);letter-spacing:.02em;font-weight:300;line-height:1.7}.eyebrow{font-family:var(--font-en);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-size:10px;font-weight:400}.page-header--spacious{padding-bottom:var(--sp-16)}.page-header--spacious .page-title{margin-bottom:var(--sp-6)}.icon-lg{stroke-width:1.5px;fill:none;width:24px;height:24px}.icon-xl{stroke-width:1.5px;fill:none;width:32px;height:32px}.btn-primary,.btn-outline,.btn-gold{font-family:var(--font-zh);font-size:var(--fs-caption);letter-spacing:.08em;cursor:pointer;padding:10px 26px;font-weight:400;transition:background .18s,color .18s;display:inline-block}.btn-primary:active,.btn-outline:active,.btn-gold:active{opacity:.8;transform:translateY(1px)}.btn-primary:focus-visible,.btn-outline:focus-visible,.btn-gold:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn-primary:disabled,.btn-outline:disabled,.btn-gold:disabled{opacity:.3;pointer-events:none}.btn-primary{background:var(--black);color:var(--white);border:none}.btn-primary:hover{background:var(--gray-700)}.btn-outline{color:var(--black);border:1px solid var(--black);background:0 0}.btn-outline:hover{background:var(--black);color:var(--white)}.btn-gold{background:var(--gold);color:var(--white);border:none}.btn-gold:hover{background:var(--gold-dark)}.link-gold{font-family:var(--font-en);letter-spacing:.06em;color:var(--gold);border-bottom:1px solid var(--gold-light);padding-bottom:1px;font-size:14px;transition:color .15s,border-color .15s;display:inline-block}.link-gold:hover{color:var(--gold-dark);border-bottom-color:var(--gold-dark)}.filter-tabs{gap:var(--sp-6);margin-top:var(--sp-8);align-items:center;display:flex}.filter-tab{font-family:var(--font-en);letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500);border-bottom:1px solid #0000;padding-bottom:4px;font-size:10px;transition:color .15s,border-color .15s}.filter-tab:hover{color:var(--black)}.filter-tab.active{color:var(--black);border-bottom-color:var(--gold)}.projects-section{padding:var(--sp-12) 0 var(--sp-16)}.projects-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--white);border:1px solid var(--gray-100);flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 4px 24px #1c1c1a14}.card-image{aspect-ratio:4/3;background:var(--gray-100);position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.project-card:hover .card-image img{transform:scale(1.04)}.card-tags{gap:var(--sp-2);margin-bottom:var(--sp-1);display:flex}.card-tag{font-family:var(--font-en);letter-spacing:.14em;text-transform:uppercase;padding:3px 11px;font-size:10px;display:inline-block}.tag-gold{border:1px solid var(--gold);color:var(--gold)}.tag-outline{border:1px solid var(--gray-300);color:var(--gray-500)}.tag-muted{border:1px solid var(--gray-100);color:var(--gray-300)}.card-body{padding:var(--sp-4) var(--sp-4) var(--sp-6);gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.card-meta{font-family:var(--font-en);letter-spacing:.06em;color:var(--gray-500);font-size:11px}.card-name{font-family:var(--font-zh-display);color:var(--black);margin:0;font-size:17px;font-weight:400;line-height:1.4}.card-desc{font-family:var(--font-zh);font-size:var(--fs-caption);color:var(--gray-500);letter-spacing:.02em;margin-top:var(--sp-1);font-weight:300;line-height:1.7}.card-link{padding-top:var(--sp-3);margin-top:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar[data-astro-cid-gyg4mjbe],.drawer-backdrop[data-astro-cid-gyg4mjbe]{display:none}.spine[data-astro-cid-gyg4mjbe]{width:var(--spine-w);z-index:100;background:var(--white);padding:var(--sp-12) var(--sp-6);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.spine[data-astro-cid-gyg4mjbe]:after{content:"";background:linear-gradient(to bottom, var(--gold) var(--scroll-pct,0%), var(--gray-100) var(--scroll-pct,0%));width:1px;position:absolute;top:0;bottom:0;right:0}.spine-logo[data-astro-cid-gyg4mjbe]{flex-shrink:0;display:block}.spine-logo[data-astro-cid-gyg4mjbe] img[data-astro-cid-gyg4mjbe]{width:100%;height:auto}.logo-light[data-astro-cid-gyg4mjbe]{display:block}.logo-dark[data-astro-cid-gyg4mjbe],[data-theme=dark] .logo-light[data-astro-cid-gyg4mjbe]{display:none}[data-theme=dark] .logo-dark[data-astro-cid-gyg4mjbe]{display:block}.spine-nav[data-astro-cid-gyg4mjbe]{flex:1;align-items:center;display:flex}.spine-nav[data-astro-cid-gyg4mjbe] ul[data-astro-cid-gyg4mjbe]{width:100%}.spine-nav[data-astro-cid-gyg4mjbe] li[data-astro-cid-gyg4mjbe]+li[data-astro-cid-gyg4mjbe]{margin-top:20px}.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe]{-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;align-items:center;gap:10px;padding:4px 0 4px 12px;text-decoration:none;display:flex}.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe]:active,.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe]:focus,.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe]:focus-visible{background:0 0;outline:none}.floor-num[data-astro-cid-gyg4mjbe]{font-family:var(--font-en-display);letter-spacing:.02em;color:var(--gray-300);flex-shrink:0;width:32px;font-size:20px;font-weight:300;line-height:1;transition:color .15s}.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe] .nav-label[data-astro-cid-gyg4mjbe]{font-family:var(--font-zh);letter-spacing:.08em;color:var(--gray-500);font-size:11px;font-weight:300;line-height:1;transition:color .15s}.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe]:hover .floor-num[data-astro-cid-gyg4mjbe]{color:var(--gray-500)}.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe]:hover .nav-label[data-astro-cid-gyg4mjbe]{color:var(--black)}.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe].active{box-shadow:inset 2px 0 0 var(--gold)}.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe].active .floor-num[data-astro-cid-gyg4mjbe],.spine-nav[data-astro-cid-gyg4mjbe] a[data-astro-cid-gyg4mjbe].active .nav-label[data-astro-cid-gyg4mjbe]{color:var(--gold)}.spine-bottom[data-astro-cid-gyg4mjbe]{flex-direction:column;flex-shrink:0;gap:0;display:flex}.spine-typewriter[data-astro-cid-gyg4mjbe]{border:1px solid var(--gray-100);font-family:var(--font-zh);letter-spacing:.12em;color:var(--gray-500);padding:6px 8px;font-size:9px;line-height:1.6}.typewriter-label[data-astro-cid-gyg4mjbe]{font-family:var(--font-zh);letter-spacing:.12em;color:var(--gray-300);margin-bottom:4px;font-size:9px;line-height:1.6}.typewriter-cursor[data-astro-cid-gyg4mjbe]{background:var(--gray-300);vertical-align:middle;width:1px;height:.9em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.spine-theme-toggle[data-astro-cid-gyg4mjbe]{width:100%;margin-top:var(--sp-3);border:1px solid var(--gray-100);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;padding:6px 8px;display:flex}.spine-theme-toggle[data-astro-cid-gyg4mjbe]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.spine-theme-toggle[data-astro-cid-gyg4mjbe]:hover svg{transition:stroke .15s;stroke:var(--gray-500)!important}.toggle-sun[data-astro-cid-gyg4mjbe],[data-theme=dark] .toggle-moon[data-astro-cid-gyg4mjbe]{display:none}[data-theme=dark] .toggle-sun[data-astro-cid-gyg4mjbe]{display:inline-flex}@media (width<=1024px){.topbar[data-astro-cid-gyg4mjbe]{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--gray-100);padding:0 var(--sp-6);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar-logo[data-astro-cid-gyg4mjbe] img[data-astro-cid-gyg4mjbe]{width:120px;height:auto}.hamburger[data-astro-cid-gyg4mjbe]{cursor:pointer;padding:var(--sp-2);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.hamburger[data-astro-cid-gyg4mjbe]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.drawer-backdrop[data-astro-cid-gyg4mjbe]{z-index:150;opacity:0;pointer-events:none;background:#1c1c1a80;transition:opacity .3s;display:block;position:fixed;inset:0}.drawer-backdrop[data-astro-cid-gyg4mjbe].open{opacity:1;pointer-events:auto}.spine[data-astro-cid-gyg4mjbe]{z-index:200;box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.spine[data-astro-cid-gyg4mjbe]:after{display:none}.spine[data-astro-cid-gyg4mjbe].drawer-open{transform:translate(0);box-shadow:4px 0 32px #1c1c1a26}}.site-footer[data-astro-cid-jo6i4kqk]{margin-left:var(--spine-w);padding-top:var(--sp-12);background:var(--off-white);margin-top:-1px}@media (width<=1024px){.site-footer[data-astro-cid-jo6i4kqk]{margin-left:0}}[data-theme=dark] .site-footer[data-astro-cid-jo6i4kqk]{background:var(--surface-dark)}.footer-skyline[data-astro-cid-jo6i4kqk]{width:100%;height:auto;display:block}.skyline-light[data-astro-cid-jo6i4kqk]{mix-blend-mode:multiply;opacity:.65}.skyline-dark[data-astro-cid-jo6i4kqk]{mix-blend-mode:screen;opacity:.45;display:none}[data-theme=dark] .skyline-light[data-astro-cid-jo6i4kqk]{display:none}[data-theme=dark] .skyline-dark[data-astro-cid-jo6i4kqk]{display:block}.footer-legal[data-astro-cid-jo6i4kqk]{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-8) var(--sp-3);font-family:var(--font-en);color:var(--gray-300);letter-spacing:.05em;flex-wrap:wrap;font-size:10px;display:flex}.footer-legal-zh[data-astro-cid-jo6i4kqk]{font-family:var(--font-zh);letter-spacing:.02em}.footer-legal-sep[data-astro-cid-jo6i4kqk]{color:var(--gray-100);font-size:9px}.spine-content{margin-left:var(--spine-w);min-height:100vh}@media (width<=1024px){.spine-content{padding-top:var(--topbar-h);margin-left:0}}