@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-700-normal-AF3Rs61n.woff2)format("woff2"),url(/assets/syne-latin-700-normal-Cd-_iCn5.woff)format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-latin-800-normal-EehdNYzx.woff2)format("woff2"),url(/assets/syne-latin-800-normal-BuJcbPcX.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}@font-face{font-family:Noto Sans TC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-tc-chinese-traditional-400-normal-ijqRPkq_.woff2)format("woff2"),url(/assets/noto-sans-tc-chinese-traditional-400-normal-B_Fp4KPb.woff)format("woff")}@font-face{font-family:Noto Sans TC;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-tc-chinese-traditional-500-normal-CI7IWX24.woff2)format("woff2"),url(/assets/noto-sans-tc-chinese-traditional-500-normal-BC-pO_32.woff)format("woff")}@font-face{font-family:Noto Sans TC;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-tc-chinese-traditional-700-normal-C8s0_Inz.woff2)format("woff2"),url(/assets/noto-sans-tc-chinese-traditional-700-normal-tmC8TKCZ.woff)format("woff")}:root{--ink:#0c1219;--paper:#f0f3f6;--mist:#d5dee8;--steel:#5b6b7c;--accent:#0e7c7b;--accent-soft:#d2efee;--white:#fff;--font-display:"Syne", "Noto Sans TC", sans-serif;--font-body:"Manrope", "Noto Sans TC", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:7rem;--max:72rem;--nav-h:4.25rem;--ease:cubic-bezier(.22, 1, .36, 1);--shadow-soft:0 18px 50px #0c121914}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.65}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.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}.shell{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.site-nav{z-index:40;height:var(--nav-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--paper) 82%, transparent);border-bottom:1px solid color-mix(in srgb, var(--mist) 70%, transparent);align-items:center;display:flex;position:sticky;top:0}.site-nav__inner{justify-content:space-between;align-items:center;gap:var(--space-4);width:min(100% - 2.5rem, var(--max));margin-inline:auto;display:flex}.site-nav__brand{font-family:var(--font-display);letter-spacing:.18em;font-size:1.05rem;font-weight:700;text-decoration:none}.site-nav__links{align-items:center;gap:var(--space-5);display:flex}.site-nav__link{color:var(--steel);transition:color .18s var(--ease);font-size:.95rem;font-weight:500;text-decoration:none}.site-nav__link:hover{color:var(--ink)}.locale-toggle{border:1px solid var(--mist);background:color-mix(in srgb, var(--white) 70%, transparent);border-radius:999px;align-items:center;gap:.15rem;padding:.2rem;display:inline-flex}.locale-toggle__btn{letter-spacing:.04em;min-width:2.4rem;color:var(--steel);transition:background .18s var(--ease), color .18s var(--ease);border-radius:999px;padding:.35rem .55rem;font-size:.8rem;font-weight:600}.locale-toggle__btn.is-active{background:var(--ink);color:var(--paper)}.hero{isolation:isolate;min-height:calc(100svh - var(--nav-h));padding:var(--space-8) 0 var(--space-7);align-items:end;display:grid;position:relative;overflow:hidden}.hero__atmosphere{z-index:-1;background:radial-gradient(90% 70% at 12% 8%, #0e7c7b38, transparent 55%), radial-gradient(70% 55% at 88% 18%, #5b6b7c2e, transparent 50%), linear-gradient(165deg, #e8eef4 0%, var(--paper) 48%, #e4ebe8 100%);position:absolute;inset:0}.hero__atmosphere:before{content:"";opacity:.55;background-image:linear-gradient(#0c12190a 1px,#0000 1px),linear-gradient(90deg,#0c12190a 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 92%);mask-image:linear-gradient(#000 30%,#0000 92%)}.hero__atmosphere:after{content:"";opacity:.35;mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle at 70% 80%,#d2efee8c,#0000 40%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__content{width:min(100% - 2.5rem, var(--max));max-width:42rem;margin-inline:auto}.hero__brand{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;opacity:0;animation:brand-in 1.1s var(--ease) .1s forwards;margin:0;font-size:clamp(4.2rem,14vw,8.5rem);font-weight:800;line-height:.9}.hero__studio{margin:var(--space-5) 0 0;letter-spacing:.02em;opacity:0;animation:rise-in .9s var(--ease) .35s forwards;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:600}.hero__support{margin:var(--space-4) 0 0;max-width:34rem;color:var(--steel);opacity:0;animation:rise-in .9s var(--ease) .5s forwards;font-size:1.05rem}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);opacity:0;animation:rise-in .9s var(--ease) .65s forwards;flex-wrap:wrap;display:flex}.btn{min-height:2.85rem;transition:background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover{background:var(--accent)}.btn--ghost{border:1px solid var(--mist);background:color-mix(in srgb, var(--white) 55%, transparent);color:var(--ink)}.btn--ghost:hover{border-color:var(--accent);background:var(--accent-soft)}.btn--text{color:var(--accent);transition:background-size .22s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding-inline:.25rem;text-decoration:none}.btn--text:hover{background-size:100% 1.5px}.section{padding:var(--space-9) 0}.section--about{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 35%, transparent), transparent 40%), var(--paper)}.section__eyebrow{margin:0 0 var(--space-3);color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;font-weight:700}.section__title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4.5vw,3.15rem);line-height:1.1}.section__lead{margin:var(--space-5) 0 0;max-width:42rem;color:var(--steel);font-size:1.08rem}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(1.25rem)}.reveal.is-visible{opacity:1;transform:none}.project-block+.project-block{margin-top:var(--space-8)}.project-block__heading{margin:0 0 var(--space-5);font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.25rem,2.4vw,1.6rem)}.project-list{gap:0;display:grid}.project{gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid var(--mist);display:grid}.project:last-child{border-bottom:1px solid var(--mist)}.project--flagship{gap:var(--space-3);padding-block:var(--space-7)}.project__name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.15}.project__tagline{margin:var(--space-2) 0 0;color:var(--ink);font-weight:600}.project__desc{margin:var(--space-3) 0 0;max-width:40rem;color:var(--steel)}.project__actions{gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.project--more{grid-template-columns:1fr}@media (width>=720px){.project--more{align-items:start;column-gap:var(--space-6);grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto}.project--more .project__actions{justify-content:flex-end;margin-top:.35rem}}.site-footer{padding:var(--space-7) 0 var(--space-6);border-top:1px solid var(--mist);background:color-mix(in srgb, var(--ink) 96%, #1a2a33);color:color-mix(in srgb, var(--paper) 92%, white)}.site-footer__inner{justify-content:space-between;align-items:end;gap:var(--space-5);flex-wrap:wrap;display:flex}.site-footer__brand{font-family:var(--font-display);letter-spacing:.14em;margin:0;font-size:1.35rem;font-weight:700}.site-footer__tagline{margin:var(--space-2) 0 0;color:color-mix(in srgb, var(--paper) 65%, var(--steel));font-size:.95rem}.site-footer__links{gap:var(--space-5);display:flex}.site-footer__links a{color:color-mix(in srgb, var(--paper) 88%, white);background:linear-gradient(var(--accent-soft), var(--accent-soft)) 0 100% / 0 1.5px no-repeat;transition:background-size .22s var(--ease);font-weight:500;text-decoration:none}.site-footer__links a:hover{background-size:100% 1.5px}.site-footer__copy{width:100%;margin:var(--space-6) 0 0;color:color-mix(in srgb, var(--paper) 45%, var(--steel));font-size:.85rem}@keyframes brand-in{0%{opacity:0;letter-spacing:.28em;transform:translateY(.4rem)}to{opacity:1;letter-spacing:.08em;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@media (width<=640px){.site-nav__link{display:none}.site-nav__links{gap:var(--space-3)}.hero{padding-top:var(--space-7);align-items:center}.section{padding:var(--space-8) 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__brand,.hero__studio,.hero__support,.hero__actions,.reveal{opacity:1;letter-spacing:inherit;transition:none;animation:none;transform:none}}