html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{color:#f4f2ec;background:#000;font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #000;--text: #f4f2ec;--muted: #a8a8a3;--quiet: #666663;--rule: #262624;--surface: #0b0b0a;--page-pad: clamp(24px, 4.45vw, 72px)}html{scroll-padding-top:76px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body,button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{color:var(--bg);background:var(--text)}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;color:var(--bg);background:var(--text);transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.scroll-progress{position:fixed;z-index:30;inset:0 0 auto;height:1px;pointer-events:none}.scroll-progress__bar{display:block;width:100%;height:100%;background:var(--text);transform:scaleX(0);transform-origin:left;will-change:transform}.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:76px;padding-inline:var(--page-pad);background:#000000e0}.wordmark{font-size:18px;font-weight:400;letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:clamp(28px,4.1vw,66px);font-size:16px;color:#d8d7d2;white-space:nowrap}.nav-links a,.primary-link,.source-link,.contact-detail a{position:relative;outline:none}.nav-links a:after,.primary-link:after,.source-link:after,.contact-detail a:after{position:absolute;right:0;bottom:-7px;left:0;height:1px;content:"";background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.nav-links a:hover:after,.nav-links a:focus-visible:after,.nav-links a.is-active:after,.primary-link:hover:after,.primary-link:focus-visible:after,.source-link:hover:after,.source-link:focus-visible:after,.contact-detail a:hover:after,.contact-detail a:focus-visible:after{transform:scaleX(1);transform-origin:left}:where(a,button):focus-visible{outline:1px solid var(--text);outline-offset:6px}.primary-link:active,.source-link:active,.utility-action:active,.contact-channel:active{transform:translateY(1px)}.hero{position:relative;min-height:max(780px,100dvh);overflow:hidden;padding:76px var(--page-pad) 44px;isolation:isolate}.hero-copy{position:absolute;z-index:2;left:var(--page-pad);bottom:clamp(204px,22vh,250px);width:min(48vw,640px)}.hero h1{margin:0;font-size:clamp(52px,4.7vw,76px);font-weight:300;line-height:1;letter-spacing:.02em}.hero-role{margin:30px 0 0;font-size:clamp(20px,2vw,31px);font-weight:350;line-height:1.4;letter-spacing:.015em}.hero-summary{margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.primary-link{display:inline-block;margin-top:42px;padding-bottom:7px;border-bottom:1px solid #6e6e6a;font-size:16px}.pixel-stage{position:absolute;z-index:1;top:10.4%;right:-1.5%;width:min(62vw,810px);aspect-ratio:1;margin:0;pointer-events:none;will-change:transform,opacity}.pixel-video{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.proof-line{position:absolute;z-index:2;right:var(--page-pad);bottom:38px;left:var(--page-pad);display:flex;align-items:center;gap:clamp(40px,6.2vw,100px);color:var(--muted)}.proof-line p{display:flex;align-items:baseline;gap:10px;margin:0}.proof-line p+p:before{width:3px;height:3px;margin-right:clamp(10px,1.4vw,22px);content:"";background:var(--quiet)}.proof-line strong{color:#d8d7d2;font-size:18px;font-weight:450}.proof-line p>span{font-size:14px}.proof-line strong span{font:inherit}.section{padding:156px var(--page-pad) 170px;border-top:1px solid var(--rule)}.section-heading{max-width:780px;margin-bottom:104px}.section-heading h2{margin:0;font-size:clamp(42px,5vw,72px);font-weight:300;line-height:1;letter-spacing:.01em}.section-heading>p{max-width:480px;margin:30px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.case-list,.ability-list,.experience-list{border-top:1px solid var(--rule)}.case-row{border-bottom:1px solid var(--rule)}.case-summary{display:grid;grid-template-columns:minmax(70px,.6fr) minmax(320px,1.6fr) minmax(320px,1fr) 40px;gap:32px;align-items:start;width:100%;padding:48px 0 54px;border:0;background:transparent;text-align:left;cursor:pointer}.case-summary:hover .case-title strong,.case-row.is-open .case-title strong{color:#fff}.row-index{color:var(--quiet);font-family:ui-monospace,Cascadia Mono,monospace;font-size:12px;letter-spacing:.12em}.case-title{display:block}.case-category{display:block;margin:0 0 18px;color:var(--quiet);font-size:13px}.case-title strong{display:block;max-width:620px;margin:0;color:var(--text);font-size:clamp(25px,2.2vw,34px);font-weight:350;line-height:1.42;transition:color .18s ease}.case-detail{display:block}.case-detail>span{display:block;max-width:500px;color:var(--muted);font-size:15px;line-height:1.9}.case-detail strong{display:block;margin-top:28px;color:var(--text);font-size:15px;font-weight:450}.row-toggle{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--rule);transition:border-color .18s ease,background .18s ease}.case-summary:hover .row-toggle,.case-summary:focus-visible .row-toggle,.case-row.is-open .row-toggle{border-color:#8a8a84;background:#10100f}.case-panel{padding:6px 0 68px calc((100% - 96px)*.13 + 102px);animation:panel-in .32s cubic-bezier(.22,1,.36,1) both}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:28px}.panel-heading>span,.workflow-outcome>span,.contact-detail>div>span{color:var(--quiet);font-size:12px;letter-spacing:.08em}.panel-heading p{max-width:430px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.case-one-layout{display:grid;gap:72px}.video-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:var(--surface)}.video-frame iframe{display:block;width:100%;height:100%;border:0}.source-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--muted);font-size:13px}.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.evidence-item{min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:zoom-in}.evidence-image-wrap{display:block;overflow:hidden;height:clamp(240px,31vw,480px);background:var(--surface)}.evidence-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.72);transition:transform .36s cubic-bezier(.22,1,.36,1),filter .24s ease}.evidence-item:hover img,.evidence-item:focus-visible img{transform:scale(1.018);filter:saturate(1)}.evidence-item strong{display:block;margin-top:18px;font-size:15px;font-weight:450}.evidence-item>span:last-child{display:block;margin-top:7px;color:var(--muted);font-size:12px}.brand-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule)}.brand-matrix>span{display:flex;align-items:baseline;gap:18px;min-height:94px;padding:28px 22px 28px 0;border-bottom:1px solid var(--rule);font-size:clamp(17px,1.5vw,23px);font-weight:350}.brand-matrix>span:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--rule)}.brand-matrix small{color:var(--quiet);font-family:ui-monospace,Cascadia Mono,monospace;font-size:10px;letter-spacing:.08em}.workflow-panel{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:40px 72px}.workflow-panel .panel-heading{grid-column:1 / -1}.workflow-list{margin:0;padding:0;list-style:none;counter-reset:none}.workflow-list li{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:baseline;padding:24px 0;border-top:1px solid var(--rule)}.workflow-list li:last-child{border-bottom:1px solid var(--rule)}.workflow-list span{color:var(--quiet);font-family:ui-monospace,Cascadia Mono,monospace;font-size:11px}.workflow-list strong{font-size:clamp(18px,1.6vw,24px);font-weight:350}.workflow-outcome{padding:28px 0 0;border-top:1px solid var(--rule)}.workflow-outcome strong{display:block;margin-top:28px;font-size:clamp(24px,2.2vw,34px);font-weight:350;line-height:1.35}.workflow-outcome p{margin:28px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.ability-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px 24px;align-content:start;min-height:230px;padding:42px 0 48px;border-bottom:1px solid var(--rule)}.ability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ability-row:nth-child(odd){padding-right:clamp(28px,4vw,64px);border-right:1px solid var(--rule)}.ability-row:nth-child(2n){padding-left:clamp(28px,4vw,64px)}.ability-row h3{margin:0;font-size:clamp(24px,2vw,30px);font-weight:350}.ability-row p{grid-column:2;max-width:520px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.experience-row{border-bottom:1px solid var(--rule)}.experience-row>button{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(280px,1.6fr) minmax(300px,1fr) 28px;gap:32px;align-items:baseline;width:100%;padding:36px 0 40px;border:0;background:transparent;text-align:left;cursor:pointer}.experience-row time{color:var(--quiet);font-family:ui-monospace,Cascadia Mono,monospace;font-size:12px;letter-spacing:.06em}.experience-row>button>strong{font-size:clamp(24px,2vw,30px);font-weight:350}.experience-row>button>span{color:var(--muted);font-size:15px;line-height:1.8}.experience-row svg{transition:transform .22s ease}.experience-row.is-open svg{transform:rotate(180deg)}.experience-detail{padding:0 0 46px calc((100% - 96px)*.13 + 102px);animation:panel-in .28s cubic-bezier(.22,1,.36,1) both}.experience-detail ul{max-width:780px;margin:0;padding:0;list-style:none}.experience-detail li{position:relative;margin-top:12px;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.8}.experience-detail li:before{position:absolute;top:.88em;left:0;width:5px;height:1px;content:"";background:var(--quiet)}.contact-section{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:142px var(--page-pad) 46px;border-top:1px solid var(--rule)}.contact-copy h2{max-width:1080px;margin:0;font-size:clamp(48px,7.1vw,108px);font-weight:250;line-height:1.18;letter-spacing:-.025em}.contact-copy>p{margin:48px 0 0;color:var(--muted);font-size:16px}.contact-channel-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin-top:54px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.contact-channel{display:grid;grid-template-columns:32px 1fr 20px;gap:14px;align-items:center;min-height:86px;padding:20px 24px;border:0;background:transparent;text-align:left;cursor:pointer;transition:color .18s ease,background .18s ease}.contact-channel+.contact-channel{border-left:1px solid var(--rule)}.contact-channel>svg:last-child{transition:transform .18s ease}.contact-channel.is-active{color:#fff;background:var(--surface)}.contact-channel.is-active>svg:last-child{transform:rotate(180deg)}.contact-detail{display:flex;align-items:flex-start;justify-content:space-between;max-width:1040px;min-height:190px;padding:36px 0 40px;border-bottom:1px solid var(--rule);animation:panel-in .24s ease both}.contact-detail>div>strong{display:block;margin-top:17px;font-size:clamp(25px,2.7vw,42px);font-weight:350;line-height:1.3;word-break:break-all}.contact-detail>div>p{margin:16px 0 0;color:var(--muted);font-size:14px}.contact-detail-actions{display:flex;gap:28px;margin-top:30px}.contact-detail-actions button,.contact-detail-actions a,.contact-detail>div>a{display:inline-flex;align-items:center;gap:8px;padding:0 0 5px;border:0;border-bottom:1px solid #6e6e6a;color:var(--muted);background:transparent;font-size:13px;cursor:pointer}.contact-qr-frame{width:174px;height:174px;flex:0 0 174px;align-self:flex-start;overflow:hidden;background:#000}.contact-qr{display:block;width:100%;height:100%;object-fit:cover;background:#000;filter:invert(1) grayscale(1) contrast(1.16);transform-origin:center}.contact-qr--personal{transform:scale(1.28)}.contact-tools{display:flex;flex-wrap:wrap;gap:12px;max-width:1040px;margin-top:28px}.utility-action{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid var(--rule);background:transparent;font-size:13px;cursor:pointer;transition:border-color .18s ease,background .18s ease}.utility-action:hover,.utility-action:focus-visible,.utility-action.is-active{border-color:#8a8a84;background:var(--surface)}.action-status{min-height:22px;margin-top:18px!important;color:var(--quiet)!important;font-size:12px!important}.footer-meta{display:flex;justify-content:space-between;margin-top:130px;padding-top:20px;border-top:1px solid var(--rule);color:var(--quiet);font-size:12px}.media-dialog{width:min(92vw,760px);max-height:92dvh;padding:0;border:1px solid #3a3a37;color:var(--text);background:#080807}.media-dialog::backdrop{background:#000000e0}.media-dialog__content{position:relative;padding:24px}.media-dialog__content>button{position:sticky;z-index:2;top:0;display:grid;width:42px;height:42px;margin:0 0 18px auto;padding:0;place-items:center;border:1px solid #4b4b47;background:#080807;cursor:pointer}.media-dialog__content img{display:block;width:min(100%,620px);max-height:72dvh;margin:0 auto;object-fit:contain}.media-dialog__content p{display:flex;justify-content:space-between;gap:20px;margin:20px 0 0;color:var(--muted);font-size:13px}.media-dialog__content p strong{color:var(--text);font-weight:450}@keyframes panel-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1060px){.case-summary{grid-template-columns:52px minmax(0,1fr) 40px}.case-detail{grid-column:2}.row-toggle{grid-column:3;grid-row:1}.case-panel,.experience-detail{padding-left:84px}.experience-row>button{grid-template-columns:180px minmax(0,1fr) 28px}.experience-row>button>span{grid-column:2}.experience-row>button>svg{grid-column:3;grid-row:1}}@media(max-width:960px){.hero{min-height:920px}.hero-copy{bottom:190px;width:62vw}.pixel-stage{top:5%;right:-20%;width:78vw}.proof-line{align-items:flex-start;gap:24px}.proof-line p{flex-direction:column;gap:4px}.proof-line p+p:before{display:none}.workflow-panel{grid-template-columns:1fr}.workflow-panel .panel-heading{grid-column:auto}.contact-section{min-height:900px}}@media(max-width:680px){:root{--page-pad: 22px}.site-header{height:76px}.wordmark{font-size:16px}.nav-links{gap:12px;font-size:12px}.hero{min-height:820px;padding-top:76px}.pixel-stage{top:80px;right:-31vw;width:116vw}.hero-copy{right:var(--page-pad);bottom:210px;width:auto}.hero h1{font-size:52px}.hero-role{max-width:340px;margin-top:23px;font-size:20px}.hero-summary{max-width:315px;margin-top:16px;font-size:14px}.primary-link{margin-top:30px;font-size:14px}.proof-line{bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.proof-line strong{font-size:16px}.proof-line span{font-size:11px;line-height:1.45}.section{padding-top:104px;padding-bottom:112px}.section-heading{margin-bottom:70px}.section-heading h2{font-size:48px}.section-heading>p{margin-top:24px}.case-summary{display:grid;grid-template-columns:1fr 40px;gap:20px;padding:34px 0 38px}.case-summary>.row-index{grid-column:1}.case-title,.case-detail{grid-column:1 / -1}.row-toggle{grid-column:2;grid-row:1}.case-title strong,.ability-row h3,.experience-row>button>strong{font-size:25px}.case-panel,.experience-detail{padding:0 0 44px}.panel-heading{display:block}.panel-heading p{margin-top:12px}.case-one-layout{gap:54px}.evidence-grid{grid-template-columns:1fr;gap:32px}.evidence-image-wrap{height:min(118vw,580px)}.brand-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-matrix>span{min-height:82px;padding:22px 12px 22px 0;font-size:16px}.brand-matrix>span:not(:nth-child(3n+1)){padding-left:0;border-left:0}.brand-matrix>span:nth-child(2n){padding-left:14px;border-left:1px solid var(--rule)}.workflow-panel{gap:30px}.ability-list{display:block}.ability-row{grid-template-columns:36px minmax(0,1fr);min-height:0;padding:34px 0 38px}.ability-row:nth-child(odd),.ability-row:nth-child(2n){padding-right:0;padding-left:0;border-right:0}.experience-row>button{display:grid;grid-template-columns:1fr 28px;gap:16px;padding:34px 0 38px}.experience-row>button>time,.experience-row>button>strong,.experience-row>button>span{grid-column:1}.experience-row>button>svg{grid-column:2;grid-row:1}.contact-section{min-height:860px;padding-top:104px}.contact-copy h2{font-size:50px}.contact-copy>p{margin-top:34px}.contact-channel-list{display:block;margin-top:42px}.contact-channel{width:100%;min-height:68px}.contact-channel+.contact-channel{border-top:1px solid var(--rule);border-left:0}.contact-detail{min-height:210px}.contact-detail--qr{gap:22px}.contact-qr-frame{width:112px;height:112px;flex-basis:112px}.contact-detail>div>strong{font-size:23px}.contact-detail-actions{flex-direction:column;align-items:flex-start;gap:18px}.contact-tools{display:grid;grid-template-columns:1fr}.footer-meta{flex-direction:column;gap:10px;margin-top:90px}.media-dialog{width:calc(100vw - 24px)}.media-dialog__content{padding:14px}.media-dialog__content p{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}