:root{--bg: #e9e4dc;--bg-2: #dfd9d0;--ink: #141414;--ink-2: #4a4845;--mute: #8a877f;--line: #c9c3b8;--font: "Inter Tight", "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--gutter: clamp(16px, 2.2vw, 32px);--label: .72rem;--ease: cubic-bezier(.2,.7,.2,1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}button{font:inherit}.wrap{padding-inline:var(--gutter)}.label{font-size:var(--label);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.label.mute{color:var(--mute)}.dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ink);margin-right:.5em;vertical-align:1px}.link{position:relative;display:inline-block}.link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.link:hover:after,.link[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;align-items:center;padding-block:18px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.site-header .brand{display:block;line-height:0}.site-header .brand img{height:24px;width:auto}@media(max-width:560px){.site-header .brand img{height:18px}}.site-header nav{display:flex;gap:28px}.hero{padding-top:clamp(24px,6vw,72px);padding-bottom:clamp(20px,3vw,40px)}.wordmark{--chars: 5;font-size:clamp(40px,calc((100vw - 2 * var(--gutter) - 72px) / (var(--chars) * .66)),300px);font-weight:700;line-height:.82;letter-spacing:-.045em;text-transform:uppercase;display:flex;align-items:flex-end;justify-content:space-between;gap:.2em}.wordmark sup{font-size:.11em;font-weight:500;letter-spacing:0;line-height:1;align-self:flex-end;margin-bottom:.25em}@media(max-width:560px){.wordmark{font-size:calc((100vw - 2 * var(--gutter)) / (var(--chars) * .66))}.wordmark sup{display:none}}.info-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:var(--gutter);border-top:1px solid var(--line);padding-block:18px;margin-top:clamp(20px,4vw,56px)}.info-row p{max-width:42ch;color:var(--ink-2)}.info-row .right{text-align:right}@media(max-width:760px){.info-row{grid-template-columns:1fr 1fr}.info-row .right{text-align:left}}.grid{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,1fr);gap:clamp(28px,4vw,64px) var(--gutter);padding-block:clamp(20px,3vw,40px) clamp(60px,8vw,120px)}.card{grid-column:span 3}.card.large,.card.wide{grid-column:span 6}.card.tall{grid-column:span 3;grid-row:span 2}.card.medium{grid-column:span 4}.card.small{grid-column:span 3}.card:nth-child(4n+2){margin-top:clamp(0px,4vw,56px)}.card:nth-child(7n+5){margin-top:clamp(0px,7vw,96px)}.card .frame{position:relative;overflow:hidden;background:var(--bg-2);aspect-ratio:4 / 5}.card.wide .frame,.card.large.diorama .frame{aspect-ratio:3 / 2}.card.tall .frame{aspect-ratio:3 / 5}.card .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--ease),transform 1.2s var(--ease)}.card .frame img.alt{opacity:0}.card:hover .frame img.alt{opacity:1}.card:hover .frame img{transform:scale(1.02)}.card .meta{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin-top:10px}.card .meta .title{font-weight:500}.card .meta .year{color:var(--mute);text-align:right;white-space:nowrap}.card .meta .cat{grid-column:1 / -1}@media(max-width:1000px){.card,.card.large,.card.wide,.card.tall,.card.medium,.card.small{grid-column:span 6;grid-row:auto}.card.tall .frame{aspect-ratio:4 / 5}}@media(max-width:560px){.grid{gap:36px var(--gutter)}.card,.card.large,.card.wide,.card.tall,.card.medium,.card.small{grid-column:span 12;margin-top:0}.card.large .frame,.card.wide .frame{aspect-ratio:4 / 5}.card.wide .frame,.card.large.diorama .frame{aspect-ratio:3 / 2}}.work{display:grid;grid-template-columns:7fr 5fr;gap:var(--gutter);padding-top:8px;padding-bottom:clamp(60px,8vw,120px)}.work .views{display:grid;gap:var(--gutter)}.work .views figure{margin:0;background:var(--bg-2)}.work .views figcaption{margin-top:8px}.work .panel{position:sticky;top:72px;align-self:start;padding-left:clamp(0px,3vw,48px)}.work .panel h1{font-size:clamp(32px,4.2vw,64px);font-weight:600;line-height:.98;letter-spacing:-.03em;margin-top:8px;margin-bottom:28px}.specs{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;border-top:1px solid var(--line);padding-top:16px;margin-bottom:28px}.specs dt{color:var(--mute)}.specs dd{margin:0}.work .panel .desc{color:var(--ink-2);max-width:44ch}.work .panel .desc+.desc{margin-top:1em}.work-nav{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:16px}.work-nav>a{flex:1 1 0;min-width:0}.work-nav .label{display:block;margin-bottom:4px}@media(max-width:860px){.work{grid-template-columns:1fr}.work .panel{position:static;order:-1;padding-left:0;margin-bottom:24px}.work .panel h1{margin-bottom:20px}}.about{display:grid;grid-template-columns:5fr 7fr;gap:var(--gutter);padding-top:clamp(24px,4vw,56px);padding-bottom:clamp(60px,8vw,120px)}.about .portrait{background:var(--bg-2);aspect-ratio:4 / 5;overflow:hidden}.about .portrait img{width:100%;height:100%;object-fit:cover}.about .text{padding-left:clamp(0px,3vw,48px)}.about h1{font-size:clamp(36px,5.2vw,84px);font-weight:600;line-height:.98;letter-spacing:-.035em;max-width:14ch;margin-bottom:32px}.about .text p{max-width:54ch;font-size:1.05rem;color:var(--ink-2)}.about .text p+p{margin-top:1em}.about .facts{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;border-top:1px solid var(--line);margin-top:40px;padding-top:16px;max-width:48ch}.about .facts dt{color:var(--mute)}.about .facts dd{margin:0}.about .contact{margin-top:40px;display:grid;gap:6px}@media(max-width:860px){.about{grid-template-columns:1fr}.about .text{padding-left:0}.about .portrait{max-width:420px}}.site-footer{border-top:1px solid var(--line);padding-block:20px 28px;display:grid;grid-template-columns:1fr auto auto;gap:var(--gutter);align-items:end}.site-footer .big{font-size:clamp(28px,4.5vw,64px);font-weight:600;letter-spacing:-.035em;line-height:1}.site-footer .copy{color:var(--mute)}@media(max-width:600px){.site-footer{grid-template-columns:1fr;gap:14px}}@media(prefers-reduced-motion:no-preference){.reveal{animation:rise .8s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}.card.square{grid-column:span 4}.card.square .frame{aspect-ratio:1 / 1}@media(max-width:1000px){.card.square{grid-column:span 6}.card.square .frame{aspect-ratio:4 / 5}}@media(max-width:560px){.card.square{grid-column:span 12}}.others{padding-bottom:clamp(40px,6vw,80px)}.others-head{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.others-grid{padding-top:24px;padding-bottom:0}.others-grid .card{margin-top:0!important}.card.other{border:0;padding:0;background:none;cursor:zoom-in;text-align:left;color:inherit}.card.other .frame{aspect-ratio:4 / 5}.card.other:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.lightbox{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:color-mix(in srgb,var(--ink) 92%,transparent);color:var(--bg);display:none;place-items:center}.lightbox[open]{display:grid}.lightbox::backdrop{background:transparent}.lightbox img{max-width:min(92vw,1400px);max-height:88dvh;width:auto;height:auto;object-fit:contain}.lightbox button{position:fixed;background:none;border:0;color:inherit;cursor:pointer;font-size:var(--label);text-transform:uppercase;letter-spacing:.08em;padding:12px}.lb-close{top:16px;right:var(--gutter)}.lb-prev{left:var(--gutter);top:50%;transform:translateY(-50%);font-size:20px}.lb-next{right:var(--gutter);top:50%;transform:translateY(-50%);font-size:20px}.about.no-portrait{grid-template-columns:1fr}.about.no-portrait .text{padding-left:0;max-width:72ch}.about .who{margin-bottom:20px;font-size:1.05rem}.about .who .mute{color:var(--mute);margin-left:8px}.zh{color:var(--mute);letter-spacing:.01em}.card .meta .title .zh{display:block;font-weight:400;font-size:.9em;margin-top:2px}.specs dd .zh{display:block;font-size:.92em;margin-top:2px}.specs dt .zh{font-size:.85em}.work .panel .title-zh{font-size:clamp(16px,1.5vw,20px);color:var(--ink-2);margin-top:-18px;margin-bottom:28px}.work .panel .desc.zh{color:var(--mute);margin-top:1em}.label .zh{text-transform:none;letter-spacing:.04em;color:var(--ink-2)}