@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{--paper:#f3f3ef;--surface:#fff;--ink:#171815;--muted:#6f726b;--line:#d7d8d1;--accent:#c9f55a;--accent-ink:#26330a;--dark-band:#181a17;--dark-muted:#aeb2a7;--max:1240px}[data-theme=dark]{--paper:#171916;--surface:#20231f;--ink:#f1f2ec;--muted:#a5a99f;--line:#383b35;--dark-band:#0e100e;--accent-ink:#26330a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);letter-spacing:0;margin:0;font-family:DM Sans,Noto Sans SC,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 64px), var(--max));margin-inline:auto}.site-shell{min-height:100vh;overflow:clip}.site-header{z-index:30;background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;height:72px;display:flex}.brand{align-items:center;gap:11px;font-size:12px;font-weight:700;display:flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--paper);place-items:center;display:grid}.main-nav{gap:32px;margin-left:auto;margin-right:34px;display:flex}.main-nav a{color:var(--muted);font-size:12px;position:relative}.main-nav a:after{content:"";background:var(--ink);height:2px;transition:right .2s;position:absolute;bottom:-7px;left:0;right:100%}.main-nav a:hover{color:var(--ink)}.main-nav a:hover:after{right:0}.header-actions{gap:8px;display:flex}.theme-toggle,.menu-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:0 0;font-size:18px}.menu-toggle{display:none}.intro-band{border-bottom:1px solid var(--line);align-items:center;min-height:calc(100vh - 72px);padding:84px 0 72px;display:flex}.intro-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:end;gap:clamp(60px,9vw,135px);display:grid}.kicker{color:var(--muted);letter-spacing:.17em;margin:0 0 26px;font-size:10px;font-weight:700}.intro-copy h1{max-width:870px;margin:0;font-size:clamp(52px,7.5vw,108px);font-weight:600;line-height:.95}.intro-copy h1 em,.closing-grid h2 em{font-family:Playfair Display,Noto Sans SC,serif;font-weight:600}.intro-lede{max-width:700px;color:var(--muted);margin:40px 0 0;font-size:clamp(16px,1.7vw,22px);line-height:1.8}.intro-links{align-items:center;gap:28px;margin-top:36px;display:flex}.button{justify-content:space-between;align-items:center;min-width:150px;padding:14px 17px;font-size:12px;font-weight:700;display:inline-flex}.button-dark{background:var(--ink);color:var(--paper)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:12px;font-weight:700}.intro-facts{border-top:1px solid var(--line)}.intro-profile{border-bottom:1px solid var(--line);margin:0;padding:18px 0 24px}.intro-profile-button,.gallery-image-button{width:100%;color:inherit;background:0 0;border:0;padding:0}.intro-profile-button{display:block}.intro-profile img{width:auto;max-width:100%;height:auto;max-height:360px;margin-inline:auto}.intro-profile-button img,.gallery-image-button img{transition:transform .2s,filter .2s}.intro-profile-button:hover img,.gallery-image-button:hover img{filter:brightness(.96);transform:scale(1.015)}.intro-profile-button:focus-visible,.gallery-image-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.fact-card{border-bottom:1px solid var(--line);padding:27px 0 32px}.fact-label,.project-label{color:var(--muted);letter-spacing:.16em;font-size:9px;font-weight:700;display:block}.fact-card strong{margin:17px 0 10px;font-size:18px;display:block}.fact-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}.section{padding:120px 0}.section-heading{grid-template-columns:56px 1fr;align-items:start;gap:28px;margin-bottom:65px;display:grid}.section-index{border:1px solid var(--line);place-items:center;width:42px;height:42px;font-size:10px;display:grid}.section-heading h2{margin:0;font-size:clamp(40px,5vw,70px);font-weight:600;line-height:1}.section-heading p{max-width:660px;color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.8}.stack-band{background:var(--surface)}.tool-layout{grid-template-columns:1.25fr .75fr;gap:clamp(60px,9vw,140px);margin-bottom:65px;display:grid}.tool-list{border-top:1px solid var(--line)}.tool-list>div{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr;gap:20px;padding:23px 0;display:grid}.tool-list span{color:var(--muted);text-transform:uppercase;font-size:10px}.tool-list strong{font-size:15px;font-weight:600}.stack-note{border-left:3px solid var(--accent);align-self:center;padding-left:30px}.stack-note .kicker{margin-bottom:14px}.stack-note>p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.gallery{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.gallery-item{background:var(--paper);border:1px solid var(--line);grid-column:span 4;align-self:start;min-width:0;margin:0}.gallery-item:nth-child(5n+1){grid-column:span 7}.gallery-item:nth-child(5n+2){grid-column:span 5}.gallery-item img{object-fit:contain;object-position:center;background:#e2e3dc;width:100%;height:330px;padding:10px}.gallery-item figcaption{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:20px;padding:18px;display:grid}.gallery-item strong{font-size:12px}.gallery-item span{color:var(--muted);font-size:10px;line-height:1.55}.gallery-bare .gallery-item{background:0 0;border:0;grid-column:span 6}.gallery-bare .gallery-item:nth-child(n){grid-column:span 6}.gallery-bare .gallery-item img{object-fit:cover;background:0 0;height:330px;padding:0}.gallery-compact .gallery-item,.gallery-compact .gallery-item:nth-child(n){grid-column:span 3}.gallery-compact .gallery-item img{height:280px}.gallery-client{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-client .gallery-item,.gallery-client .gallery-item:nth-child(n){grid-column:auto}.gallery-client .gallery-item img{height:340px}.projects-band{background:var(--paper)}.project-intro-grid{grid-template-columns:.85fr 1.15fr;gap:22px;margin-bottom:70px;display:grid}.feature-project{background:var(--accent);min-height:330px;color:var(--accent-ink);flex-direction:column;align-items:flex-start;padding:38px;display:flex}.feature-project .project-label{color:#637d23}.feature-project h3{margin:auto 0 12px;font-size:48px;line-height:1}.feature-project p{color:#4e6418;max-width:390px;margin:0 0 25px;font-size:13px;line-height:1.7}.feature-project a{border-bottom:1px solid var(--accent-ink);padding-bottom:4px;font-size:12px;font-weight:700}.project-points{border-top:1px solid var(--line)}.project-points>div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;align-items:center;gap:28px;min-height:110px;display:grid}.project-points strong{font-size:13px}.project-points span{color:var(--muted);font-size:12px;line-height:1.7}.subsection-heading{border-top:1px solid var(--line);grid-template-columns:220px 1fr;align-items:baseline;gap:40px;margin:95px 0 32px;padding-top:25px;display:grid}.subsection-heading>span{font-size:20px;font-weight:700}.subsection-heading p{max-width:520px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.client-group-heading{margin-top:62px}.running-band{background:var(--dark-band);color:#f2f3ed}.running-band .section-index{border-color:#444941}.running-band .section-heading p{color:var(--dark-muted)}.running-band .gallery-item,.running-band .gallery-item:nth-child(n){background:#20231f;border-color:#3a3d37;grid-column:span 4}.running-band .gallery-item figcaption{border-color:#3a3d37}.running-band .gallery-item span{color:var(--dark-muted)}.life-band{background:var(--surface)}.life-block+.life-block{margin-top:115px}.life-block .subsection-heading{margin-top:0}.lobster-block .gallery-item img{object-position:center}.closing-band{background:var(--accent);color:var(--accent-ink);padding:100px 0}.closing-grid{grid-template-columns:1fr .7fr;align-items:end;gap:80px;display:grid}.closing-grid .kicker{color:#5c751f}.closing-grid h2{margin:0;font-size:clamp(44px,6vw,82px);line-height:1}.closing-links{border-top:1px solid #819f36}.closing-links>a,.douyin-line{border-bottom:1px solid #819f36;grid-template-columns:110px 1fr;align-items:center;min-height:70px;display:grid}.closing-links span{color:#5c751f;font-size:10px}.closing-links strong{font-size:13px}footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.image-preview{z-index:100;background:#0a0c0ae0;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.image-preview-content{flex-direction:column;align-items:center;width:min(94vw,1440px);max-height:92vh;display:flex;position:relative}.image-preview-content img{object-fit:contain;background:#111;max-width:100%;max-height:calc(92vh - 68px);display:block}.image-preview-close{z-index:1;color:#fff;background:#00000085;border:1px solid #ffffff8c;border-radius:50%;width:42px;height:42px;font-size:29px;line-height:1;position:absolute;top:12px;right:12px}.image-preview-close:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.image-preview-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.image-preview-caption{color:#fff;align-items:baseline;gap:14px;width:100%;padding:13px 0 0;display:flex}.image-preview-caption strong{font-size:13px}.image-preview-caption span{color:#cdd0c8;font-size:11px}@media (width<=900px){.container{width:min(calc(100% - 40px), var(--max))}.main-nav{background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:22px;margin:0;padding:24px;display:none;position:absolute;top:71px;left:20px;right:20px}.main-nav.is-open{display:flex}.header-actions{margin-left:auto}.menu-toggle{display:block}.intro-band{min-height:auto}.intro-grid,.tool-layout,.project-intro-grid,.closing-grid{grid-template-columns:1fr}.intro-grid{gap:70px}.intro-facts{max-width:560px}.gallery-item,.gallery-item:nth-child(n),.gallery-compact .gallery-item:nth-child(n){grid-column:span 6}.gallery-item img,.gallery-compact .gallery-item img{height:300px}.closing-grid{gap:60px}}@media (width<=600px){.container{width:min(calc(100% - 28px), var(--max))}.header-inner{height:64px}.brand{font-size:10px}.intro-band{padding:65px 0 55px}.intro-copy h1{font-size:52px}.intro-lede{margin-top:28px;font-size:15px}.intro-links{flex-direction:column;align-items:flex-start;gap:20px}.section{padding:82px 0}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:45px}.section-heading h2{font-size:42px}.tool-list>div{grid-template-columns:1fr;gap:9px}.stack-note{padding-left:18px}.gallery{gap:14px}.gallery-item,.gallery-item:nth-child(n),.gallery-compact .gallery-item:nth-child(n){grid-column:1/-1}.gallery-item img,.gallery-compact .gallery-item img{aspect-ratio:auto;object-fit:contain;height:auto;max-height:none}.gallery-item figcaption{grid-template-columns:1fr;gap:7px}.intro-profile img{height:auto;max-height:430px}.feature-project{min-height:290px;padding:28px}.feature-project h3{font-size:40px}.project-points>div{grid-template-columns:1fr;gap:8px;padding:23px 0}.subsection-heading{grid-template-columns:1fr;gap:10px;margin-top:72px}.life-block+.life-block{margin-top:85px}.closing-band{padding:75px 0}.closing-grid h2{font-size:47px}.closing-links>a,.douyin-line{grid-template-columns:80px 1fr}.footer-inner{flex-direction:column;align-items:flex-start;gap:10px}.image-preview{padding:16px}.image-preview-content{width:100%;max-height:94vh}.image-preview-content img{max-height:calc(94vh - 74px)}.image-preview-caption{flex-direction:column;gap:5px;padding-top:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.notebook-page{background:var(--paper);min-height:100vh;color:var(--ink)}.notebook-wrap{width:min(100% - 64px,760px);margin-inline:auto}.notebook-nav{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:sticky;top:0}.notebook-nav .notebook-wrap{justify-content:space-between;align-items:center;width:min(100% - 64px,1080px);height:68px;display:flex}.notebook-brand{align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.notebook-brand span{background:var(--ink);width:27px;height:27px;color:var(--paper);place-items:center;display:grid}.notebook-nav-actions{align-items:center;gap:34px;display:flex}.notebook-nav nav{gap:28px;display:flex}.notebook-nav nav a{color:var(--muted);font-size:12px}.notebook-nav nav a.is-current,.notebook-nav nav a:hover,.notebook-body a:hover{color:var(--ink)}.notebook-body{padding:72px 0 110px}.notebook-body p{margin:0 0 27px;font-size:20px;font-weight:500;line-height:1.75}.notebook-body a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:5px;overflow-wrap:anywhere}.profile-document h1{margin:0 0 30px;font-size:34px;font-weight:700;line-height:1.25}.profile-document h2{margin:42px 0 16px;font-size:23px;font-weight:700;line-height:1.35}.profile-document ol{margin:0;padding-left:25px}.profile-document li{margin-bottom:15px;font-size:20px;font-weight:500;line-height:1.75}@media (width<=650px){.notebook-wrap,.notebook-nav .notebook-wrap{width:min(100% - 32px,760px)}.notebook-nav-actions{gap:12px}.notebook-nav nav{gap:14px;overflow-x:auto}.notebook-nav nav a{white-space:nowrap;font-size:11px}.notebook-body{padding:48px 0 76px}.notebook-body p{margin-bottom:23px;font-size:16px}.profile-document h1{margin-bottom:24px;font-size:28px}.profile-document h2{margin:34px 0 13px;font-size:20px}.profile-document li{margin-bottom:13px;font-size:16px}}.profile-page{background:var(--paper);min-height:100vh;color:var(--ink)}.profile-wrap{width:min(100% - 64px,1080px);margin-inline:auto}.profile-nav{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:sticky;top:0}.profile-nav-inner{justify-content:space-between;align-items:center;width:min(100% - 64px,1080px);height:68px;margin-inline:auto;display:flex}.profile-brand{align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.profile-brand span{background:var(--ink);width:27px;height:27px;color:var(--paper);place-items:center;display:grid}.profile-nav nav{gap:28px;display:flex}.profile-nav nav a{color:var(--muted);font-size:12px}.profile-nav nav a:hover{color:var(--ink)}.profile-hero{border-bottom:1px solid var(--line);padding:130px 0 115px}.profile-eyebrow,.profile-index{color:var(--muted);letter-spacing:.14em;margin:0;font-size:10px;font-weight:700}.profile-hero h1{margin:24px 0 30px;font-size:clamp(58px,10vw,132px);font-weight:600;line-height:.86}.profile-hero h1 em{font-family:Playfair Display,Noto Sans SC,serif;font-weight:600}.profile-summary{max-width:600px;color:var(--muted);margin:0;font-size:18px;line-height:1.75}.profile-show-link{background:var(--ink);min-width:180px;color:var(--paper);justify-content:space-between;align-items:center;margin-top:40px;padding:14px 16px;font-size:12px;font-weight:700;display:inline-flex}.profile-section{border-bottom:1px solid var(--line);padding:78px 0}.profile-section-alt{background:var(--surface)}.profile-grid{grid-template-columns:210px minmax(0,1fr);gap:60px;display:grid}.profile-content{max-width:720px}.profile-content>p{margin:0 0 20px;font-size:17px;line-height:1.85}.profile-douyin{font-weight:700;font-size:24px!important}.profile-link-list{border-top:1px solid var(--line);margin-top:38px}.profile-link-list a{border-bottom:1px solid var(--line);grid-template-columns:160px 1fr 24px;align-items:center;gap:20px;min-height:78px;display:grid}.profile-link-list span{font-size:12px;font-weight:700}.profile-link-list strong{overflow-wrap:anywhere;color:var(--muted);font-size:12px;font-weight:400}.profile-link-list b{font-size:16px}.profile-link-list a:hover strong{color:var(--ink);text-decoration:underline}.profile-tags{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.profile-tags span{border:1px solid var(--line);padding:9px 13px;font-size:12px}.profile-footer{padding:30px 0}.profile-footer .profile-wrap{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.profile-footer a{color:var(--ink);font-weight:700}@media (width<=650px){.profile-wrap,.profile-nav-inner{width:min(100% - 32px,1080px)}.profile-hero{padding:90px 0 76px}.profile-hero h1{font-size:60px}.profile-summary{font-size:16px}.profile-grid{grid-template-columns:1fr;gap:26px}.profile-section{padding:58px 0}.profile-content>p{font-size:15px}.profile-link-list a{grid-template-columns:1fr 24px;gap:8px;padding:16px 0}.profile-link-list strong{grid-area:2/1}.profile-link-list b{grid-area:1/2}}