:root{--site-accent:#e5484d;--site-secondary:#4d7fff;--radius:6px;--page-pad:clamp(20px, 4vw, 64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4f2ee;-webkit-font-smoothing:antialiased;background:#111110;margin:0;font-family:Noto Sans SC,system-ui,sans-serif}button,a,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img,video{max-width:100%;display:block}.site{--bg:#111110;--bg-soft:#181816;--bg-strong:#20201e;--text:#f4f2ee;--muted:#a7a49e;--line:#ffffff1f;--hero-text:#fff;--hero-muted:#ffffffc2;--hero-scrim:linear-gradient(90deg, #080808e0 0%, #08080894 46%, #0808081f 100%), linear-gradient(to top, #0808086b 0%, #08080800 42%);background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}.site-loading{place-items:center;min-height:100vh;display:grid}.site-loading-mark{color:#f4f2ee5c;font-family:Noto Serif SC,serif;font-size:2.5rem;font-weight:600}.site.theme-gallery{--bg:#f3f1ec;--bg-soft:#ece9e2;--bg-strong:#e3dfd6;--text:#171716;--muted:#66635e;--line:#14141424;--hero-text:#fff;--hero-muted:#ffffffc7;--hero-scrim:linear-gradient(90deg, #0d0d0dc7 0%, #0d0d0d6b 55%, #0d0d0d14 100%), linear-gradient(to top, #0d0d0d4d 0%, #0d0d0d00 38%)}.site.theme-mono{--bg:#101010;--bg-soft:#151515;--bg-strong:#1e1e1e;--text:#f3f3f3;--muted:#a0a0a0;--line:#ffffff1f;--hero-scrim:linear-gradient(90deg, #060606db 0%, #06060680 50%, #0606061a 100%), linear-gradient(to top, #0606065c 0%, #06060600 38%)}.site-header{z-index:20;padding:0 var(--page-pad);position:absolute;inset:0 0 auto}.site-nav{border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:24px;width:min(100%,1500px);height:76px;margin:0 auto;display:flex}.brand{color:#fff;letter-spacing:0;align-items:center;gap:10px;font-family:Noto Serif SC,serif;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.brand-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.site-nav-links{align-items:center;gap:30px;display:flex}.site-nav-links button{color:#ffffffb8;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:.88rem}.site-nav-links button:hover{color:#fff}.nav-menu-button{color:#fff;cursor:pointer;background:0 0;border:0;padding:8px;display:none}.hero{background:#090909;align-items:center;min-height:calc(100svh - 42px);display:flex;position:relative;overflow:hidden}.hero-media,.hero-media video,.hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-media .hero-delay-poster{z-index:1}.hero-scrim{background:var(--hero-scrim);pointer-events:none;position:absolute;inset:0}.hero-content{z-index:2;width:min(100% - (var(--page-pad) * 2), 1200px);max-width:760px;margin:0 auto;margin-left:max(var(--page-pad), calc((100% - 1200px) / 2));padding:120px 0 96px;position:relative}.hero-eyebrow{color:var(--site-accent);letter-spacing:0;align-items:center;gap:14px;margin:0 0 26px;font-size:.78rem;font-weight:700;display:flex}.hero-eyebrow:before{content:"";background:currentColor;width:36px;height:1px}.hero h1{color:var(--hero-text);letter-spacing:0;margin:0;font-family:Noto Serif SC,serif;font-size:5rem;font-weight:600;line-height:1.08}.hero-lead{color:var(--hero-text);margin:22px 0 10px;font-size:1.22rem;font-weight:500;line-height:1.55}.hero-description{max-width:540px;color:var(--hero-muted);margin:0;font-size:.96rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--site-accent);border-color:var(--site-accent);color:#fff}.button-primary:hover{filter:brightness(1.06)}.button-ghost{color:#fff;background:0 0;border-color:#ffffff80}.button-ghost:hover{background:#ffffff14;border-color:#fff}.section{padding:104px var(--page-pad)}.section-inner{width:min(100%,1500px);margin:0 auto}.section-heading{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:48px;margin-bottom:48px;display:grid}.section-heading.compact{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr)}.section-heading p:last-child{max-width:560px;color:var(--muted);margin:0;font-size:.94rem;line-height:1.8}.section-label{color:var(--site-accent);letter-spacing:0;margin:0 0 13px;font-size:.72rem;font-weight:700}.section h2{margin:0;font-family:Noto Serif SC,serif;font-size:2.65rem;font-weight:600;line-height:1.18}.works-section{background:var(--bg)}.filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:9px;margin-bottom:28px;padding-bottom:22px;display:flex}.filter-bar button{border:1px solid var(--line);border-radius:var(--radius);min-height:36px;color:var(--muted);cursor:pointer;background:0 0;padding:0 16px;font-size:.84rem}.filter-bar button:hover,.filter-bar button.active{border-color:var(--site-accent);background:var(--site-accent);color:#fff}.works-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.works-grid.work-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid.work-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.works-grid.work-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.works-empty{border:1px dashed var(--line);border-radius:var(--radius);min-height:280px;color:var(--muted);text-align:center;place-content:center;padding:40px 20px;display:grid}.works-empty h3{color:var(--text);margin:0;font-family:Noto Serif SC,serif;font-size:1.25rem;font-weight:600}.works-empty p{max-width:480px;margin:10px auto 0;font-size:.86rem;line-height:1.7}.load-more-button{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:44px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-weight:600;display:flex}.load-more-button:hover{border-color:var(--site-accent);color:var(--site-accent)}.work-card{opacity:0;min-width:0;animation:.55s forwards card-in}@keyframes card-in{to{opacity:1}}.work-card-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.work-thumb{aspect-ratio:16/10;background:var(--bg-strong);border-radius:var(--radius);display:block;position:relative;overflow:hidden}.work-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.work-card-button:hover .work-thumb img{transform:scale(1.035)}.work-thumb-empty{background:repeating-linear-gradient(-45deg, var(--bg-strong), var(--bg-strong) 12px, var(--bg-soft) 12px, var(--bg-soft) 24px);position:absolute;inset:0}.work-play{color:#fff;background:#0a0a0ac7;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.work-card-button:hover .work-play{background:var(--site-accent)}.work-featured{color:#fff;letter-spacing:0;background:#0a0a0abd;border-radius:4px;padding:4px 9px;font-size:.68rem;font-weight:700;position:absolute;top:12px;left:12px}.work-info{min-height:142px;padding:17px 2px 0;display:block}.work-meta{min-height:20px;color:var(--site-accent);justify-content:space-between;align-items:center;gap:12px;font-size:.74rem;font-weight:600;display:flex}.work-info strong{color:var(--text);margin-top:7px;font-family:Noto Serif SC,serif;font-size:1.06rem;font-weight:600;line-height:1.4;display:block}.work-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:.82rem;line-height:1.7;display:-webkit-box;overflow:hidden}.video-modal{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.video-modal-backdrop{cursor:pointer;background:#050505e6;border:0;width:100%;height:100%;position:absolute;inset:0}.video-modal-panel{z-index:1;border-radius:var(--radius);background:#111;border:1px solid #ffffff1f;width:min(100%,1080px);position:relative;overflow:hidden}.video-modal-close{z-index:2;color:#fff;cursor:pointer;background:#0a0a0abd;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:12px;right:12px}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe,.video-frame video{border:0;width:100%;height:100%}.video-modal-info{padding:24px}.video-modal-info h2{margin:0 0 10px;font-family:Noto Serif SC,serif;font-size:1.45rem}.video-modal-info p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.8}.about-section{background:var(--bg-soft)}.about-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(48px,7vw,110px);display:grid}.about-portrait{aspect-ratio:4/5;background:var(--bg-strong);border-radius:var(--radius);overflow:hidden}.about-portrait img{object-fit:cover;width:100%;height:100%}.portrait-placeholder{width:100%;height:100%;color:var(--muted);place-items:center;font-family:Noto Serif SC,serif;font-size:7rem;display:grid}.about-copy>p{color:var(--muted);font-size:.96rem;line-height:1.7}.about-copy .about-intro{color:var(--text);margin-top:22px;font-size:1.02rem;line-height:1.7}.about-stats{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:36px 0;display:grid;overflow:hidden}.stat-item{background:var(--bg);flex-direction:column;justify-content:center;min-height:116px;padding:20px;display:flex}.stat-item strong{color:var(--site-accent);font-size:1.65rem}.stat-item span{color:var(--muted);margin-top:5px;font-size:.78rem;line-height:1.5}.experience-list{margin-top:30px}.experience-item{border-top:1px solid var(--line);grid-template-columns:96px 1fr;gap:24px;padding:20px 0;display:grid}.experience-item>span{color:var(--site-accent);font-size:.8rem;font-weight:600}.experience-item strong{font-size:1rem}.experience-item p{color:var(--muted);margin:7px 0 0;font-size:.86rem;line-height:1.7}.services-section{background:var(--bg)}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.service-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);flex-direction:column;min-height:280px;padding:32px;display:flex}.service-index{color:var(--site-accent);font-size:.76rem;font-weight:700}.service-item h3{margin:70px 0 12px;font-family:Noto Serif SC,serif;font-size:1.25rem;font-weight:600}.service-item p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.7}.contact-section{background:var(--bg-soft)}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);align-items:start;gap:clamp(48px,8vw,130px);display:grid}.contact-aside{flex-direction:column;gap:24px;display:flex}.contact-intro{max-width:560px;color:var(--muted);margin:24px 0 0;font-size:.96rem;line-height:1.7}.contact-links{border-top:1px solid var(--line)}.contact-links>a,.contact-links>div{border-bottom:1px solid var(--line);min-height:82px;color:var(--text);align-items:center;gap:16px;text-decoration:none;display:flex}.contact-links>a:hover{color:var(--site-accent)}.contact-links svg{color:var(--site-accent);flex:none}.contact-links small,.contact-links strong{display:block}.contact-links small{color:var(--muted);margin-bottom:4px;font-size:.72rem}.contact-links strong{font-size:.96rem;font-weight:500}.contact-qr{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}.contact-qr img{object-fit:contain;width:132px;height:132px}.contact-qr strong{font-size:.82rem;font-weight:600}.site-footer{padding:34px var(--page-pad);border-top:1px solid var(--line)}.site-footer>div{width:min(100%,1500px);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;font-size:.8rem;display:flex}.site-footer>div span{margin-left:14px}.site-footer p{margin:0}@media (width<=1050px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){:root{--page-pad:20px}.site-nav-links{border-bottom:1px solid var(--line);background:#0c0c0cf5;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 18px;display:none;position:absolute;top:76px;left:0;right:0}.site-nav-links.open{display:flex}.site-nav-links button{padding:13px var(--page-pad);text-align:left}.nav-menu-button{display:inline-flex}.hero{min-height:calc(100svh - 30px)}.hero-content{margin-left:var(--page-pad);padding:130px 0 80px}.hero h1{font-size:3.35rem}.hero-lead{font-size:1.03rem}.section{padding:72px var(--page-pad)}.section h2{font-size:2.15rem}.section-heading,.section-heading.compact{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:44px}.about-portrait{width:min(100%,440px)}.work-info{min-height:138px}.services-grid,.works-grid.work-columns-2,.works-grid.work-columns-3,.works-grid.work-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.hero-content{padding-top:120px}.hero h1{font-size:2.8rem}.hero-lead{font-size:.96rem}.hero-description{font-size:.86rem}.button{flex:auto}.works-grid,.works-grid.work-columns-2,.works-grid.work-columns-3,.works-grid.work-columns-4,.services-grid{grid-template-columns:1fr}.service-item{min-height:220px}.service-item h3{margin-top:44px}.about-stats{grid-template-columns:1fr}.experience-item{grid-template-columns:1fr;gap:8px}.video-modal{padding:10px}.video-modal-info{padding:18px}.site-footer>div{flex-direction:column;align-items:flex-start;gap:8px}.site-footer>div span{margin:6px 0 0;display:block}}