@font-face{font-family:Inter;src:url(/portfolio-assets/fonts/inter-latin-300-700.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/portfolio-assets/fonts/barlow-latin-300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/portfolio-assets/fonts/barlow-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/portfolio-assets/fonts/barlow-latin-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow;src:url(/portfolio-assets/fonts/barlow-latin-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Dirtyline;src:url(/portfolio-assets/fonts/dirtyline-36-days.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cp-site{--cp-bg:#090a0c;--cp-panel:#111316;--cp-soft:#181b1f;--cp-text:#f1f2f2;--cp-muted:#989da4;--cp-line:#ffffff29;--cp-accent:#ff3d2e;min-height:100dvh;color:var(--cp-text);background:var(--cp-bg);font-family:Arial Nova,Helvetica Neue,Arial,PingFang SC,sans-serif;overflow:clip}.cp-wander-hero{color:#fff;background:#000;min-height:100dvh;padding:0;font-family:Inter,sans-serif}.cp-wander-hero:after{content:none}.cp-video-bg{z-index:0;transform-origin:50%;will-change:transform;background:#050607 url(/portfolio/hero-wander-poster-2048.jpg) 50%/cover no-repeat;position:absolute;inset:-4%;overflow:hidden;transform:scale(1.08)}.cp-video-bg video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s}.cp-video-bg video.is-playing{opacity:1}.cp-site video::-webkit-media-controls{-webkit-appearance:none;display:none!important}.cp-site video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.cp-video-scrim{z-index:1;pointer-events:none;background:linear-gradient(#00000047 0%,#0000000a 40%,#0000009e 100%);position:absolute;inset:0}.cp-hero-nav{z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:32px 40px;top:0}.cp-hero-nav .cp-mark{color:#fff;letter-spacing:-.025em;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:17px;font-weight:600}.cp-hero-nav .cp-mark sup{letter-spacing:.05em;margin-left:2px;font-family:Inter,sans-serif;font-size:6px;position:relative;top:-.42em}.cp-hero-nav .cp-nav-links,.cp-hero-nav .cp-contact-link{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:0;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.cp-hero-nav .cp-nav-links:before,.cp-hero-nav .cp-contact-link:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cp-hero-nav .cp-nav-links{border-radius:999px;gap:4px;padding:8px}.cp-hero-nav .cp-nav-links a{color:#ffffffe6;letter-spacing:.12em;border-radius:999px;padding:6px 16px;font-family:Barlow,sans-serif;font-size:11px;font-weight:500;transition:color .2s,background .2s}.cp-hero-nav .cp-nav-links a:hover{color:#fff;opacity:1;background:#ffffff14}.cp-hero-nav .cp-contact-link{color:#ffffffe6;letter-spacing:.12em;border-radius:999px;min-width:0;padding:10px 20px;font-family:Barlow,sans-serif;font-size:11px;font-weight:500}.cp-hero-nav .cp-contact-link:hover{color:#fff;opacity:1}.cp-wander-headline{z-index:20;text-align:center;opacity:0;width:min(94vw,1180px);transition:opacity 1s,transform 1s cubic-bezier(.16,1,.3,1);position:absolute;top:120px;left:50%;transform:translate(-50%,24px)}.cp-wander-hero.is-ready .cp-wander-headline{opacity:1;transform:translate(-50%)}.cp-wander-headline h1,.cp-wander-headline p{letter-spacing:-.02em;margin:0;font-family:Inter,sans-serif;font-size:clamp(40px,5.4vw,72px);font-weight:400;line-height:1.1}.cp-wander-headline h1{white-space:nowrap}.cp-wander-headline p{color:#ffffff8c}.cp-wander-bottom{z-index:20;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:22px;width:min(92vw,1240px);transition:opacity 1s .3s,transform 1s cubic-bezier(.16,1,.3,1) .3s;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%,24px)}.cp-wander-hero.is-ready .cp-wander-bottom{opacity:1;transform:translate(-50%)}.cp-wander-meta{color:#fff;letter-spacing:-.02em;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;width:100%;font-family:Inter,sans-serif;font-size:clamp(15px,1.35vw,22px);font-weight:400;display:grid}.cp-wander-meta span:first-child{text-align:left}.cp-wander-meta span:nth-child(2){text-align:center}.cp-wander-meta span:last-child{text-align:right}.cp-secure-note{color:#ffffffb3;letter-spacing:.14em;align-items:center;gap:8px;font-family:Barlow,sans-serif;font-size:11px;font-weight:500;display:flex}.cp-site *,.cp-site :before,.cp-site :after{box-sizing:border-box}.cp-site img{object-fit:cover;width:100%;height:100%}.cp-container{width:min(1640px,100% - 88px);margin-inline:auto}.cp-nav{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#080a0c9e;border:1px solid #ffffff57;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1640px,100% - 40px);height:62px;padding:0 12px 0 22px;display:grid;position:fixed;top:20px;left:50%;transform:translate(-50%)}.cp-mark{letter-spacing:-.07em;font-size:25px;font-weight:900}.cp-nav-links{gap:42px;font-size:13px;font-weight:700;display:flex}.cp-nav a{transition:opacity .2s,transform .2s}.cp-nav a:hover{opacity:.55}.cp-nav a:active{transform:scale(.98)}.cp-contact-link{color:#0b0c0e;white-space:nowrap;background:#f4f4f2;border-radius:9px;justify-self:end;padding:12px 20px;font-size:13px;font-weight:800}.cp-hero{--hero-x:0px;--hero-y:0px;isolation:isolate;background:#0b0c0e;min-height:100dvh;padding:90px 30px 26px;position:relative;overflow:hidden}.cp-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#050608f5 0%,#0506089e 34%,#05060814 65%,#05060873 100%),linear-gradient(#0000 58%,#050608bd);position:absolute;inset:0}.cp-hero-image-wrap{clip-path:inset(0 100% 0 0 round 18px);border-radius:18px;animation:1.35s cubic-bezier(.16,1,.3,1) .18s forwards cpMediaReveal;position:absolute;inset:100px 30px 26px 32%;overflow:hidden}.cp-hero-image{transform:scale(1.055) translate3d(var(--hero-x), var(--hero-y), 0);transition:transform .8s cubic-bezier(.16,1,.3,1);animation:14s ease-in-out 1.5s infinite alternate cpHeroBreath}.cp-hero-type{z-index:0;color:#202328;letter-spacing:-.09em;-webkit-user-select:none;user-select:none;font-size:clamp(116px,18vw,330px);font-weight:900;line-height:.66;position:absolute;top:8vh;left:1.2vw}.cp-hero-type span{display:block}.cp-hero-copy{z-index:4;animation:.9s cubic-bezier(.16,1,.3,1) .5s both cpCopyIn;position:absolute;bottom:9vh;left:4.5vw}.cp-role{letter-spacing:.12em;margin:0 0 24px;font-size:13px;font-weight:800}.cp-hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(54px,6.2vw,118px);font-weight:780;line-height:.88}.cp-summary{color:#d4d7da;margin:25px 0 0;font-size:clamp(15px,1.1vw,20px)}.cp-primary{color:#0b0c0e;white-space:nowrap;background:#f3f4f4;border-radius:9px;margin-top:30px;padding:15px 20px;font-size:13px;font-weight:800;transition:color .2s,background .2s,transform .2s;display:inline-flex}.cp-primary:hover{color:#fff;background:var(--cp-accent)}.cp-primary:active{transform:scale(.98)}.cp-hero-note{z-index:4;color:#c2c6ca;letter-spacing:.14em;text-align:right;margin:0;font-size:10px;line-height:1.55;position:absolute;bottom:5vh;right:4vw}.cp-motion-gallery{background:var(--cp-bg);padding:120px 0 150px}.cp-reel{width:100%;overflow:hidden}.cp-reel-track{gap:18px;width:max-content;animation:54s linear infinite cpReelLeft;display:flex}.cp-reel:hover .cp-reel-track,.cp-reel:focus-within .cp-reel-track{animation-play-state:paused}.cp-reel-frame{aspect-ratio:16/9;color:#fff;text-align:left;background:var(--cp-panel);cursor:pointer;border:0;border-radius:14px;flex:0 0 clamp(320px,38vw,720px);margin:0;padding:0;position:relative;overflow:hidden}.cp-reel-frame img{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s}.cp-reel-frame:hover img{filter:saturate(1.12);transform:scale(1.035)}.cp-reel-frame-static{cursor:default}.cp-reel-chess-art{background:#f5f5f2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.58fr) minmax(0,.82fr);gap:4px;width:100%;height:100%;display:grid}.cp-reel-chess-art .cp-reel-chess-main{grid-row:1/-1}.cp-reel-frame.is-chess-project:hover img{filter:none;transform:none}.cp-reel-chess-art img{object-fit:cover}.cp-reel-chess-main{object-position:center 48%}.cp-reel-chess-art img:nth-child(2){object-position:center 52%}.cp-reel-chess-art img:nth-child(3){object-position:center 46%}.cp-reel-frame.is-chess-project .cp-reel-project-label{opacity:1;background:linear-gradient(#0000,#0003 44%,#000000d1);padding:72px 22px 18px;transform:none}.cp-reel-frame.is-chess-project .cp-reel-project-label b{max-width:84%;font-size:clamp(13px,1.3vw,20px);font-weight:720}.cp-reel-project-label{opacity:0;background:linear-gradient(#0000,#000000c7);justify-content:space-between;align-items:end;padding:42px 22px 18px;transition:opacity .35s,transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:auto 0 0;transform:translateY(10px)}:is(.cp-reel-frame:hover .cp-reel-project-label,.cp-reel-frame:focus-visible .cp-reel-project-label){opacity:1;transform:translateY(0)}.cp-reel-project-label b{white-space:pre-line;max-width:78%;font-size:16px;font-style:normal;font-weight:600;line-height:1.2}.cp-reel-project-label i{color:#ffffffb3;font-size:12px;font-style:normal}.cp-project-viewer{z-index:100;position:fixed;inset:0}.cp-project-viewer-backdrop{-webkit-backdrop-filter:blur(14px);background:#000000c7;border:0;width:100%;height:100%;padding:0;animation:.35s both cpViewerFade;position:absolute;inset:0}.cp-project-viewer-panel{overscroll-behavior:contain;color:#111;background:#f4f4f1;border-radius:18px 18px 0 0;animation:.7s cubic-bezier(.16,1,.3,1) both cpViewerIn;position:absolute;inset:2vh 2vw 0;overflow-y:auto;box-shadow:0 -24px 100px #0000007a}.cp-project-viewer-close{z-index:4;float:right;color:#111;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffffc7;border:1px solid #0003;border-radius:50%;place-items:center;width:52px;height:52px;margin:20px 20px 0 0;transition:transform .2s,background .2s;display:grid;position:sticky;top:20px}.cp-project-viewer-close:hover{background:#fff;transform:rotate(5deg)scale(1.04)}.cp-project-viewer-close:active{transform:scale(.96)}.cp-project-viewer-panel.is-dalian-kids .cp-project-viewer-close,.cp-project-viewer-panel.is-chess-project .cp-project-viewer-close{float:none;margin:20px 20px -72px auto}.cp-project-longform{width:min(1500px,100% - 64px);margin:0 auto;padding:9vh 0 7vh}.cp-project-longform header{flex-direction:column;justify-content:flex-end;min-height:58vh;padding-bottom:50px;display:flex}.cp-project-longform header>p{letter-spacing:.16em;margin:0 0 24px;font-size:11px;font-weight:650}.cp-project-longform h2{letter-spacing:-.075em;max-width:1200px;margin:0;font-size:clamp(64px,10vw,180px);font-weight:680;line-height:.84}.cp-project-longform header>div{color:#676767;letter-spacing:.08em;gap:36px;margin-top:40px;font-size:12px;display:flex}.cp-project-longform figure{background:#ddd;margin:0;overflow:hidden}.cp-project-longform-hero{height:min(84vh,1050px)}.cp-project-longform-hero img{object-fit:cover}.cp-project-longform-intro{grid-template-columns:1.3fr .7fr;gap:8vw;padding:15vh 2vw;display:grid}.cp-project-longform-intro h3{letter-spacing:-.06em;max-width:850px;margin:0;font-size:clamp(46px,6vw,102px);font-weight:600;line-height:.95}.cp-project-longform-intro p{color:#555;align-self:end;max-width:480px;margin:0;font-size:18px;line-height:1.7}.cp-project-longform-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cp-project-longform-grid img{aspect-ratio:4/5;object-fit:cover}.cp-project-longform-wide{height:min(88vh,1100px);margin-top:16px!important}.cp-project-longform-wide img{object-fit:cover}.cp-project-longform footer{letter-spacing:.08em;justify-content:space-between;padding-top:9vh;font-size:12px;display:flex}.cp-dalian-kids-project{background:var(--dk-paper);width:100%;min-height:100%}.cp-dalian-kids-board{color:#08090a;background:#f4f4f1;border-radius:18px 18px 0 0;grid-template-rows:auto auto minmax(0,1fr);width:100%;min-height:98dvh;padding:clamp(18px,2vw,34px);display:grid;overflow:hidden}.cp-dalian-kids-meta{grid-template-columns:1fr .72fr .48fr;gap:24px;font-size:clamp(10px,.86vw,14px);font-weight:620;line-height:1.05;display:grid}.cp-dalian-kids-meta span:nth-child(2){justify-self:center}.cp-dalian-kids-meta span:last-child{justify-self:end}.cp-dalian-kids-board h2{letter-spacing:-.075em;margin:clamp(64px,8vh,112px) 0 clamp(22px,3vh,38px);font-size:clamp(64px,8.1vw,142px);font-weight:760;line-height:.82}.cp-dalian-kids-board figure{background:#d8dfd5;min-height:0;margin:0;overflow:hidden}.cp-dalian-kids-board img{object-fit:cover;object-position:center 45%;width:100%;height:100%;display:block}.cp-dalian-kids-project .dk-direction{min-height:auto;padding-top:0}.cp-snow-diary-project{background:#f4f5f5;width:100%;min-height:98dvh}.cp-snow-diary-spread{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(250px,.72fr) minmax(540px,1.55fr);gap:0 clamp(28px,5vw,88px);width:100%;min-height:calc(98dvh - 72px);padding:clamp(84px,10vh,116px) clamp(28px,4.5vw,76px) 34px;display:grid}.cp-snow-diary-heading{flex-direction:column;justify-content:space-between;min-height:0;padding-bottom:4vh;display:flex}.cp-snow-diary-heading h2{letter-spacing:-.075em;margin:0;font-size:clamp(48px,5.1vw,88px);font-weight:720;line-height:.82}.cp-snow-diary-heading p{color:#686e70;letter-spacing:.04em;margin:0;font-size:10px;line-height:1.55}.cp-snow-diary-main{background:#e7ebed;grid-area:1/2;min-height:0;margin:0;animation:.36s cubic-bezier(.2,.75,.2,1) both cpSnowDiaryImageIn;position:relative;overflow:hidden}.cp-snow-diary-main img{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block}.cp-snow-diary-main figcaption{color:#fff;text-shadow:0 1px 18px #0000005c;font-size:11px;font-weight:650;position:absolute;bottom:16px;right:18px}.cp-snow-diary-film{grid-area:2/2;grid-template-columns:repeat(14,minmax(24px,1fr));gap:5px;padding-top:14px;display:grid}.cp-snow-diary-film button{aspect-ratio:3/4;cursor:pointer;opacity:.44;background:#dfe3e5;border:0;padding:0;transition:opacity .15s,transform .15s;position:relative;overflow:hidden}:is(.cp-snow-diary-film button:hover,.cp-snow-diary-film button:focus-visible,.cp-snow-diary-film button.is-selected){opacity:1;outline:none}.cp-snow-diary-film button:focus-visible{box-shadow:0 0 0 2px #111315}.cp-snow-diary-film button.is-selected{transform:translateY(-5px)}.cp-snow-diary-film img{object-fit:cover;width:100%;height:100%;display:block}@keyframes cpSnowDiaryImageIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.cp-star-project{background:#f4f4f1;width:100%;max-width:none;padding:0}.cp-star-project-cover{width:min(1500px,100% - 64px);margin:0 auto;padding:14vh 0 8vh;min-height:53dvh!important}.cp-star-project-cover h2{letter-spacing:-.07em;max-width:1420px;font-size:clamp(58px,8.2vw,148px);line-height:.88}.cp-star-editorial-page,.cp-star-project-footer{width:100%;background:#f4f4f1!important;margin:0!important}.cp-star-editorial-page img,.cp-star-project-footer img{object-fit:contain;width:100%;height:auto;display:block}.cp-star-poster-spread{background:#f4f4f1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(20px,4vw,72px);min-height:100dvh;padding:clamp(52px,7vw,120px);display:grid}.cp-star-poster-spread figure{background:0 0;min-width:0;margin:0}.cp-star-poster-spread img{object-fit:contain;width:100%;height:auto;max-height:84dvh;display:block}.cp-star-project-footer{min-height:0;padding:0 0 clamp(18px,2vw,32px);display:block}@keyframes cpViewerFade{0%{opacity:0}}@keyframes cpViewerIn{0%{opacity:0;transform:translateY(50px)scale(.985)}}[data-reveal]{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.cp-resume{isolation:isolate;color:#f4f6f7;background:#07090b;min-height:100dvh;position:relative;overflow:hidden}.cp-resume-media,.cp-resume-scrim{pointer-events:none;position:absolute;inset:0}.cp-resume-media{z-index:0;overflow:hidden}.cp-resume-video{object-fit:cover;object-position:70% center;filter:brightness(.62)saturate(.82)contrast(1.08);transform-origin:50%;pointer-events:none;width:100%;height:100%;animation:16s ease-in-out infinite alternate cpResumeVideoBreath;transform:scale(1.045)}.cp-resume-scrim{z-index:1;background:linear-gradient(90deg,#040608e0 0%,#040608bd 46%,#0406087a 100%),linear-gradient(#04060866 0%,#0406082e 42%,#040608b8 100%)}.cp-particles{z-index:2;opacity:.58;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.cp-particles canvas{width:100%;height:100%;display:block}.cp-resume-inner{z-index:3;width:min(1700px,100% - 88px);margin-inline:auto;padding:clamp(96px,10vh,154px) 0 clamp(112px,12vh,184px);position:relative}.cp-resume h2{letter-spacing:-.075em;text-shadow:0 2px 24px #00000057;margin:0 0 clamp(52px,7vh,92px);font-size:clamp(62px,7.4vw,132px);font-weight:790;line-height:.9}.cp-resume-grid{grid-template-columns:1.06fr .78fr .68fr 1.25fr;align-items:start;gap:clamp(36px,4vw,76px);display:grid}.cp-resume-column h3{white-space:nowrap;color:#ffffffed;margin:0 0 clamp(54px,7vh,94px);font-size:clamp(15px,1.18vw,22px);font-weight:760;line-height:1.2}.cp-resume-copy,.cp-resume-entries,.cp-project-group{letter-spacing:-.025em;font-size:clamp(15px,1.18vw,22px);line-height:1.23}.cp-resume-copy{gap:30px;display:grid}.cp-resume-copy p,.cp-resume-entries p,.cp-project-group p{margin:0}.cp-resume-entries{gap:34px;display:grid}.cp-resume-entries time{font-variant-numeric:tabular-nums;margin-bottom:3px;display:block}.cp-project-group+.cp-project-group{margin-top:34px}.cp-project-group strong{margin-bottom:3px;font-weight:500;display:block}.cp-project-group b{font-weight:760}@keyframes cpResumeVideoBreath{0%{transform:scale(1.045)translate(-.5%)}to{transform:scale(1.085)translate(.5%,-.35%)}}.cp-ski-motion{color:#fff;-webkit-user-select:none;user-select:none;background:#050505;height:500dvh;position:relative}.cp-ski-motion-stage{background:#050505;height:100dvh;min-height:680px;position:sticky;top:0;overflow:hidden}.cp-ski-motion-media,.cp-ski-motion-video,.cp-ski-motion-shade{width:100%;height:100%;position:absolute;inset:0}.cp-ski-motion-media{z-index:0;overflow:hidden}.cp-ski-motion-video{opacity:0;object-fit:cover;filter:saturate(.84)contrast(1.05);will-change:opacity;transform:translateZ(0)}.cp-ski-motion.is-smooth-scrub .cp-ski-motion-video{transition:opacity .18s linear}@media (min-width:768px){.cp-ski-motion.is-continuous-playback .cp-ski-motion-media{background:#050505}.cp-ski-motion.is-continuous-playback .cp-ski-motion-video{object-fit:contain;object-position:center}}.cp-ski-motion-shade{background:linear-gradient(#00000057,#0000 34% 58%,#000000b8),linear-gradient(90deg,#00000047,#0000 54%,#0000001a)}.cp-ski-motion-ui{z-index:2;pointer-events:none;mix-blend-mode:exclusion;position:absolute;inset:0}.cp-ski-motion-topline{z-index:2;letter-spacing:.18em;border-bottom:1px solid #ffffff57;justify-content:space-between;padding-bottom:17px;font-size:10px;display:flex;position:absolute;top:34px;left:4.5vw;right:4.5vw}.cp-ski-motion-topline p{margin:0}.cp-ski-motion-caption{letter-spacing:-.015em;width:min(520px,42vw);font-size:12px;line-height:1.5;position:absolute;top:124px;left:4.5vw}.cp-ski-motion-title-block{position:absolute;bottom:5vh;left:4.5vw}.cp-ski-motion-title-block>p{letter-spacing:.14em;margin:0 0 18px;font-size:12px}.cp-ski-motion-title-block h2{letter-spacing:-.085em;margin:0;font-size:clamp(72px,9.6vw,162px);font-weight:540;line-height:.76}.cp-ski-motion-title-block h2 span,.cp-ski-archive-wrap>header h3 span{display:block}.cp-ski-motion-note{grid-template-columns:34px 1fr;gap:16px;width:min(340px,28vw);display:grid;position:absolute;bottom:6vh;right:4.5vw}.cp-ski-motion-note span{border:1px solid #fffc;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.cp-ski-motion-note strong{font-size:clamp(19px,1.55vw,26px);font-weight:500;line-height:1}.cp-ski-motion-note b{letter-spacing:-.06em;grid-column:2;font-size:clamp(46px,5vw,78px);font-weight:500;line-height:.8}.cp-ski-archive-panel{z-index:10;will-change:transform;background:#050505;position:absolute;inset:0;overflow:hidden;transform:translateY(100%)}.cp-ski-archive-wrap{will-change:transform;width:100%;min-height:360dvh;padding:min(360px,38vh) 3vw 24vh}.cp-ski-archive-wrap>header{border-top:1px solid #ffffff3d;grid-template-columns:.8fr 1.2fr;align-items:end;gap:5vw;margin-bottom:22vh;padding:20px 1vw 0;display:grid}.cp-ski-archive-wrap>header p{color:#ffffff8c;letter-spacing:.16em;margin:0;font-size:11px}.cp-ski-archive-wrap>header h3{letter-spacing:-.075em;margin:0;font-size:clamp(50px,6.8vw,112px);font-weight:520;line-height:.86}.cp-ski-motion.is-continuous-playback .cp-ski-archive-wrap>header h3{font-size:clamp(38px,4.9vw,82px);line-height:.84}.cp-ski-motion.is-continuous-playback .cp-ski-archive-wrap>header h3 span{white-space:nowrap}.cp-ski-archive-grid{grid-template-columns:repeat(var(--ski-columns), minmax(0, 1fr));gap:5vw 2vw;display:grid}.cp-ski-archive-spacer,.cp-ski-archive-card{aspect-ratio:2/3}.cp-ski-archive-card{will-change:transform;margin:0;transform:scale(0)}.cp-ski-archive-card:nth-child(odd){transform-origin:100% 100%}.cp-ski-archive-card:nth-child(2n){transform-origin:0 100%}.cp-ski-archive-card img{object-fit:cover;width:100%;height:100%}.cp-ski-archive-card figcaption{color:#ffffff70;letter-spacing:.12em;margin-top:8px;font-size:10px}.cp-ski-outro-overlay{z-index:12;opacity:0;pointer-events:none;background:#050505;position:absolute;inset:0}.cp-ski-outro-footer{z-index:20;opacity:0;color:#ffffffe6;letter-spacing:.1em;pointer-events:none;gap:70px;font-size:11px;display:flex;position:absolute;bottom:28px;left:24px}.cp-ski-cursor{z-index:60;color:#fff;opacity:0;mix-blend-mode:exclusion;pointer-events:none;border:2px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:15px;display:grid;position:fixed;transform:translate(-50%,-50%)}@media (pointer:fine) and (min-width:1024px){.cp-ski-motion{cursor:none}}.cp-capabilities{padding-top:120px;padding-bottom:170px}.cp-capabilities-visual{--cap-x:0px;--cap-y:0px;background:#030303;min-height:100dvh;padding:0;position:relative;overflow:hidden}.cp-capabilities-video{object-fit:cover;object-position:32% center;width:100%;height:100dvh;transform:translate3d(var(--cap-x), var(--cap-y), 0) scale(1.035);filter:saturate(.88)contrast(1.07)brightness(.72);will-change:transform;pointer-events:none;transition:transform .9s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.cp-capabilities-scrim{z-index:1;background:linear-gradient(90deg,#030303eb 0%,#030303b8 29%,#03030347 58%,#0303031f 100%),linear-gradient(#03030338 0%,#0303031f 57%,#030303c2 100%);position:absolute;inset:0}.cp-capabilities-copy{z-index:3;width:min(900px,56vw);margin-left:4.5vw;padding-top:15vh;position:absolute;top:0;left:0}.cp-organic-heading{margin-bottom:0}.cp-organic-heading>p{color:#ffffff85;letter-spacing:.18em;margin:0 0 22px;font-size:11px;font-weight:600}.cp-organic-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,5vw,84px);font-weight:520;line-height:.98}.cp-organic-heading>span{color:#ffffff9e;max-width:620px;margin-top:24px;font-size:clamp(14px,1vw,18px);line-height:1.65;display:block}.cp-organic-capability-strip{z-index:4;-webkit-backdrop-filter:blur(9px);background:#0303034d;border-top:1px solid #ffffff47;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:5vh;left:4.5vw;right:4.5vw}.cp-capability-video-row{border-right:1px solid #ffffff2e;grid-template-columns:36px 1fr;gap:12px;min-height:148px;padding:24px 22px 20px 0;display:grid}.cp-capability-video-row:last-child{border-right:0;padding-left:22px;padding-right:0}.cp-capability-video-row+.cp-capability-video-row{padding-left:22px}.cp-capability-video-row span{color:#ffffffa8;font-size:15px}.cp-capability-video-row h3{margin:0 0 10px;font-size:clamp(18px,1.35vw,27px);font-weight:500}.cp-capability-video-row p{color:#ffffff9e;margin:0;font-size:clamp(12px,.9vw,16px);line-height:1.55}.cp-capabilities h2{letter-spacing:-.07em;margin:0 0 100px;font-size:clamp(46px,6.5vw,112px);font-weight:760;line-height:.94}.cp-capability-list{margin-left:25%}.cp-capability{border-top:1px solid var(--cp-line);grid-template-columns:70px minmax(260px,.9fr) 1.4fr;align-items:start;gap:30px;padding:38px 0;display:grid}.cp-capability span{color:var(--cp-muted);font-size:12px}.cp-capability h3{letter-spacing:-.04em;margin:0;font-size:clamp(23px,2vw,34px)}.cp-capability p{color:#b8bdc2;max-width:620px;margin:0;font-size:16px;line-height:1.7}.cp-work{padding-top:100px}.cp-work-heading{flex-direction:column;justify-content:center;min-height:75dvh;display:flex}.cp-work-heading h2{letter-spacing:-.095em;margin:0;font-size:clamp(100px,18vw,310px);font-weight:900;line-height:.66}.cp-work-heading p{color:#aeb3b8;max-width:390px;margin:70px 0 0 auto;font-size:17px;line-height:1.6}.cp-stack{padding-bottom:12vh}.cp-project{top:calc(16px + var(--project-index) * 14px);min-height:100dvh;padding:16px;position:sticky}.cp-project-grid{border:1px solid var(--cp-line);background:#101215;border-radius:18px;grid-template-rows:minmax(0,1fr);grid-template-columns:.8fr 1.5fr .7fr;gap:14px;min-height:calc(100dvh - 32px);padding:14px;display:grid;overflow:hidden;box-shadow:0 -28px 80px #0000006b}.cp-project-copy{flex-direction:column;align-items:flex-start;padding:clamp(26px,4vw,66px) 22px;display:flex}.cp-project-copy p{color:var(--cp-muted);letter-spacing:.1em;margin:0 0 auto;font-size:11px}.cp-project-copy h3{letter-spacing:-.07em;margin:0;font-size:clamp(45px,5vw,84px);font-weight:780;line-height:.88}.cp-project-copy strong{color:var(--cp-accent);margin-top:14px;font-size:17px}.cp-project-copy span{color:#b7bcc1;max-width:420px;margin-top:30px;font-size:15px;line-height:1.65}.cp-project-main,.cp-project-secondary{background:var(--cp-soft);border-radius:12px;margin:0;overflow:hidden}.cp-project-main img,.cp-project-secondary img{transition:transform 1s cubic-bezier(.16,1,.3,1)}.cp-project:hover img{transform:scale(1.025)}.cp-footer{background:#0b0c0e;padding:clamp(52px,7vh,90px) 4.5vw clamp(34px,4vh,52px)}.cp-footer-bottom{color:#c2c6ca;text-align:center;border-top:1px solid var(--cp-line);flex-wrap:wrap;justify-content:center;gap:10px 24px;padding-top:32px;font-size:14px;display:flex}.cp-footer-bottom a{color:inherit;text-decoration:none;transition:color .2s}:is(.cp-footer-bottom a:hover,.cp-footer-bottom a:focus-visible){color:#fff}@keyframes cpMediaReveal{to{clip-path:inset(0 round 18px)}}@keyframes cpCopyIn{0%{opacity:0;transform:translateY(32px)}}@keyframes cpHeroBreath{to{transform:scale(1.085) translate3d(var(--hero-x), var(--hero-y), 0)}}@keyframes cpReelLeft{to{transform:translate(-50%)}}@media (max-width:900px){.cp-container{width:calc(100% - 32px)}.cp-nav{width:calc(100% - 20px);height:54px;top:10px}.cp-nav-links{display:none}.cp-nav{grid-template-columns:1fr 1fr}.cp-hero{padding:76px 10px 10px}.cp-hero-image-wrap{inset:74px 10px 10px}.cp-hero:after{background:linear-gradient(#05060824 34%,#050608f0 100%)}.cp-hero-type{font-size:25vw;top:12vh}.cp-hero-copy{bottom:6vh;left:25px;right:25px}.cp-hero h1{font-size:clamp(47px,13vw,78px)}.cp-role{margin-bottom:16px}.cp-hero-note{display:none}.cp-motion-gallery{padding:80px 0 100px}.cp-reel-frame{flex-basis:78vw}.cp-reel-project-label{opacity:1;gap:10px;padding:34px 14px 12px;transform:none}.cp-reel-project-label b{max-width:80%;font-size:11px}.cp-reel-project-label i{flex:none;font-size:9px}.cp-project-viewer-panel{border-radius:14px 14px 0 0;top:10px;left:10px;right:10px}.cp-project-viewer-close{width:46px;height:46px;margin:12px 12px 0 0;top:12px}.cp-project-viewer-panel.is-dalian-kids .cp-project-viewer-close,.cp-project-viewer-panel.is-chess-project .cp-project-viewer-close{margin:12px 12px -58px auto}.cp-project-longform{width:calc(100% - 28px);padding-top:7vh}.cp-project-longform header{min-height:48vh}.cp-project-longform h2{font-size:clamp(48px,15vw,82px)}.cp-project-longform header>div{flex-wrap:wrap;gap:10px 22px}.cp-project-longform-hero{height:65vh}.cp-project-longform-intro{grid-template-columns:1fr;padding:10vh 0}.cp-project-longform-intro h3{font-size:44px}.cp-project-longform-intro p{font-size:15px}.cp-project-longform-grid{grid-template-columns:1fr}.cp-project-longform-wide{height:64vh}.cp-project-longform footer{gap:12px;display:grid}.cp-dalian-kids-board{border-radius:14px 14px 0 0;min-height:calc(100dvh - 10px);padding:14px}.cp-dalian-kids-meta{grid-template-columns:1fr 1fr 1fr;gap:8px;padding-right:50px;font-size:8px}.cp-dalian-kids-meta span:nth-child(2){justify-self:start}.cp-dalian-kids-meta span:last-child{text-align:right;justify-self:end}.cp-dalian-kids-board h2{margin:64px 0 20px;font-size:clamp(46px,15vw,68px)}.cp-dalian-kids-board img{object-position:82% 44%}.cp-snow-diary-project{min-height:calc(100dvh - 10px)}.cp-snow-diary-spread{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:16px;min-height:calc(100dvh - 80px);padding:80px 12px 14px}.cp-snow-diary-heading{padding:0 4px;display:block}.cp-snow-diary-heading h2{font-size:42px;line-height:.82}.cp-snow-diary-heading p{display:none}.cp-snow-diary-main{grid-area:2/1}.cp-snow-diary-main img{object-position:center}.cp-snow-diary-film{scrollbar-width:none;grid-area:3/1;gap:5px;padding:0;display:flex;overflow-x:auto}.cp-snow-diary-film::-webkit-scrollbar{display:none}.cp-snow-diary-film button{flex:0 0 34px}.cp-star-project{width:100%;padding-top:0}.cp-star-project-cover{width:calc(100% - 28px);padding:12vh 0 7vh;min-height:auto!important}.cp-star-project-cover h2{font-size:clamp(44px,13vw,72px)}.cp-star-poster-spread{gap:10px;min-height:auto;padding:48px 12px}.cp-star-poster-spread img{max-height:none}.cp-star-project-footer{padding:0 0 14px}.cp-resume{min-height:100dvh}.cp-resume-inner{width:100%;padding:88px 12px 72px}.cp-resume h2{margin-bottom:30px;font-size:clamp(42px,12vw,58px)}.cp-resume-grid{grid-template-columns:1.05fr .86fr .66fr 1.28fr;gap:clamp(6px,2vw,10px)}.cp-resume-column{min-width:0}.cp-resume-column h3{white-space:normal;min-height:2.25em;margin-bottom:18px;font-size:clamp(6.5px,1.85vw,8px);line-height:1.12}.cp-resume-copy,.cp-resume-entries,.cp-project-group{letter-spacing:-.018em;overflow-wrap:anywhere;font-size:clamp(6.5px,1.8vw,8px);line-height:1.28}.cp-resume-copy{gap:10px}.cp-resume-entries{gap:12px}.cp-project-group+.cp-project-group{margin-top:12px}.cp-ski-motion-stage{min-height:640px}.cp-ski-motion-media{height:calc(100dvh - 190px);top:190px}.cp-ski-motion-topline{top:78px;left:18px;right:18px}.cp-ski-motion-caption{width:calc(100% - 36px);font-size:11px;top:124px;left:18px}.cp-ski-motion-title-block{bottom:24vh;left:18px}.cp-ski-motion-title-block>p{margin-bottom:14px;font-size:10px}.cp-ski-motion-title-block h2{font-size:clamp(64px,20vw,98px);line-height:.78}.cp-ski-motion-note{width:230px;bottom:4vh;right:18px}.cp-ski-motion-note b{text-align:right;justify-self:end;font-size:27px}.cp-ski-archive-wrap{min-height:520dvh;padding:32vh 14px 18vh}.cp-ski-archive-wrap>header{grid-template-columns:1fr;gap:24px;margin-bottom:14vh}.cp-ski-archive-wrap>header h3{font-size:14vw}.cp-ski-motion.is-continuous-playback .cp-ski-archive-wrap>header h3{font-size:clamp(27px,7.3vw,32px)}.cp-ski-archive-grid{gap:14vw 12px}.cp-ski-outro-footer{justify-content:space-between;gap:20px;font-size:9px;bottom:22px;left:16px;right:16px}.cp-ski-cursor{display:none}.cp-capabilities{padding-top:80px;padding-bottom:110px}.cp-capabilities-visual{min-height:100dvh;padding:0}.cp-capabilities-video{object-position:34% center;height:100dvh}.cp-capabilities-copy{width:calc(100% - 36px);margin-left:18px;padding-top:13vh}.cp-organic-heading{margin-bottom:3vh}.cp-capabilities .cp-organic-heading h2{white-space:nowrap;margin-bottom:0;font-size:clamp(36px,10.4vw,46px);line-height:1.08}.cp-capabilities .cp-organic-heading>span{max-width:94%;margin-top:28px;font-size:13px;line-height:1.75}.cp-organic-capability-strip{grid-template-columns:1fr 1fr;bottom:3vh;left:18px;right:18px}.cp-capability-video-row{grid-template-columns:28px 1fr;gap:8px;min-height:116px;padding:14px 10px 12px 0}.cp-capability-video-row:nth-child(2){border-right:0}.cp-capability-video-row:nth-child(n+3){border-top:1px solid #ffffff2e}.cp-capability-video-row+.cp-capability-video-row{padding-left:10px}.cp-capability-video-row h3{margin-bottom:8px;font-size:23px}.cp-capability-video-row p{max-width:75%;font-size:12px}.cp-capabilities h2{margin-bottom:60px}.cp-capability-list{margin-left:0}.cp-capability{grid-template-columns:42px 1fr;gap:18px;padding:28px 0}.cp-capability p{grid-column:2}.cp-work-heading{min-height:60dvh}.cp-work-heading h2{font-size:25vw}.cp-work-heading p{margin-top:48px}.cp-project{min-height:auto;padding:8px;position:relative;top:auto}.cp-project-grid{grid-template-rows:auto 70vh 44vh;grid-template-columns:1fr;min-height:auto}.cp-project-copy{min-height:380px}.cp-project-copy h3{margin-top:auto}.cp-footer{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.cp-site *,.cp-site :before,.cp-site :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.cp-resume-video{transform:scale(1.045)}}.cp-nav.cp-hero-nav{z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:32px 40px;top:0}.cp-hero.cp-wander-hero{color:#fff;background:#000;min-height:100dvh;padding:0}.cp-hero.cp-wander-hero:after{content:none}.cp-hero.cp-wander-hero .cp-wander-headline h1,.cp-hero.cp-wander-hero .cp-wander-headline p{letter-spacing:-.02em;margin:0;font-family:Inter,sans-serif;font-size:clamp(40px,5.4vw,72px);font-weight:400;line-height:1.1}.cp-hero.cp-wander-hero .cp-wander-headline p{color:#ffffff8c}@media (max-width:900px){.cp-nav.cp-hero-nav{grid-template-columns:1fr 1fr;width:100%;height:auto;padding:20px;top:0}.cp-hero-nav .cp-nav-links{display:none}.cp-hero.cp-wander-hero{padding:0}.cp-wander-headline{width:calc(100% - 32px);top:108px}.cp-hero.cp-wander-hero .cp-wander-headline h1,.cp-hero.cp-wander-hero .cp-wander-headline p{font-size:clamp(34px,10vw,52px)}.cp-wander-headline h1{white-space:normal}.cp-wander-bottom{gap:18px;width:calc(100% - 32px);bottom:30px}.cp-wander-meta{grid-template-columns:1fr;gap:8px;font-size:14px}.cp-wander-meta span{text-align:center!important}.cp-secure-note{letter-spacing:.1em;font-size:9px}}@media (prefers-reduced-motion:reduce){.cp-wander-headline,.cp-wander-bottom{opacity:1;transform:translate(-50%)}.cp-video-bg{transform:scale(1.08)!important}}