@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700;800&display=swap";:root{font-family:Inter,Arial,Microsoft YaHei,sans-serif;color:#171819;background:#f2f2ef;font-synthesis:none;font-weight:400;font-size:16px;--paper:#f2f2ef;--line:#d6d6d2;--blue:#465ca4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,.carousel:focus-visible{outline:2px solid #6c8fff;outline-offset:6px}h1,h2,h3,h4,p{margin:0}button{background:none;border:0}::selection{background:#465ca4;color:#fff}.wrap{width:calc(100% - 112px);max-width:1700px;margin:auto}.section{padding-top:120px;padding-bottom:120px}.nav{height:88px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#f5f5f0;padding:0 56px;border-bottom:1px solid #ffffff26}.wordmark{font-size:29px;font-weight:800;letter-spacing:-2px}.wordmark span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:5px}.nav nav{display:flex;gap:40px;margin-left:110px;font-size:14px}.nav a:hover{opacity:.65}.nav-end{display:flex;gap:35px;align-items:center}.language{font-size:13px;color:#aaa}.language .chosen{color:#fff}.nav-contact{border:1px solid #ffffff5c;padding:12px 17px;font-size:14px}.nav-contact span{margin-left:18px}.hero{height:100svh;min-height:750px;max-height:1300px;position:relative;background:#111315;color:#f3f4ef;overflow:hidden}.hero-video,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero-video{object-position:center}.hero-shade{background:linear-gradient(90deg,#040609ad,#06080c14),linear-gradient(0deg,rgba(8,10,14,.85),transparent 40%)}.hero-inner{height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-top:127px;padding-bottom:30px}.hero-eyebrow,.hero-bottom{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.hero-eyebrow{color:#c4c5c9}.hero-title{padding-top:50px}.hero-title>p{font-size:15px;letter-spacing:2px;margin-bottom:30px}.hero h1{font-weight:500;font-size:clamp(76px,9.6vw,174px);letter-spacing:-.07em;line-height:.94}.hero h1 span{color:#e8e9e8}.hero-description{margin-top:35px;max-width:610px;display:flex;align-items:center;justify-content:space-between}.hero-description p{font-size:16px;line-height:1.9;color:#d0d0d0}.round-link{display:grid;place-items:center;border:1px solid #aaaaaa80;width:58px;height:58px;border-radius:50%;font-size:28px;transition:.3s}.round-link:hover{background:var(--paper);color:#111;transform:rotate(45deg)}.hero-bottom{align-items:center;border-top:1px solid #ffffff36;padding-top:24px}.hero-bottom button{font-size:12px;letter-spacing:1px}.section-kicker{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:60px}.section-kicker>span:last-child{letter-spacing:0;color:#777}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading h2{font-size:clamp(48px,5.2vw,94px);font-weight:450;line-height:1.04;letter-spacing:-.06em}.section-heading em{font-style:normal;color:#999b98}.section-heading p{white-space:pre-line;font-size:17px;line-height:1.9}.work-intro{max-width:380px;padding-bottom:7px}.work-intro small{display:block;color:#777;font-size:12px;margin-top:20px}.filters{display:flex;gap:26px;margin-top:45px}.filters button{font-size:14px;color:#838581;padding:10px 0;border-bottom:1px solid transparent}.filters button[aria-pressed=true]{color:#111;border-color:#111}.filters sup{margin-left:6px;font-size:10px}.work{overflow:hidden;padding-bottom:80px}.carousel{height:570px;position:relative;margin-top:35px;touch-action:pan-y;overflow:hidden}.orbit-line{position:absolute;width:1500px;height:1000px;border:1px solid #deded8;border-radius:50%;top:230px;left:50%;transform:translate(-50%)}.orbit-caption{position:absolute;bottom:35px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:3px;color:#858781}.project-card{position:absolute;width:min(59vw,940px);height:430px;left:50%;top:40px;padding:0;border-radius:5px;overflow:hidden;transform:translate(calc(-50% + var(--offset)*89%)) translateY(calc(var(--offset)*var(--offset)*95px)) rotate(calc(var(--offset)*15deg)) scale(.86);transition:transform .8s cubic-bezier(.22,.68,.14,1),opacity .6s;opacity:.55;-webkit-user-select:none;user-select:none}.project-card.is-active{transform:translate(-50%) scale(1);opacity:1;z-index:2}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.project-card.is-active:hover img{transform:scale(1.035)}.card-tag{position:absolute;left:22px;top:20px;background:#161a1c70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;padding:7px 10px;letter-spacing:1px}.card-open{position:absolute;right:24px;bottom:24px;background:#f7f7f2dd;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:25px}.project-meta{border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;gap:30px}.project-name{display:flex;align-items:center;gap:30px;flex:1}.project-name>span{font-size:13px;color:#777}.project-name h3{font-size:23px;font-weight:450}.project-type{font-size:13px;color:#666}.arrows{display:flex;align-items:center;gap:18px;margin-left:35px}.arrows button{width:44px;height:44px;border:1px solid #bbb;border-radius:50%;font-size:22px}.arrows span{font-size:12px;color:#777}.about{padding-top:50px}.about-grid{display:grid;grid-template-columns:1fr 1.13fr;gap:10%}.portrait{background:#dfe1db;min-height:540px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.portrait>span{font-size:clamp(66px,7vw,126px);letter-spacing:-.065em;line-height:.9;font-weight:500;position:relative}.asterisk{display:block;color:var(--blue);font-size:200px;line-height:1.3;margin-left:42%}.portrait>div{display:flex;justify-content:space-between;font-size:10px;gap:15px;letter-spacing:1px;color:#636660}.micro{font-size:11px;letter-spacing:1.5px;color:#888}.bio h2{font-size:40px;font-weight:500;margin:24px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.bio h2 span{font-size:18px;line-height:1.35;font-weight:400;letter-spacing:-.5px}.bio>p{font-size:21px;line-height:1.6}.bio .muted{font-size:16px;line-height:1.9;margin-top:20px}.muted{color:#737672}.stats{display:flex;justify-content:space-between;margin:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.stats strong{font-size:53px;font-weight:400;letter-spacing:-3px}.stats strong span{font-size:16px;margin-left:6px;letter-spacing:0}.stats p{font-size:12px;color:#777;margin-top:9px}.text-link{font-size:15px}.experience{display:grid;grid-template-columns:1fr 3fr;gap:60px;margin-top:95px}.experience-label{font-size:12px;line-height:1.8;letter-spacing:1px}.experience-label span{color:#777}.jobs details{border-top:1px solid var(--line);padding:24px 0}.jobs details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:30px;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.job-date{width:170px;flex-shrink:0;color:#777;font-size:12px}summary strong{font-size:18px;font-weight:500}.job-role{display:block;font-size:13px;color:#777;margin-top:8px}.plus{margin-left:auto;font-size:23px;font-weight:400}details[open] .plus{transform:rotate(45deg)}.jobs details>p{margin:20px 45px 0 200px;color:#737672;font-size:14px;line-height:1.9}.brands{background:#202020;color:#eee;padding:60px 0 30px}.brands .section-kicker{margin-bottom:15px;border-color:#454545}.brands img{display:block;width:100%;height:auto}.expertise .section-heading{margin-bottom:60px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb;border-bottom:1px solid #bbb}.skill{padding:27px 27px 32px;border-right:1px solid var(--line);transition:background .3s}.skill:first-child{border-left:1px solid var(--line)}.skill:hover{background:#e5e6e1}.skill-top{display:flex;justify-content:space-between;color:#777;font-size:12px;margin-bottom:65px}.skill-top>span:last-child{font-size:24px}.skill h3{white-space:pre-line;font-size:clamp(20px,2vw,34px);font-weight:500;line-height:1.05;letter-spacing:-1px}.skill h4{font-size:16px;font-weight:500;margin:24px 0 12px}.skill p{font-size:14px;color:#737672;line-height:1.8;min-height:60px}.skill>div:last-child{font-size:12px;line-height:1.9;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;color:#81847e}.contact{min-height:100svh;background:#465b9a;color:#edf0f6;display:flex}.contact-inner{display:flex;flex-direction:column;justify-content:space-between;min-height:900px;padding-top:50px}.contact .section-kicker{border-color:#ffffff45}.contact .section-kicker>span:last-child{color:#c7cde0}.contact-title{display:block;position:relative;font-size:clamp(75px,11.5vw,195px);font-weight:500;letter-spacing:-.065em;line-height:.94;padding-bottom:50px}.contact-title>span{color:#b1bce0}.contact-title i{position:absolute;right:0;top:0;font-style:normal;font-weight:400;font-size:.9em;transition:transform .3s}.contact-title:hover i{transform:translate(8px,-8px)}.contact-details{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;padding:35px 0 65px;border-top:1px solid #ffffff45;align-items:start}.contact-details>p{white-space:pre-line;font-size:17px;line-height:1.9}.contact-details>div>span{font-size:11px;color:#bac3df;display:block;margin-bottom:15px}.contact-details>div>a{font-size:18px;overflow-wrap:anywhere}.contact-social{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.contact-social a,.contact-social button{font-size:14px!important;padding:0}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;border-top:1px solid #ffffff45;padding:24px 0}dialog{border:0;padding:0;background:var(--paper);max-width:950px;width:85vw;max-height:90svh;overflow:auto;color:#171819}dialog::backdrop{background:#111b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog img{width:100%;max-height:50vh;object-fit:cover;display:block}.dialog-close{position:absolute;right:16px;top:16px;background:#f5f5f0;width:40px;height:40px;border-radius:50%;font-size:30px}.dialog-copy{padding:35px}.dialog-copy small{color:#777;font-size:11px}.dialog-copy h2{margin:17px 0;font-size:32px}.dialog-copy p{line-height:1.8;margin-top:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:15px 25px;font-size:14px;z-index:10}.toast:empty{display:none}@media(min-width:1900px){.nav{padding-left:calc((100vw - 1700px)/2);padding-right:calc((100vw - 1700px)/2)}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{padding:0 32px}.nav nav{margin-left:0;gap:24px}.nav-end{gap:20px}.hero{min-height:720px}.hero h1{font-size:10.2vw}.about-grid{gap:6%}.bio h2{display:block}.bio h2 span{display:block;margin-top:15px}.portrait{min-height:570px}.skill-grid{grid-template-columns:repeat(2,1fr)}.skill{border-bottom:1px solid var(--line);padding:30px}.skill h3{font-size:32px}.skill-top{margin-bottom:30px}.experience{grid-template-columns:1fr;gap:30px}.contact-details{grid-template-columns:1fr 1.4fr}.contact-social{align-items:flex-start}.contact-inner{min-height:820px}.carousel{height:470px}.project-card{height:340px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:74px;padding:0 20px}.nav nav{gap:18px}.nav nav a{font-size:12px}.nav nav a:last-child{display:none}.nav-contact{display:none}.nav-end{gap:0}.hero{min-height:680px;max-height:950px}.hero-inner{padding-top:108px;padding-bottom:24px}.hero-eyebrow{font-size:9px;letter-spacing:0}.hero-eyebrow span:last-child{display:none}.hero-title{padding-top:0}.hero-title>p{font-size:11px;letter-spacing:1px}.hero h1{font-size:11.8vw;letter-spacing:-.06em}.hero-description{gap:20px;margin-top:40px}.hero-description p{font-size:13px}.round-link{width:44px;height:44px;flex-shrink:0}.hero-bottom{font-size:9px;letter-spacing:0}.hero-bottom>span{display:none}.hero-bottom button{font-size:10px}.section{padding:75px 0}.section-kicker{margin-bottom:38px;font-size:10px;gap:20px}.section-kicker>span:last-child{font-size:10px;text-align:right}.section-heading{display:block}.section-heading h2{font-size:48px}.section-heading p{font-size:15px;margin-top:25px}.filters{gap:20px;margin-top:25px}.filters button{font-size:12px}.carousel{height:350px;margin-top:10px}.project-card{width:82vw;height:230px;top:35px}.orbit-line{top:150px;width:900px}.orbit-caption{font-size:8px;bottom:30px;letter-spacing:2px}.project-meta{flex-wrap:wrap;gap:20px;padding-top:20px}.project-name{gap:15px}.project-name h3{font-size:18px}.project-type{display:none}.arrows{margin-left:0;width:100%;justify-content:flex-end}.arrows button{width:38px;height:38px}.about-grid{grid-template-columns:1fr;gap:45px}.portrait{min-height:350px;padding:25px}.portrait>span{font-size:80px}.asterisk{position:absolute;right:0;top:0;font-size:160px;margin:0}.bio h2{font-size:34px}.bio>p{font-size:20px}.stats strong{font-size:45px}.experience{margin-top:60px}summary{gap:15px;flex-wrap:wrap;position:relative;padding-right:30px}.job-date{width:100%}summary strong{font-size:16px}.plus{position:absolute;right:0;top:20px}.jobs details>p{margin:20px 0 0}.brands{padding:40px 0}.brands .wrap{width:100%}.brands .section-kicker{margin:0 20px 20px}.brands img{min-height:180px;object-fit:contain}.skill-grid{grid-template-columns:1fr}.skill{border-left:1px solid var(--line)}.skill h3{font-size:38px}.skill p{min-height:0}.expertise .section-heading{margin-bottom:35px}.contact-inner{min-height:780px;padding-top:35px}.contact-title{font-size:13.5vw;padding-top:20px;padding-bottom:45px}.contact-title i{font-size:.55em;top:-10px}.contact-details{grid-template-columns:1fr;gap:30px;padding:25px 0 40px}.contact-details>p{font-size:15px}.contact-details>div>a{font-size:18px}.contact-social{gap:12px}footer{flex-wrap:wrap;font-size:9px}footer .wordmark{font-size:23px}dialog{width:94vw}.dialog-copy{padding:24px}.contact .section-kicker{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}.portrait-photo{margin:0;padding:0;min-height:0;align-self:start;background:#edeae6;display:block}.portrait-photo>img{display:block;width:100%;height:auto;object-fit:contain}.portrait-photo>figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;border-top:1px solid #d6d3cf;color:#565a60;font-size:12px;letter-spacing:.5px}@media(max-width:700px){.portrait-photo>figcaption{padding:20px;font-size:11px}}.ice-showcase{height:100svh;min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:#fafafa;color:#0a0a0a;scroll-margin-top:0}.ice-canvas{position:absolute;inset:0;touch-action:none;outline-offset:-4px!important}.ice-canvas canvas{display:block;width:100%;height:100%}.ice-top{position:absolute;top:24px;left:3vw;right:3vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;pointer-events:none;z-index:12}.ice-top a{pointer-events:auto}.ice-top>a:first-child{font-weight:600;letter-spacing:-.5px}.ice-top>span{font-size:10px;letter-spacing:1px;color:#888}.ice-index{position:absolute;right:12vw;top:11vh;z-index:10;display:flex;flex-direction:column;align-items:flex-start;list-style:none;padding:0;margin:0;line-height:1.5;letter-spacing:.01em;opacity:0}.ice-index button{padding:3px 0;text-align:left;font-size:inherit}.ice-index li:hover{opacity:1!important}.ice-meta{pointer-events:none;position:absolute;top:50%;z-index:10;transform:translateY(-50%);letter-spacing:-.01em}.ice-meta-row{display:flex;align-items:baseline;white-space:nowrap}.ice-meta-layer{position:absolute;inset:0;display:flex;align-items:center}.ice-meta-goo{position:absolute;inset:0}.ice-loader{pointer-events:none;position:absolute;left:50%;z-index:10;transform:translate(-50%);letter-spacing:-.01em}.ice-filter-svg{pointer-events:none;position:absolute;width:0;height:0}.ice-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ice-bottom{position:absolute;bottom:24px;left:3vw;right:3vw;z-index:12;display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;pointer-events:none}.ice-bottom a,.ice-tabs{pointer-events:auto}.ice-bottom>span{text-align:center;color:#777;line-height:1.9;letter-spacing:.5px}.ice-bottom small{font-size:10px;color:#999}.ice-tabs{display:flex;gap:18px}.ice-tabs button{font-size:12px;color:#999;padding:7px 0;border-bottom:1px solid transparent}.ice-tabs button[aria-pressed=true]{color:#111;border-color:#111}.ice-controls{position:absolute;bottom:95px;right:5.5vw;z-index:12;display:flex;gap:20px;align-items:center}.ice-controls button{font-size:13px;padding:8px}.ice-controls button:first-child,.ice-controls button:last-child{font-size:20px}.ice-fallback{position:absolute;inset:15% 10%;z-index:3;background:#fafafa;display:flex;gap:20px;align-items:center}.ice-fallback img{width:100%;max-height:250px;object-fit:cover}.ice-fallback button{max-width:30%}@media(max-width:640px){.ice-showcase{min-height:620px}.ice-index{display:none}.ice-top{left:20px;right:20px}.ice-top>span{display:none}.ice-bottom{left:20px;right:20px;bottom:60px;align-items:center}.ice-bottom>span{display:none}.ice-tabs{gap:14px}.ice-tabs button{font-size:11px}.ice-bottom>a{font-size:10px}.ice-controls{bottom:105px;right:16px}.ice-meta{margin-bottom:0}.ice-fallback{inset:15% 5%;flex-wrap:wrap}}#work.ice-showcase{scroll-margin-top:-85px}