:root{--paper:#f8f5f1;--surface:#fefcf9;--ink:#171b20;--ink-soft:#545860;--ink-faint:#82868e;--accent:#cc342d;--accent-ink:#8c7c7a;--line:#dad7d2;--media-bg:#e2ded5;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-body:"Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.75rem, 1rem + 2.5vw, 2.75rem);--text-hero:clamp(2.75rem, 1.5rem + 5vw, 5rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:72px;--content-width:1120px;--content-gutter:clamp(16px, 4vw, 40px);--duration-fast:.14s;--duration-normal:.24s;--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow-card:0 1px 0 var(--line), 0 8px 24px -18px #171b2059;--shadow-dialog:0 24px 64px -24px #171b2073}@supports (color:color(display-p3 0 0 0)){:root{--paper:color(display-p3 .969306 .962935 .947806);--surface:color(display-p3 .99355 .989286 .979151);--ink:color(display-p3 .0940787 .104545 .124617);--ink-soft:color(display-p3 .330911 .345721 .373863);--ink-faint:color(display-p3 .512756 .526488 .552483);--accent:color(display-p3 .737799 .256497 .209948);--accent-ink:color(display-p3 .538141 .488414 .478748);--line:color(display-p3 .85213 .84383 .824146);--media-bg:color(display-p3 .881772 .869221 .839513);--shadow-card:0 1px 0 var(--line), 0 8px 24px -18px color(display-p3 .0940787 .104545 .124617/.35);--shadow-dialog:0 24px 64px -24px color(display-p3 .0940787 .104545 .124617/.45)}}@supports (color:lab(0% 0 0)){:root{--paper:lab(96.7765% .164807 2.28323);--surface:lab(99.0885% .107318 1.52055);--ink:lab(9.47247% -.459656 -4.40383);--ink-soft:lab(37.3104% -.641167 -5.18482);--ink-faint:lab(55.8797% -.590056 -4.4647);--accent:lab(47.0999% 59.4346 42.4083);--accent-ink:lab(53.4255% 5.98249 3.67002);--line:lab(86.1122% .226587 3.04878);--media-bg:lab(88.4475% .354767 4.58311);--shadow-card:0 1px 0 var(--line), 0 8px 24px -18px lab(9.47247% -.459656 -4.40383/.35);--shadow-dialog:0 24px 64px -24px lab(9.47247% -.459656 -4.40383/.45)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}button{cursor:pointer;color:inherit;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{z-index:10;background:color-mix(in oklab, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{max-width:var(--content-width);padding:var(--space-5) var(--content-gutter) var(--space-4);justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin:0 auto;display:flex}.brand__name{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.1}.brand__role{margin:var(--space-1) 0 0;font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.tab-bar{gap:var(--space-2);border-bottom:1px solid var(--line);margin-bottom:-1px;display:flex}.tab-bar__tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);letter-spacing:.08em;color:var(--ink-soft);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;position:relative}.tab-bar__tab:after{content:"";left:var(--space-4);right:var(--space-4);background:var(--accent);transform-origin:0;height:2px;transition:transform var(--duration-normal) var(--ease-out);position:absolute;bottom:-1px;transform:scaleX(0)}.tab-bar__tab[aria-selected=true]{color:var(--ink)}.tab-bar__tab[aria-selected=true]:after{transform:scaleX(1)}.tab-bar__tab:hover{color:var(--ink)}.tab-bar__index{color:var(--accent);font-feature-settings:"tnum";margin-right:var(--space-2)}.site-main{max-width:var(--content-width);padding:var(--space-8) var(--content-gutter) var(--space-10);margin:0 auto}[hidden]{display:none!important}.works__intro{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink-soft)}.works__grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.work-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);border-radius:3px;flex-direction:column;display:flex;position:relative;overflow:hidden}.work-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.media{aspect-ratio:16/9;background:var(--media-bg);width:100%;position:relative;overflow:hidden}.media img,.media video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.media__badge{left:var(--space-2);bottom:var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--surface);pointer-events:none;background:#171b20b8;background:color(display-p3 .0940787 .104545 .124617/.72);background:lab(9.47247% -.459656 -4.40383/.72);border-radius:2px;padding:2px 8px;font-size:.6875rem;position:absolute}.media__play{pointer-events:none;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.media__play:before{content:"";background:color-mix(in oklab, var(--accent) 88%, transparent);width:46px;height:46px;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;grid-area:1/1;transform:scale(.92);box-shadow:0 4px 16px -6px #171b2080;box-shadow:0 4px 16px -6px color(display-p3 .0940787 .104545 .124617/.5);box-shadow:0 4px 16px -6px lab(9.47247% -.459656 -4.40383/.5)}.media__play:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #fff;grid-area:1/1;width:0;height:0;margin-left:4px}.work-card:hover .media__play:before{transform:scale(1)}.work-card__body{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-5);flex-direction:column;min-width:0;display:flex;position:relative}.work-card__title{padding-right:var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.work-card__desc{font-size:var(--text-sm);color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.work-card__more{top:var(--space-3);right:var(--space-3);border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--ink-soft);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute}.work-card__more:hover{color:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.dialog-backdrop{z-index:50;padding:var(--space-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--duration-normal) var(--ease-out);background:#171b2080;background:color(display-p3 .0940787 .104545 .124617/.5);background:lab(9.47247% -.459656 -4.40383/.5);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{width:min(100%, var(--content-width));max-height:calc(100vh - 2 * var(--space-5));max-height:calc(100dvh - 2 * var(--space-5));background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-dialog);padding:var(--space-6);animation:dialog-in var(--duration-normal) var(--ease-out);border-radius:4px;position:relative;overflow-y:auto}.dialog__close{top:var(--space-4);right:var(--space-4);border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-soft);font-size:var(--text-lg);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute}.dialog__close:hover{color:var(--accent);border-color:var(--accent)}.dialog__title{margin:0 0 var(--space-5);padding-right:var(--space-8);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600;line-height:1.15}.dialog__video{aspect-ratio:16/9;width:100%;margin-bottom:var(--space-5);background:#000;border-radius:3px;position:relative;overflow:hidden}.dialog__video--media{background:var(--media-bg)}.dialog__video video,.dialog__video img,.dialog__video iframe{object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.dialog__video iframe{border:0}.dialog__link{margin:calc(-1 * var(--space-3)) 0 var(--space-4);font-size:var(--text-sm)}.dialog__link a{color:var(--accent);border-bottom:1px solid color-mix(in oklab, var(--accent) 40%, transparent);text-decoration:none}.dialog__link a:hover{border-bottom-color:var(--accent)}.dialog__desc{white-space:pre-line;color:var(--ink);line-height:1.8}.pdf{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.pdf__toolbar{z-index:5;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in oklab, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;display:flex;position:sticky;top:78px}.pdf__toolbar button{border:1px solid var(--line);background:var(--surface);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:999px}.pdf__toolbar button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.pdf__toolbar button:disabled{opacity:.4;cursor:not-allowed}.pdf__page-indicator{font-size:var(--text-sm);color:var(--ink-soft);text-align:center;font-feature-settings:"tnum";min-width:84px}.pdf__canvas{box-shadow:var(--shadow-card);background:#fff}.app-loading,.app-error{max-width:var(--content-width);padding:var(--space-8) var(--content-gutter);margin:0 auto}.app-error{color:var(--accent)}.app-error__actions{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.app-error__actions a{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm,4px);color:inherit;border:1px solid;text-decoration:none;display:inline-block}.app-error__actions a:hover{background:var(--accent);color:var(--bg)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:959px){.works__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.site-header__inner{align-items:stretch;gap:var(--space-3);padding-top:var(--space-4);padding-bottom:var(--space-3);padding-left:calc(var(--content-gutter) + env(safe-area-inset-left));padding-right:calc(var(--content-gutter) + env(safe-area-inset-right));flex-direction:column}.brand__name{font-size:clamp(1.5rem,8vw,2rem)}.tab-bar{align-self:stretch;gap:var(--space-2);border-bottom:none;grid-template-columns:1fr 1fr;display:grid}.tab-bar__tab{text-align:center;border:1px solid var(--line);border-radius:999px;min-height:44px}.tab-bar__tab[aria-selected=true]{background:var(--ink);color:var(--surface)}.tab-bar__tab[aria-selected=true]:after{display:none}.site-main{padding:var(--space-5) var(--content-gutter) calc(var(--space-8) + env(safe-area-inset-bottom))}.works__grid{gap:var(--space-4);grid-template-columns:1fr}.work-card__more{width:40px;height:40px}.dialog-backdrop{padding:var(--space-2)}.dialog{max-height:calc(100vh - 2 * var(--space-2));max-height:calc(100dvh - 2 * var(--space-2));padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));border-radius:6px}.dialog__close{width:44px;height:44px}.dialog__desc{line-height:1.7}.pdf__toolbar{align-self:center;position:static}.pdf__toolbar button{min-width:44px;min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}