:root{color-scheme:light dark;--background:#f4f5ef;--surface:#eaede4;--surface-strong:#dfe5da;--text:#20231f;--muted:#62685f;--line:#cfd4cb;--accent:#3f6b4f;--accent-text:#f8faf6;--radius:16px;--shell:min(1180px, calc(100% - 48px));font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang TC,Noto Sans TC,sans-serif}@media (prefers-color-scheme:dark){:root{--background:#181a17;--surface:#232720;--surface-strong:#2c332b;--text:#eff1eb;--muted:#aab0a5;--line:#3d433a;--accent:#a7c7ae;--accent-text:#162019}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{background:var(--background);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}body,a,button{transition:background-color .18s,color .18s,border-color .18s,transform .18s}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}img{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:10;border-radius:var(--radius);background:var(--text);color:var(--background);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);height:72px}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.wordmark{letter-spacing:-.04em;font-size:1.1rem;font-weight:760;text-decoration:none}.site-nav{white-space:nowrap;align-items:center;gap:clamp(22px,4vw,44px);display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(40px,8vw,112px);min-height:calc(100dvh - 72px);padding-block:clamp(48px,9vh,88px);display:grid}.hero-copy h1{letter-spacing:-.075em;max-width:12ch;margin:0;font-size:clamp(3rem,5.6vw,4.9rem);font-weight:720;line-height:1.02}.hero-copy p{max-width:30rem;color:var(--muted);margin:28px 0 0;font-size:clamp(1.06rem,1.8vw,1.25rem)}.hero-copy .hero-description-en{letter-spacing:.01em;margin-top:10px;font-size:.95rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);min-height:48px;color:var(--accent-text);white-space:nowrap;justify-content:center;align-items:center;padding:11px 19px;font-weight:680;line-height:1;text-decoration:none;display:inline-flex}.button.secondary{border-color:var(--line);color:var(--text);background:0 0}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.hero-visual{border-radius:var(--radius);background:var(--surface);place-items:center;min-height:460px;margin:0;display:grid;overflow:hidden}.hero-visual img{width:min(92%,456px);height:auto}.chalk-illustration{object-fit:contain}@media (prefers-color-scheme:dark){.chalk-illustration,.hero-visual img{filter:invert()}}.section{border-top:1px solid var(--line);padding-block:clamp(88px,12vw,152px)}.section-heading{max-width:42rem;margin-bottom:clamp(40px,7vw,72px)}.section-heading h2,.page-heading h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:700;line-height:1.05}.section-heading p,.page-heading p{max-width:36rem;color:var(--muted);margin:18px 0 0}.empty-work{grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(36px,8vw,100px);display:grid}.empty-visual{border-radius:var(--radius);background:var(--surface);place-items:center;min-height:360px;display:grid}.empty-visual img{width:min(86%,420px)}.empty-copy h3{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15}.empty-copy p{max-width:31rem;color:var(--muted);margin:0}.works-list{gap:72px;display:grid}.work-row{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:clamp(32px,7vw,88px);display:grid}.work-row:nth-child(2n) .work-image{order:2}.work-image{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:var(--surface);width:100%}.work-copy h3{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.5rem)}.work-copy p{color:var(--muted)}.store-links{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.writing-empty{grid-template-columns:156px minmax(0,1fr);align-items:center;gap:clamp(26px,5vw,56px);padding:28px 0;display:grid}.writing-empty img{width:156px}.writing-empty h3{letter-spacing:-.035em;margin:0 0 8px;font-size:1.55rem}.writing-empty p{color:var(--muted);margin:0}.post-list{display:grid}.post-link{border-bottom:1px solid var(--line);grid-template-columns:11rem minmax(0,1fr) auto;align-items:baseline;gap:24px;padding:28px 0;text-decoration:none;display:grid}.post-link:first-child{border-top:1px solid var(--line)}.post-link time,.post-link .category{color:var(--muted);font-size:.9rem}.post-link h2,.post-link h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.25rem,2.5vw,2rem)}.page-hero{grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:48px;padding-block:clamp(72px,10vw,120px);display:grid}.page-hero img{width:260px}.about-hero{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(40px,8vw,112px);min-height:calc(100dvh - 72px);padding-block:clamp(48px,9vh,88px);display:grid}.about-intro h1{letter-spacing:-.07em;max-width:10ch;margin:0;font-size:clamp(3.25rem,7vw,5.8rem);font-weight:720;line-height:1.02}.about-intro p{max-width:30rem;color:var(--muted);margin:28px 0 32px;font-size:clamp(1.06rem,1.8vw,1.25rem)}.about-visual{border-radius:var(--radius);background:var(--surface);place-items:center;min-height:440px;margin:0;display:grid;overflow:hidden}.about-visual img{width:min(90%,430px);height:auto}.about-story{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:clamp(48px,10vw,140px);display:grid}.about-story-copy h2,.about-contact h2{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:700;line-height:1.05}.about-story-copy p,.about-contact p{max-width:34rem;color:var(--muted);margin:22px 0 0}.about-focus{margin:0}.about-focus div{border-bottom:1px solid var(--line);padding:24px 0}.about-focus div:first-child{padding-top:0}.about-focus dt{color:var(--accent);margin-bottom:8px;font-weight:720}.about-focus dd{color:var(--muted);margin:0}.about-contact{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(44px,10vw,132px);display:grid}.about-contact img{width:min(100%,330px)}.about-contact .button{margin-top:30px}.archive{padding-bottom:120px}.article-shell{width:min(760px,100% - 48px);margin-inline:auto;padding-block:clamp(72px,10vw,120px)}.article-header{margin-bottom:56px}.article-header h1{letter-spacing:-.06em;margin:14px 0 18px;font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.04}.article-meta{color:var(--muted)}.prose{font-size:1.06rem}.prose h2,.prose h3{letter-spacing:-.035em;margin:2.5em 0 .7em;line-height:1.2}.prose p,.prose ul,.prose ol{margin:1.2em 0}.prose a{color:var(--accent)}.prose code{background:var(--surface);border-radius:6px;padding:.15em .35em;font-size:.9em}.prose pre{border-radius:var(--radius);background:var(--surface);padding:20px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.legal-shell{grid-template-columns:260px minmax(0,720px);justify-content:space-between;gap:clamp(48px,10vw,140px);padding-block:clamp(64px,9vw,112px);display:grid}.legal-aside{align-self:start;position:sticky;top:32px}.language-switch{gap:18px;margin-top:24px;display:flex}.language-switch a{color:var(--muted);text-decoration:none}.language-switch a[aria-current=page]{color:var(--text);text-decoration:underline}.document-app{color:var(--accent);margin:0;font-weight:680}.legal-prose h1{letter-spacing:-.06em;margin:12px 0 16px;font-size:clamp(2.7rem,6vw,5rem);line-height:1.05}.updated-at,.fallback-note{color:var(--muted)}.fallback-note{border-radius:var(--radius);background:var(--surface);padding:12px 14px}.not-found{grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:60px;min-height:calc(100dvh - 144px);display:grid}.not-found h1{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,8vw,7rem);line-height:1}.not-found p{color:var(--muted)}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:104px;display:flex}.footer-inner p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (width<=767px){:root{--shell:min(100% - 32px, 1180px)}.site-header{height:64px}.hero{grid-template-columns:1fr;gap:36px;min-height:calc(100dvh - 64px);padding-block:48px}.hero-copy h1{max-width:none;font-size:clamp(2.65rem,11.5vw,3.4rem)}.hero-visual{min-height:320px}.empty-work,.work-row,.page-hero,.about-hero,.about-story,.about-contact,.legal-shell,.not-found{grid-template-columns:1fr}.about-hero{gap:36px;min-height:calc(100dvh - 64px);padding-block:48px}.about-intro h1{font-size:clamp(3rem,15vw,4.6rem)}.about-visual{min-height:320px}.about-contact img{width:190px}.work-row:nth-child(2n) .work-image{order:initial}.page-hero{align-items:start}.page-hero img{width:190px}.post-link{grid-template-columns:1fr;gap:7px}.post-link .category{display:none}.legal-aside{grid-template-columns:150px 1fr;align-items:end;gap:24px;display:grid;position:static}.legal-aside img{width:150px}.footer-inner{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}