:root{--ink:#171717;--muted:#666;--paper:#fff;--rule:#e8e8e8}@font-face{font-family:Dosis;src:url(/fonts/dosis-latin.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-latin.woff2)format("woff2");font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;padding-top:116px;font-family:"Source Sans 3",Microsoft JhengHei,sans-serif}.brand-english,.hero h1,.section-heading h2,.gallery-overlay{font-family:Dosis,Microsoft JhengHei,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:5px;outline:2px solid #a15b29}.skip-link{z-index:100;background:#fff;padding:16px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:50;background:var(--paper);justify-content:space-between;align-items:center;gap:30px;width:100%;min-height:116px;padding:24px 5%;display:flex;position:fixed;inset:0 0 auto}.wordmark{align-items:center;gap:18px;display:flex}.brand-chinese{letter-spacing:.12em;font-size:30px;font-weight:500}.brand-english{letter-spacing:.22em;border-left:1px solid #ccc;padding-left:18px;font-size:12px}.navigation{align-items:center;gap:24px;display:flex}.navigation a{color:var(--muted);letter-spacing:.08em;align-items:center;min-height:44px;font-size:13px;display:flex}.navigation a:hover{color:#111}.navigation a[aria-current=page]{color:var(--ink);text-underline-offset:7px;text-decoration:underline}.menu-toggle{display:none}.hero{color:#fff;height:min(72vw,680px);min-height:420px;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 54%}.hero-shade{background:linear-gradient(#0000 35%,#0006);position:absolute;inset:0}.hero-title{flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.hero h1{letter-spacing:.16em;text-align:center;text-shadow:0 2px 18px #0009;margin:0;font-size:clamp(25px,3.3vw,50px);font-weight:400}.hero-line{background:#fffc;width:46px;height:1px;margin-top:28px;display:block}.hero-down{place-items:center;width:48px;height:48px;font-size:26px;display:grid;position:absolute;bottom:25px;left:calc(50% - 24px)}.portfolio{max-width:1440px;margin:auto;padding:80px 40px 92px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:32px;display:flex}.section-heading h2{letter-spacing:.06em;margin:0;font-size:26px;font-weight:400}.section-heading>span{color:var(--muted);letter-spacing:.24em;font-size:10px}.gallery-grid{columns:4;column-gap:7px}.gallery-item{break-inside:avoid;background:#f5f5f5;border:0;width:100%;margin:0 0 7px;padding:0;display:block;position:relative;overflow:hidden}.gallery-item img{width:100%;height:auto;transition:transform .5s;display:block}.gallery-overlay{color:#fff;opacity:0;letter-spacing:.2em;background:#0005;justify-content:center;align-items:center;gap:12px;font-size:14px;transition:opacity .25s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay,.gallery-item:focus-visible .gallery-overlay{opacity:1}.gallery-item:hover img{transform:scale(1.025)}.site-footer{border-top:1px solid var(--rule);padding:56px max(40px,50vw - 680px) 28px}.site-footer h2{letter-spacing:.1em;margin:0 0 28px;font-size:20px;font-weight:400}.contact-links{flex-wrap:wrap;gap:12px 40px;display:flex}.contact-links a{align-items:center;gap:20px;min-height:44px;font-size:14px;display:inline-flex}.contact-links a:hover{text-underline-offset:6px;text-decoration:underline}.footer-bottom{border-top:1px solid var(--rule);color:var(--muted);letter-spacing:.07em;justify-content:space-between;gap:20px;margin-top:56px;padding-top:24px;font-size:11px;display:flex}.lightbox{color:#fff;background:#151515;border:0;width:min(1100px,96vw);max-height:96dvh;padding:50px 20px 12px}.lightbox::backdrop{background:#000d}.lightbox-image{justify-content:center;display:flex}.lightbox-image img{width:auto;max-width:100%;height:auto;max-height:72dvh}.lightbox button{color:#fff;background:0 0;border:0;min-width:44px;min-height:44px;font-size:28px}.lightbox-close{position:absolute;top:3px;right:12px}.lightbox-controls{justify-content:center;align-items:center;gap:30px;margin-top:10px;display:flex}.lightbox-controls span{font-variant-numeric:tabular-nums;font-size:13px}.not-found{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;display:flex}.not-found a{text-decoration:underline}@media (max-width:960px){.gallery-grid{columns:3}.navigation{gap:24px}}@media (max-width:850px){body{padding-top:90px}.site-header{gap:0;min-height:90px;padding:20px}.brand-chinese{font-size:25px}.brand-english{letter-spacing:.14em;padding-left:12px;font-size:9px}.wordmark{gap:12px}.menu-toggle{background:0 0;border:0;place-items:center;width:44px;min-height:44px;padding:8px;display:grid}.menu-toggle-icon{gap:5px;width:22px;display:grid}.menu-toggle-icon span{background:var(--ink);width:100%;height:1px;display:block}.navigation{z-index:20;background:var(--paper);border-top:1px solid var(--rule);padding:12px 20px 20px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 18px #00000014}.navigation.is-open{grid-template-columns:repeat(2,1fr);gap:4px 24px;display:grid}.hero{height:68svh;min-height:400px;max-height:680px}.hero h1{letter-spacing:.08em;font-size:27px;line-height:1.8}.portfolio{padding:48px 20px}.section-heading{margin-bottom:24px}.site-footer{padding:40px 20px 24px}.contact-links{flex-direction:column;gap:4px}.footer-bottom{flex-direction:column;gap:12px;margin-top:32px}}@media (max-width:650px){.gallery-grid{columns:2}}@media (max-width:450px){.gallery-grid{columns:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}