@charset "UTF-8";
:root{color-scheme:dark;--bg:#050505;--text:#f2f1ed;--muted:#7c7c79;--line:#292929;--pad:clamp(24px,4.7vw,88px);--ease:cubic-bezier(.22,.68,.16,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:1px solid #fff;outline-offset:7px}::selection{background:#e3e0d6;color:#050505}[hidden]{display:none!important}.skip-link{position:fixed;top:0;left:24px;z-index:20;padding:15px;background:white;color:black;transform:translateY(-120%)}.skip-link:focus{transform:none}
.site-header{padding:28px var(--pad) 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:flex;align-items:center;font-size:27px;font-weight:900;letter-spacing:-5px;line-height:1}.wordmark>span{transform:translate(-2px,5px);font-size:22px}.wordmark small{font-size:10px;font-weight:400;letter-spacing:.1em;margin-left:22px}.site-header nav{display:flex;gap:34px;font-size:11px}.site-header nav a{padding:10px 0}.site-header nav span{font-size:10px;margin-left:8px;color:var(--muted)}.site-header nav a:hover span{color:var(--text)}
.intro{padding:82px var(--pad) 68px;display:flex;justify-content:space-between;align-items:flex-end;gap:36px}.eyebrow{font-size:10px;letter-spacing:.11em;color:var(--muted)}.intro h1{font-size:clamp(100px,14.2vw,230px);line-height:.77;letter-spacing:-.073em;font-weight:700;margin:27px 0 0}.intro h1>span{display:inline-block;font-size:.16em;letter-spacing:0;vertical-align:top;margin:4px 0 0 16px}.intro-copy{padding-bottom:2px}.intro-copy p{font-size:clamp(16px,1.5vw,23px);line-height:1.8;letter-spacing:.02em;margin:0 0 22px}.intro-copy>span{font-size:8px;letter-spacing:.08em;color:var(--muted)}
.work-section{padding:0 var(--pad)}.category-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-button{display:flex;align-items:center;text-align:left;gap:8px;padding:25px 0;font-size:12px;color:#aaa;position:relative}.category-button::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .3s}.category-button:hover,.category-button[aria-pressed=true]{color:var(--text)}.category-button[aria-pressed=true]::after{transform:scaleX(1)}.category-count{font-size:8px;align-self:flex-start;margin-top:2px}.category-plus{margin-left:auto;font-size:15px;font-weight:300;transition:transform .3s}.category-button[aria-pressed=true] .category-plus{transform:rotate(45deg)}.work-status{display:flex;align-items:center;gap:20px;padding-top:22px;min-height:37px;font-size:9px;letter-spacing:.05em;color:var(--muted)}.work-status p{margin:0}.work-status button{font-size:10px;padding:0;color:var(--text)}.hover-hint{margin-left:auto;font-size:8px}
.work-grid{display:flex;flex-direction:column;gap:48px;padding:48px 0 80px;min-height:260px;opacity:1;transition:opacity .17s;overflow-anchor:none}.work-grid.is-changing{opacity:0}.work-row{--gap:clamp(24px,4vw,70px);--base:calc((100% - var(--gap)*3)/4.8);display:flex;gap:var(--gap);justify-content:space-between;align-items:flex-start}.work-card,.grid-spacer{flex:0 0 var(--base);min-width:0}.work-card{display:block;position:relative;transition:flex-basis .65s var(--ease),opacity .45s,filter .45s;outline-offset:10px}.work-card.is-active{flex-basis:calc(var(--base)*1.8);z-index:2}.work-grid.has-active .work-card:not(.is-active){opacity:.27;filter:saturate(.5)}.card-topline{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:8px;margin-bottom:12px}.card-topline .card-open{font-size:13px;color:#b6b6b1;line-height:1}.card-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#151515}.card-media img,.card-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.card-cover{transition:opacity .3s}.card-preview{opacity:0;transition:opacity .45s}.work-card.is-active .card-preview.is-ready{opacity:1}.card-media::after{content:"";position:absolute;inset:0;border:1px solid #ffffff09;pointer-events:none}.card-video-label{position:absolute;bottom:9px;right:9px;font-size:7px;letter-spacing:.1em;padding:4px 5px;background:#050505aa;z-index:1}.work-card.is-active .card-video-label{opacity:0}.card-info{padding-top:13px}.card-info h3{font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.01em;margin:0;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:font-size .5s var(--ease)}.work-card.is-active h3{font-size:17px;min-height:38px}.card-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#696967;line-height:1.5;margin-top:7px}.work-card.is-active .card-meta{color:#aaa}.work-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;font-size:9px;color:var(--muted);letter-spacing:.06em}.work-end a{color:var(--text)}.load-error{padding:60px 0;color:#aaa;font-size:15px}
.about-section{margin:100px var(--pad) 0;padding:72px 0 116px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-heading h2{font-size:clamp(50px,6.6vw,104px);line-height:1.2;letter-spacing:-.06em;font-weight:400;margin:35px 0}.about-signature{font-size:11px;color:var(--muted)}.about-copy{padding-top:43px;max-width:520px}.about-copy .about-lead{font-size:24px;color:var(--text);line-height:1.7;margin-top:0;margin-bottom:28px}.about-copy p{font-size:13px;line-height:2.1;color:#999}.about-copy dl{margin-top:35px}.about-copy dl>div{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:25px;font-size:11px;line-height:1.8}.about-copy dt{color:var(--muted);flex-shrink:0}.about-copy dd{margin:0}.site-footer{padding:70px var(--pad) 26px;border-top:1px solid var(--line)}.contact-heading>a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(35px,6.3vw,100px);letter-spacing:-.05em;margin-top:28px}.contact-heading>a>span{font-size:.8em}.contact-details{display:flex;gap:40px;font-size:13px;margin-top:35px}.contact-details a{border-bottom:1px solid #555;padding-bottom:5px}.footer-bottom{margin-top:90px;display:flex;gap:30px;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.06em}.footer-bottom a:hover{color:var(--text)}
@media(min-width:1800px){.work-grid{gap:70px}.card-info h3{font-size:15px}.work-card.is-active h3{font-size:22px}}
@media(max-width:900px){.site-header nav{gap:20px}.site-header nav span{display:none}.intro{padding-top:65px;align-items:flex-start;flex-direction:column;gap:35px}.intro h1{font-size:22vw}.intro-copy p{font-size:17px;margin-bottom:12px}.category-filters{gap:22px}.category-button{font-size:10px;gap:5px}.work-row{--gap:28px;--base:calc((100% - var(--gap))/2)}.work-card.is-active{flex-basis:var(--base)}.work-grid.has-active .work-card:not(.is-active){opacity:1;filter:none}.work-card.is-active h3{font-size:12px}.hover-hint{display:none}.about-section{gap:8%;margin-top:60px}.about-copy .about-lead{font-size:20px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:540px){:root{--pad:22px}.site-header{padding-top:24px}.wordmark small{font-size:8px;margin-left:16px}.site-header nav{gap:16px;font-size:10px}.intro{padding-top:62px;padding-bottom:42px}.intro h1{font-size:22.5vw;margin-top:24px}.intro h1>span{margin-left:8px}.eyebrow{font-size:8px}.intro-copy p{font-size:16px}.intro-copy>span{font-size:7px}.category-filters{display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-button{flex:0 0 auto;font-size:11px;padding:22px 0;gap:5px}.category-plus{display:none}.category-count{font-size:7px}.work-status{padding-top:20px;font-size:8px}.work-grid{gap:28px;padding-top:30px;padding-bottom:50px}.work-row{--gap:22px}.card-info{padding-top:9px}.card-info h3{font-size:11px;min-height:35px}.card-topline{margin-bottom:8px;font-size:7px}.card-meta{font-size:7px}.card-meta .card-quantity{display:none}.card-video-label{font-size:6px;bottom:6px;right:6px}.work-end{font-size:7px}.about-section{grid-template-columns:1fr;padding:50px 0 70px;gap:0;margin-top:50px}.about-heading h2{font-size:56px;margin:28px 0}.about-copy{padding-top:35px}.about-copy .about-lead{font-size:21px}.about-copy p{font-size:12px}.site-footer{padding-top:45px}.contact-heading>a{font-size:36px}.contact-details{flex-direction:column;align-items:flex-start;gap:15px;font-size:12px}.footer-bottom{margin-top:58px;gap:20px;font-size:7px}.footer-bottom>*{flex-basis:calc(50% - 10px)}.footer-bottom>:nth-child(even){text-align:right}}
@media(max-width:540px){.category-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible}.category-button{display:block;font-size:11px;white-space:nowrap}.category-count{position:absolute;top:10px;right:1px;margin:0;font-size:6px}}
@media(max-width:350px){.category-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.about-heading h2{font-size:clamp(44px,5vw,80px);line-height:1.25}
.experience-section{margin:0 var(--pad) 110px}.experience-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 0;border-top:1px solid var(--line)}.experience-heading h2{font-size:14px;font-weight:400;margin:0}.experience-list,.experience-tags{list-style:none;padding:0;margin:0}.experience-row{display:grid;grid-template-columns:minmax(125px,1fr) minmax(0,2.2fr) 24px;gap:36px;padding:44px 0;border-top:1px solid var(--line)}.experience-date,.experience-number{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.experience-number{text-align:right}.experience-content h3{font-size:clamp(19px,2.1vw,30px);font-weight:400;line-height:1.45;letter-spacing:-.02em;margin:0 0 12px}.experience-role{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.experience-description{max-width:760px;font-size:13px;line-height:2;color:#aaa;margin:24px 0 0}.experience-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.experience-tags li{border:1px solid #383838;border-radius:30px;font-size:10px;padding:8px 12px;color:#b9b9b5}.experience-education{margin:0 0 19px}
@media(max-width:900px){.experience-row{grid-template-columns:135px minmax(0,1fr) 20px;gap:24px}.experience-section{margin-bottom:80px}}
@media(max-width:540px){.about-heading h2{font-size:clamp(40px,12vw,56px)}.experience-section{margin-bottom:60px}.experience-heading{align-items:flex-start;padding:22px 0}.experience-heading h2{font-size:12px}.experience-row{grid-template-columns:minmax(0,1fr) 20px;gap:18px;padding:30px 0}.experience-date{grid-column:1;grid-row:1;font-size:10px}.experience-number{grid-column:2;grid-row:1;font-size:9px}.experience-content{grid-column:1/-1;grid-row:2}.experience-content h3{font-size:21px}.experience-description{font-size:12px;margin-top:18px}.experience-tags{margin-top:20px}.experience-tags li{font-size:9px;padding:7px 11px}}