@font-face{font-family:"TikTok Sans";src:url("https://yuquedoc.oss-cn-shanghai.aliyuncs.com/dhz-portfolio/assets/1bcb9bc8476448f2/fonts/TikTokSans-Latin.woff2") format("woff2");font-display:optional;font-style:normal;font-weight:100 900}@font-face{font-family:"Geist Mono";src:url("https://yuquedoc.oss-cn-shanghai.aliyuncs.com/dhz-portfolio/assets/3414aa57c8fbad05/fonts/GeistMono-Latin.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:100 900}:root{color-scheme:light;--bg:#fbfaf4;--surface:#efede7;--text:#111313;--muted:rgba(54, 54, 48, 0.62);--quiet:rgba(54, 54, 48, 0.36);--line:rgba(54, 54, 48, 0.14);--accent:#a9e800;--gutter:clamp(1rem, 4vw, 3.5rem);--ease:cubic-bezier(0.16, 1, 0.3, 1)}:root.dark{color-scheme:dark;--bg:#0f1111;--surface:#191b1b;--text:#f5f6f6;--muted:rgba(230, 232, 232, 0.62);--quiet:rgba(230, 232, 232, 0.34);--line:rgba(230, 232, 232, 0.12);--accent:#c0fe04}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"TikTok Sans",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{border:0;padding:0;background:0 0;color:inherit;font:inherit}img{display:block;width:100%;height:auto}.work-nav{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 var(--gutter);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.work-wordmark{font-size:16px;font-weight:760;letter-spacing:-.02em;text-transform:uppercase}.work-nav nav{display:flex;align-items:center;gap:clamp(.75rem,2.2vw,2rem);font-family:"Geist Mono",monospace;font-size:13px;text-transform:uppercase}.theme-toggle,.work-nav nav a{position:relative;cursor:pointer}.theme-toggle::after,.work-nav nav a::after{position:absolute;right:0;bottom:-.4rem;left:0;height:1px;background:var(--accent);content:"";transform:scaleX(0);transform-origin:right;transition:transform 220ms var(--ease)}.theme-toggle:focus-visible::after,.theme-toggle:hover::after,.work-nav nav a:focus-visible::after,.work-nav nav a:hover::after,.work-nav nav a[aria-current=page]::after{transform:scaleX(1);transform-origin:left}.theme-toggle:focus-visible,.work-nav nav a:focus-visible{outline:2px dotted var(--accent);outline-offset:5px}main{padding:0 var(--gutter)}.work-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-content:end;min-height:min(100dvh,900px);padding:8rem 0 clamp(4rem,9vw,8rem)}.work-hero h1{grid-column:1/span 10;margin:0;font-size:clamp(3.5rem, 8.1vw, 9rem);font-variation-settings:"wdth" 112;font-weight:720;letter-spacing:-.065em;line-height:.9}.work-hero p{grid-column:7/-1;max-width:44rem;margin:clamp(2.5rem,6vw,6rem) 0 0;color:var(--muted);font-size:clamp(1.1rem, 2.2vw, 2rem);line-height:1.24}.all-work,.featured-work{padding:clamp(4.5rem,10vw,10rem) 0;border-top:1px solid var(--line)}.all-work h2,.featured-work h2{margin:0 0 clamp(2rem,5vw,4.5rem);font-size:clamp(2rem, 4vw, 4.5rem);font-weight:660;letter-spacing:-.045em;line-height:1}.featured-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2.5rem,7vw,7rem) 1rem}.featured-card{display:block}.featured-card--primary{grid-column:5/-1}.featured-card--secondary{grid-column:1/span 5}.featured-card--tertiary{grid-column:7/-1;margin-top:clamp(3rem,8vw,8rem)}.featured-card figure{position:relative;overflow:hidden;margin:0;background:var(--surface);aspect-ratio:16/9}.featured-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter 350ms var(--ease)}.featured-card:focus-visible img,.featured-card:hover img{filter:saturate(1.06) contrast(1.02);transform:scale(1.018)}.featured-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.featured-card__meta{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1.5rem;padding-top:.8rem;font-family:"Geist Mono",monospace;font-size:12px;line-height:1.2;text-transform:uppercase}.featured-card__meta span:nth-child(2){color:var(--muted)}.all-work__heading{max-width:54rem}.all-work__heading h2{margin-bottom:1.25rem}.all-work__heading p{max-width:42rem;margin:0;color:var(--muted);font-size:clamp(1.05rem, 1.6vw, 1.45rem);line-height:1.45}.work-browser{display:grid;grid-template-columns:minmax(0,7fr) minmax(22rem,5fr);gap:clamp(2rem,6vw,6rem);margin-top:clamp(4rem,8vw,8rem);align-items:start}.work-groups{min-width:0}.work-group+.work-group{margin-top:clamp(3.5rem,7vw,6.5rem)}.work-group h3{margin:0 0 1.1rem;color:var(--muted);font-family:"Geist Mono",monospace;font-size:12px;font-weight:500;text-transform:uppercase}.work-rows{border-top:1px solid var(--line)}.project-row{position:relative;display:grid;grid-template-columns:minmax(12rem,1.2fr) minmax(12rem,1fr) auto;gap:1.5rem;align-items:baseline;padding:1.25rem 0;border-bottom:1px solid var(--line);transition:color 220ms var(--ease),padding 220ms var(--ease)}.project-row::before{position:absolute;top:50%;left:0;width:0;height:2px;background:var(--accent);content:"";transition:width 220ms var(--ease)}.project-row.is-active,.project-row:focus-visible,.project-row:hover{color:var(--text)}.project-row.is-active::before,.project-row:focus-visible::before,.project-row:hover::before{width:2rem}.project-row:focus-visible{outline:0}.project-row__thumb{display:none}.project-row__name,.project-row__role,.project-row__year{grid-row:1}.project-row__name{grid-column:1;font-size:clamp(1rem, 1.35vw, 1.25rem);font-weight:630;transition:transform 220ms var(--ease)}.project-row.is-active .project-row__name,.project-row:focus-visible .project-row__name,.project-row:hover .project-row__name{transform:translateX(2.6rem)}.project-row__role,.project-row__year{color:var(--muted);font-family:"Geist Mono",monospace;font-size:11px;text-transform:uppercase}.project-row__role{grid-column:2}.project-row__year{grid-column:3;text-align:right}.work-preview{position:sticky;top:7rem}.work-preview__frame{overflow:hidden;background:var(--surface);aspect-ratio:16/9}.work-preview__frame img{width:100%;height:100%;object-fit:cover;transition:opacity 180ms ease,transform .5s var(--ease)}.work-preview.is-changing img{opacity:0;transform:scale(.985)}.work-preview__caption{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding-top:.9rem;font-family:"Geist Mono",monospace;font-size:11px;text-transform:uppercase}.work-preview__caption span{color:var(--muted)}.work-preview__caption strong{font-weight:500;text-align:right}.work-footer{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));min-height:60dvh;padding:clamp(5rem,10vw,10rem) var(--gutter) 2.5rem;border-top:1px solid var(--line);align-content:end}.work-footer p{grid-column:1/-1;margin:0 0 1rem;color:var(--muted);font-family:"Geist Mono",monospace;font-size:12px;text-transform:uppercase}.work-footer a{grid-column:1/span 10;font-size:clamp(2.7rem, 7vw, 8rem);font-weight:700;letter-spacing:-.06em;line-height:.95}.work-footer a:focus-visible,.work-footer a:hover{color:var(--accent);outline:0}.work-footer>span{grid-column:1/-1;margin-top:clamp(4rem,9vw,9rem);color:var(--muted);font-family:"Geist Mono",monospace;font-size:11px;text-transform:uppercase}.has-js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.has-js [data-reveal].is-visible{opacity:1;transform:none}@media (max-width:900px){.work-nav{height:64px}.work-nav nav{gap:1rem;font-size:11px}.theme-toggle,.work-nav nav a:first-child{display:none}.work-hero{display:block;min-height:0;padding:7rem 0 2.5rem}.work-hero h1{font-size:clamp(2.25rem, 9vw, 3.5rem);line-height:.92}.work-hero h1 br{display:none}.work-hero p{max-width:34rem;margin-top:1.25rem;font-size:1rem;line-height:1.55}.featured-grid,.work-browser{display:block}.featured-card,.featured-card--tertiary{margin:0 0 3.5rem}.featured-card__meta{grid-template-columns:minmax(0,1fr) auto}.featured-card__meta span:nth-child(2){display:none}.work-preview{display:none}.project-row{grid-template-columns:minmax(0,1fr) auto;gap:.65rem 1rem;padding:1.25rem 0 1.6rem}.project-row::before{display:none}.project-row__thumb{display:block;grid-column:1/-1;width:100%;margin-bottom:.65rem;background:var(--surface);aspect-ratio:16/9;object-fit:cover}.project-row__name,.project-row__role,.project-row__year{grid-row:auto}.project-row__name{grid-column:1;transform:none!important}.project-row__year{grid-column:2;grid-row:2}.project-row__role{grid-column:1/-1;grid-row:3}.work-footer a{grid-column:1/-1;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}.has-js [data-reveal]{opacity:1;transform:none}}