@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--alu:linear-gradient(180deg, #f4f4f6 0%, #e2e2e6 38%, #c9c9cf 78%, #b6b6bd 100%);--alu-edge:#a9a9b0;--glass:#0a0a0c;--apple:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23000' d='M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z'/%3E%3C/svg%3E");--award:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M4.1 38.2C1.4 34.2 0 29.4 0 24.6 0 11 11 0 24.6 0L133.9 0c11.2 0 21.7 5.9 27.4 15.5l68.5 114.5c-48.2 6.1-91.3 28.6-123.4 61.9L4.1 38.2zm503.7 0L405.6 191.9c-32.1-33.3-75.2-55.8-123.4-61.9L350.7 15.5C356.5 5.9 366.9 0 378.1 0L487.4 0C501 0 512 11 512 24.6c0 4.8-1.4 9.6-4.1 13.6zM80 336a176 176 0 1 1 352 0A176 176 0 1 1 80 336zm184.4-94.9c-3.4-7-13.3-7-16.8 0l-22.4 45.4c-1.4 2.8-4 4.7-7 5.1L172 297.9c-7.7 1.1-10.7 10.5-5.2 16l36.3 35.4c2.2 2.2 3.2 5.2 2.7 8.3l-8.6 49.9c-1.3 7.6 6.7 13.5 13.6 9.9l44.8-23.6c2.7-1.4 6-1.4 8.7 0l44.8 23.6c6.9 3.6 14.9-2.2 13.6-9.9l-8.6-49.9c-.5-3 .5-6.1 2.7-8.3l36.3-35.4c5.6-5.4 2.5-14.8-5.2-16l-50.1-7.3c-3-.4-5.7-2.4-7-5.1l-22.4-45.4z'/%3E%3C/svg%3E");--ease:cubic-bezier(.16, 1, .3, 1);--dev:clamp(300px, 27vw, 390px);--dev-lg:clamp(440px, 46vw, 680px)}.portfolio{isolation:isolate;background:#fff;width:100vw;height:100vh;position:relative;overflow:hidden}.portfolio,.portfolio *{cursor:none}.preloader{z-index:100;transition:opacity .6s var(--ease), visibility 0s linear .6s;background:#fff;place-items:center;display:grid;position:fixed;inset:0}.preloader--done{opacity:0;visibility:hidden;pointer-events:none}.preloader__inner{flex-direction:column;align-items:center;gap:26px;display:flex}.preloader__mark{object-fit:contain;width:58px;height:58px;animation:preloader-pulse 1.6s var(--ease) infinite}@keyframes preloader-pulse{50%{opacity:.38}}.preloader__bar{background:#0000001a;border-radius:2px;width:160px;height:2px;overflow:hidden}.preloader__bar span{min-width:4px;height:100%;transition:width .35s var(--ease);background:#111;border-radius:2px;display:block}.cursor{z-index:60;pointer-events:none;opacity:0;-webkit-backdrop-filter:invert(18%)blur(9px);width:50px;height:50px;transition:opacity .3s var(--ease), width .22s var(--ease), height .22s var(--ease), background .22s var(--ease);will-change:transform, width, height;background:#afafaf8f;border:0;border-radius:50%;place-items:center;display:grid;position:fixed;top:0;left:0}.cursor--clickable{background:#46464e9e;width:26px;height:26px}.cursor__dot{display:none}.site-header{z-index:10;pointer-events:none;justify-content:space-between;width:min(1000px,100vw - 80px);display:flex;position:fixed;top:clamp(72px,13.1vh,120px);left:50%;transform:translate(-50%)}.site-header>*{pointer-events:auto}.site-header__identity{letter-spacing:-.045em;flex-direction:column;margin-left:36px;font-size:clamp(19px,2.3vw,27px);font-weight:300;line-height:1.12;display:flex}.site-header__identity strong{font-weight:400}.site-header__year{color:#000;letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-weight:300}.site-header__right{flex-direction:row;align-items:center;gap:22px;margin-right:60px;display:flex}.site-header nav{flex-direction:column;align-items:flex-start;min-width:128px;padding-top:4px;display:flex}.site-header nav a,.site-header nav button{color:#00000061;width:fit-content;transition:color .2s var(--ease);font-size:16px;font-weight:300;line-height:1.4}.site-header nav a:hover,.site-header nav button:hover{color:#000}.lang-switch{-webkit-backdrop-filter:blur(8px)saturate(1.4);background:#76768029;border-radius:13px;flex-direction:column;gap:3px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 .5px #0000000d}.lang-switch button{letter-spacing:.03em;text-align:center;color:#00000080;min-width:44px;transition:color .2s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease);border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700}.lang-switch button:hover{color:#000000e0}.lang-switch button.is-active{color:#0a0a0c;background:#fff;box-shadow:0 1px 3px #0000002e,0 1px 1px #0000000a}.timeline{position:absolute;inset:0;overflow:hidden}.timeline__track{will-change:transform;align-items:flex-end;height:100%;padding-bottom:max(12vh,96px);display:flex}.timeline__spacer{flex:0 0 max(50vw - 560px,130px)}.project{opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transition-delay:calc(var(--i) * 70ms);flex:none;margin-right:clamp(96px,8vw,150px);transform:translateY(26px)}.timeline__track.is-ready .project{opacity:1;transform:none}.project__button{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.project__caption{color:#0000009e;letter-spacing:-.01em;white-space:nowrap;transform-origin:top;transition:transform .35s var(--ease), color .3s var(--ease);font-size:14px;font-weight:500;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)scale(1)}.project__caption em{color:#00000057;margin-left:8px;font-style:normal}.project__button:hover .project__caption{color:#000000eb;transform:translate(-50%)scale(1.14)}.project-info{flex:0 0 200px;width:200px;padding-bottom:6px}.project-info h2{letter-spacing:-.025em;margin:0;font-size:21px;font-weight:600}.project-info p{margin:0}.project-info__role,.project-info__year{color:#000000d9;font-size:18px;font-weight:300;line-height:1.25}.project-info__year{color:#0006;margin-top:8px!important}.project-info__stack{color:#0000008c;flex-wrap:wrap;gap:3px 10px;margin-top:30px;font-size:13.5px;font-weight:400;display:flex}.project-info__open{color:#00000073;opacity:0;transition:.3s var(--ease);border-bottom:1px solid #aaa;margin-top:26px;padding-bottom:2px;font-size:13.5px;display:inline-block;transform:translateY(6px)}.project__button:hover .project-info__open{opacity:1;transform:none}.project__visual{transform:scale(calc(.965 + var(--focus,1) * .035));opacity:calc(.6 + var(--focus,1) * .4);perspective:1100px;will-change:transform, opacity;position:relative}.df{transform:translateY(var(--lift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .4s var(--ease)}.project__button:hover .df{--lift:-12px}.df--mockup{justify-content:center;display:flex}.mockup-img{width:calc(var(--dev) * 1.12);filter:drop-shadow(0 22px 28px #0000001f);border-radius:12px;height:auto;display:block}.timeline__end{color:#00000061;flex-direction:column;flex:0 0 360px;align-self:center;padding-right:140px;font-size:18px;font-weight:300;display:flex}.timeline__end strong{color:#000;letter-spacing:-.04em;font-size:38px;font-weight:300}.scroll-hint{z-index:10;color:#00000059;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;position:fixed;bottom:24px;right:42px}.scroll-hint span{animation:nudge 1.8s var(--ease) infinite;margin-left:8px;display:inline-block}@keyframes nudge{50%{transform:translate(6px)}}.screen-img{object-fit:cover;object-position:top center;width:100%;height:100%}.screen-fill{text-align:center;place-content:center;width:100%;height:100%;display:grid}.screen-fill span{letter-spacing:-.06em;font-size:clamp(48px,6vw,96px);font-weight:500;line-height:.9}.tone-slate{color:#e9edf1;background:radial-gradient(120% 120% at 30% 20%,#2a3543 0%,#131a26 70%)}.tone-blue{color:#dfe8ff;background:radial-gradient(120% 120% at 30% 20%,#3a559c 0%,#1d2c52 70%)}.tone-red{color:#ffe9e2;background:radial-gradient(120% 120% at 30% 20%,#b94c3b 0%,#6e2519 70%)}.tone-green{color:#e5f2df;background:radial-gradient(120% 120% at 30% 20%,#3d6450 0%,#1d3528 70%)}.df--imac .imac{width:var(--dev);filter:drop-shadow(0 6px 8px #0000001f)drop-shadow(0 42px 52px #0003);flex-direction:column;align-items:center;display:flex}.imac__display{background:linear-gradient(155deg,#1d1d22 0%,#0b0b0d 42%,#050506 100%);border-radius:18px;width:100%;padding:12px;box-shadow:inset 0 0 0 1px #2a2a2e,inset 0 1px 1px #ffffff24}.imac__screen{aspect-ratio:16/10;background:#000;border-radius:4px;position:relative;overflow:hidden}.imac__chin{background:var(--alu);height:clamp(34px,5vw,52px);box-shadow:inset 0 1px 0 #fff9, inset 0 -1px 0 var(--alu-edge);border-radius:0 0 18px 18px;justify-content:center;align-items:center;margin:12px -12px -12px;display:flex}.imac__logo{width:clamp(14px,1.5vw,20px);height:clamp(17px,1.8vw,24px);-webkit-mask:var(--apple) center / contain no-repeat;-webkit-mask:var(--apple) center / contain no-repeat;mask:var(--apple) center / contain no-repeat;background:#9a9aa1}.imac__neck{background:var(--alu);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);width:24%;height:clamp(46px,5vw,72px);margin-top:-1px}.imac__foot{background:var(--alu);border-radius:4px 4px 10px 10px;width:44%;height:clamp(10px,1.2vw,15px);box-shadow:0 8px 14px -8px #0006}.df--macbook .macbook{width:var(--dev);filter:drop-shadow(0 6px 8px #0000001c)drop-shadow(0 36px 46px #00000030)}.macbook__lid{background:linear-gradient(155deg,#1d1d22 0%,#0b0b0d 42%,#050506 100%);border-radius:14px 14px 5px 5px;padding:11px;position:relative;box-shadow:inset 0 0 0 1px #2a2a2e,inset 0 1px 1px #ffffff24}.macbook__screen{aspect-ratio:16/10;background:#000;border-radius:3px;position:relative;overflow:hidden}.macbook__base{background:var(--alu);border-radius:0 0 14px 14px;width:106%;height:clamp(12px,1.5vw,17px);margin-left:-3%;position:relative;box-shadow:inset 0 1px #ffffffb3,0 10px 16px -8px #0006}.macbook__notch-bottom{background:#c4c4cb;border-radius:0 0 8px 8px;width:15%;height:clamp(6px,.8vw,9px);position:absolute;top:0;left:50%;transform:translate(-50%)}.df--iphone .iphone{width:calc(var(--dev) * .4);aspect-ratio:9/19.3;background:linear-gradient(150deg,#24242a 0%,#0c0c0f 45%,#050506 100%);border-radius:14%/6.6%;padding:10px;position:relative;box-shadow:inset 0 0 0 2px #2a2a2e,inset 0 1px 1px #ffffff29,0 8px 12px -6px #00000038,0 42px 52px -28px #00000057}.iphone__island{z-index:2;background:#000;border-radius:999px;width:32%;height:3.2%;min-height:17px;position:absolute;top:4.4%;left:50%;transform:translate(-50%)}.iphone__screen{background:#000;border-radius:11%/5.6%;width:100%;height:100%;position:relative;overflow:hidden}.imac__screen:after,.macbook__screen:after,.iphone__screen:after,.framed__screen:after{content:"";z-index:3;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(122deg,#fff3 0%,#ffffff0f 16%,#fff0 38% 100%);position:absolute;inset:0}.df--phone-duo{justify-content:center;display:flex}.phone-duo{justify-content:center;align-items:center;display:flex;position:relative}.phone-duo__shot{width:calc(var(--dev) * .46);border:6px solid var(--glass);background:var(--glass);height:auto;transition:transform .5s var(--ease);border-radius:17%/8.2%;box-shadow:inset 0 0 0 1px #2a2a2e,0 36px 46px -24px #00000080}.phone-duo__shot--back{z-index:1;transform:translate(24%)rotate(-9deg)scale(.95)}.phone-duo__shot--front{z-index:2;transform:translate(-24%)translateY(5%)rotate(8deg)}.project__button:hover .phone-duo__shot--back{transform:translate(34%)rotate(-12deg)scale(.95)}.project__button:hover .phone-duo__shot--front{transform:translate(-34%)translateY(5%)rotate(11deg)}.df--framed{justify-content:center;display:flex}.framed{width:calc(var(--dev) * var(--fwm,1));position:relative}.framed__frame{z-index:2;pointer-events:none;filter:drop-shadow(0 6px 9px #00000014)drop-shadow(0 26px 40px #00000029);width:100%;height:auto;display:block;position:relative}.framed__screen{z-index:1;top:var(--sy);left:var(--sx);width:var(--sw);height:var(--sh);background:#000;position:absolute;overflow:hidden}.framed--imac{--fwm:1;--sx:2.4%;--sy:3.4%;--sw:95.2%;--sh:63.4%}.framed--imac27{--fwm:1.02;--sx:4.0%;--sy:4.9%;--sw:92.0%;--sh:64.5%}.framed--macbook{--fwm:1.06;--sx:12.83%;--sy:8.72%;--sw:74.17%;--sh:78.2%}.framed--mbp14{--fwm:1.05;--sx:11.67%;--sy:11.79%;--sw:76.67%;--sh:76.41%}.framed--mbp16{--fwm:1.12;--sx:10.17%;--sy:11%;--sw:79.67%;--sh:78%}.framed--ipad{--fwm:.92;--sx:4.27%;--sy:5.9%;--sw:91.45%;--sh:88.21%}.framed--iphone{--fwm:.42;--sx:7.31%;--sy:3.66%;--sw:85.38%;--sh:92.67%}.framed--iphone11{--fwm:.42;--sx:9.04%;--sy:4.17%;--sw:81.92%;--sh:91.66%}.df--framed-duo{justify-content:center;display:flex}.framed-duo{justify-content:center;align-items:center;display:flex;position:relative}.framed-duo .framed{--fwm:.34;transition:transform .5s var(--ease)}.framed-duo__back{z-index:1;transform:translate(24%)rotate(-9deg)scale(.95)}.framed-duo__front{z-index:2;transform:translate(-24%)translateY(5%)rotate(8deg)}.project__button:hover .framed-duo__back{transform:translate(34%)rotate(-12deg)scale(.95)}.project__button:hover .framed-duo__front{transform:translate(-34%)translateY(5%)rotate(11deg)}.overlay{z-index:40;-webkit-backdrop-filter:blur(34px)saturate(1.35);animation:reveal .42s var(--ease) both;background:#fafafcfb;position:fixed;inset:0;overflow:auto}@keyframes reveal{0%{opacity:0;transform:scale(1.015)}}.overlay.is-closing{pointer-events:none;animation:.26s cubic-bezier(.4,0,.2,1) both dismiss}@keyframes dismiss{to{opacity:0;transform:scale(1.01)}}@keyframes detail-in-mobile{0%{opacity:0;transform:translateY(26px)}}@keyframes detail-out-mobile{to{opacity:0;transform:translateY(26px)}}.back{z-index:45;opacity:.34;width:100px;height:100px;transition:opacity .2s var(--ease);position:fixed;top:0;left:0}.back:hover{opacity:1}.back span{border-bottom:2px solid #000;border-left:2px solid #000;width:22px;height:22px;margin:auto;display:block;transform:rotate(45deg)}.project-detail__inner{grid-template-columns:300px minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,90px);width:min(1320px,100% - 160px);min-height:100vh;margin:auto;padding:40px 0;display:grid}.project-detail__visual{will-change:transform;transform-origin:50%;cursor:pointer;justify-content:center;display:flex}.project-detail .project-info{animation:.5s cubic-bezier(.45,0,.18,1) .1s both detail-copy-in}@keyframes detail-copy-in{0%{opacity:0;transform:translate(-26px)}}.overlay.project-detail{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;animation:none}.overlay.project-detail:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(32px)saturate(1.35);background:#fafafcfb;animation:.42s both veil-in;position:absolute;inset:0}.overlay.project-detail.is-closing{animation:none}.overlay.project-detail.is-closing:before{animation:.34s both veil-out}.overlay.project-detail.is-closing .project-info,.overlay.project-detail.is-closing .back{animation:.3s both detail-fade-out}@keyframes veil-in{0%{opacity:0}}@keyframes veil-out{to{opacity:0}}@keyframes detail-fade-out{to{opacity:0;transform:translate(-16px)}}.project-detail .df--imac .imac{width:min(var(--dev-lg), 84vh)}.project-detail .df--macbook .macbook{width:var(--dev-lg)}.project-detail .df--iphone .iphone{width:min(calc(var(--dev-lg) * .42), 36vh)}.project-detail .df--phone-duo .phone-duo__shot{width:min(calc(var(--dev-lg) * .42), 34vh)}.project-detail .framed{width:min(calc(var(--dev-lg) * var(--fwm,1)), 84vh)}.project-detail .framed--phone{width:min(calc(var(--dev-lg) * var(--fwm,1)), 46vh)}.project-detail .framed-duo .framed{width:min(calc(var(--dev-lg) * .34), 40vh)}.project-detail .mockup-img{width:min(calc(var(--dev-lg) * 1.06), 82vh)}.project-info--expanded{width:300px}.project-detail .project-info__role,.project-detail .project-info__year{font-size:16px}.project-detail .project-info__year{margin-top:5px!important}.project-info__description{color:#000000d1;letter-spacing:-.01em;font-size:13.5px;font-weight:500;line-height:1.42;margin-top:18px!important}.project-info__highlights{flex-direction:column;gap:6px;margin:13px 0 0;padding:0;list-style:none;display:flex}.project-info__highlights li{color:#000000ad;padding-left:16px;font-size:13px;font-weight:400;line-height:1.42;position:relative}.project-info__highlights li:before{content:"";background:#00000052;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.project-info__stack{margin-top:16px}.project-info__link{transition:border-color .2s var(--ease);border-bottom:1px solid #aaa;margin-top:16px;padding-bottom:3px;font-size:14px;display:inline-block}.project-info__link:hover{border-color:#000}.project-info__actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:18px;display:flex}.project-info__actions .project-info__link{margin-top:0}.project-info__more{color:#0a0a0a;transition:gap .24s var(--ease), border-color .24s var(--ease);border-bottom:1px solid #0006;align-items:center;gap:8px;padding:0 0 3px;font-size:14px;display:inline-flex}.project-info__more:hover{border-color:#000;gap:12px}.project-info__more span{transition:transform .24s var(--ease)}.project-info__more:hover span{transform:translate(2px)}.about{place-items:center;display:grid}.about__inner{align-items:center;gap:clamp(28px,5vw,64px);width:min(940px,100% - 80px);display:flex}.about__photo{aspect-ratio:4/5;background:#f3f1ec;border-radius:16px;flex:none;width:clamp(160px,24vw,280px);overflow:hidden}.about__photo img{object-fit:cover;width:100%;height:100%}.about__text{flex:1;min-width:0}.about__text>p{letter-spacing:-.035em;margin:0;font-size:clamp(20px,2.7vw,33px);font-weight:400;line-height:1.24}.about__links{color:#0009;flex-wrap:wrap;gap:26px;margin-top:36px;font-weight:500;display:flex}.about__links a,.about__links-btn{font:inherit;color:#0009;cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;padding:0;font-weight:500}.about__links a:hover,.about__links-btn:hover{color:#000}.about__links-btn{color:#000;position:relative}.about__links-btn:after{content:"";background:#00000080;height:1px;position:absolute;bottom:-3px;left:0;right:0}.about__text small{color:#00000080;margin-top:26px;font-weight:500;display:block}.about__cv{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.about__cv-btn{color:#000000b8;letter-spacing:-.01em;transition:transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), color .2s var(--ease);background:#fff;border:1px solid #00000029;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:400;display:inline-flex}.about__cv-btn:hover{border-color:#0006;transform:translateY(-1px)}.about__cv-btn span{opacity:.55}.about__cv-btn--primary{color:#fff;background:#0a0a0c;border-color:#0a0a0c}.about__cv-btn--primary:hover{background:#000}.about__cv-btn--primary span{opacity:.7}.about__cv-btn--ghost{color:#00000073;background:0 0;border-color:#0000}.about__cv-btn--ghost:hover{color:#000}.cv-overlay{z-index:50;-webkit-backdrop-filter:blur(22px);animation:reveal .5s var(--ease) both;background:#f4f4f6f9;place-items:center;padding:40px 20px;display:grid;position:fixed;inset:0}.cv-modal{animation:ipad-in .6s var(--ease) both;flex-direction:column;align-items:center;gap:22px;display:flex}@keyframes ipad-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}.ipad{aspect-ratio:3/4;background:linear-gradient(160deg,#3a3a3e 0%,#2a2a2e 50%,#202024 100%);border-radius:38px;max-width:92vw;height:min(82vh,760px);padding:14px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff14,inset 0 2px 2px #ffffff2e,0 50px 80px -30px #00000080}.ipad__cam{z-index:2;background:#0c0c0e;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff1f}.ipad__screen{background:#fff;border-radius:24px;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.ipad__screen iframe{border:0;width:100%;height:100%;display:block}.cv-modal__actions{gap:12px;display:flex}.cv-modal__actions .about__cv-btn{background:#ffffffd9}.cv-modal__actions .about__cv-btn--ghost{background:0 0}.listing{place-items:center;display:grid}.listing__inner{width:min(640px,100% - 80px)}.listing__inner--wide{width:min(760px,100% - 80px)}.listing__inner--split{grid-template-columns:1.4fr 1fr;align-items:start;gap:clamp(36px,6vw,80px);width:min(940px,100% - 80px);display:grid}.listing__title{letter-spacing:.16em;text-transform:uppercase;color:#0006;margin:0 0 24px;font-size:12px;font-weight:500}.listing__list{margin:0;padding:0;list-style:none}.listing__list li{border-top:1px solid #0000001a;align-items:flex-start;gap:15px;padding:15px 0;display:flex}.listing__logo{background:#fff;border:1px solid #0000001a;border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.listing__logo img{object-fit:contain;width:80%;height:80%}.listing__logo--fallback{letter-spacing:.02em;text-transform:uppercase;color:#00000080;background:#f3f1ec;font-size:14px;font-weight:500}.listing__logo--big{background:0 0;border:0;border-radius:0;place-items:center start;width:92px;height:50px;overflow:visible}.listing__logo--big img{object-fit:contain;object-position:left center;width:100%;height:100%}.listing__logo--big.listing__logo--fallback{background:#f3f1ec;border-radius:12px;place-items:center;width:50px;font-size:16px}.listing__body{flex-direction:column;gap:3px;padding-top:2px;display:flex}.listing__main--link{transition:opacity .2s var(--ease);align-items:center;gap:6px;display:inline-flex}.listing__main--link:hover{opacity:.55}.listing__cta{font:inherit;color:#00000080;cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease);background:0 0;border:0;border-bottom:1px solid #00000040;align-self:flex-start;margin-top:9px;padding:0 0 2px;font-size:12.5px}.listing__cta:hover{color:#000;border-color:#000}.listing__cta+.listing__cta{margin-top:6px}.listing__list li:last-child{border-bottom:1px solid #0000001a}.listing__main{letter-spacing:-.025em;font-size:18px;font-weight:400}.listing__sub{color:#000000bd;font-size:14px;font-weight:500}.listing__meta{color:#0000008c;font-size:13px}.listing__meta em{margin-left:8px;font-style:normal}.listing__note{color:#0009;margin-top:5px;font-size:12.5px;font-weight:400;line-height:1.45}.mention--embed{display:block}.mention-embed{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;margin-top:12px;position:relative;overflow:hidden;box-shadow:0 10px 26px -12px #0006,inset 0 0 0 1px #0000000f}.mention-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=980px),(pointer:coarse){.portfolio{width:100%;height:auto;min-height:100vh;overflow:hidden visible}.cursor{display:none}.site-header{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;width:100%;max-width:720px;margin:0 auto;padding:clamp(28px,5vw,48px) clamp(24px,5vw,44px) 0;position:relative;top:auto;left:auto;transform:none}.site-header__identity{align-items:center;margin-left:0;font-size:clamp(26px,5vw,34px)}.site-header__right{flex-direction:column;align-items:center;gap:16px;width:100%;margin-right:0}.lang-switch{flex-direction:row}.site-header nav{flex-flow:wrap;justify-content:center;align-items:center;gap:14px 18px;min-width:auto;margin-right:0;padding-top:6px;position:static}.site-header nav a,.site-header nav button{font-size:14px}.timeline{height:auto;position:static;overflow:visible}.portfolio,.portfolio *{cursor:auto}.timeline__track{width:100%;max-width:560px;height:auto;margin:0 auto;padding:clamp(48px,9vw,80px) clamp(24px,5vw,40px) 50px;display:block;transform:none!important}.timeline__spacer,.timeline__end,.scroll-hint{display:none}.project{opacity:1;margin:0 0 clamp(64px,11vw,96px);transform:none}.project__button{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.project-info{flex-basis:auto;width:100%}.project-info__open{display:none}.project__visual{width:100%;opacity:1!important;transform:none!important}.project__caption{text-align:center;white-space:normal;color:#000000b3;margin-top:22px;position:static;transform:none}.project__button:hover .project__caption{transform:none}.df{justify-content:center;display:flex}.df--imac .imac,.df--macbook .macbook{width:100%}.df--iphone .iphone{width:58%;max-width:240px;margin:0 auto}.df--phone-duo .phone-duo__shot{width:44%;max-width:190px}.df--framed .framed{width:100%;max-width:460px}.mockup-img{width:100%;max-width:480px}.df--framed .framed--phone{width:58%;max-width:240px}.framed-duo .framed{width:44%;max-width:200px}.project-detail__inner{flex-direction:column;align-items:center;gap:clamp(28px,6vw,42px);width:min(560px,100% - 48px);min-height:100vh;padding:clamp(80px,14vw,110px) 0 50px;display:flex}.project-detail__visual{order:-1;width:100%}.project-detail .df--imac .imac,.project-detail .df--macbook .macbook{width:min(100%,460px)}.project-detail .df--iphone .iphone{width:min(58%,240px)}.project-detail .df--phone-duo .phone-duo__shot{width:min(44%,200px)}.project-detail .df--framed .framed{width:min(100%,460px)}.project-detail .mockup-img{width:min(100%,480px)}.project-detail .df--framed .framed--phone{width:min(58%,240px)}.project-detail .framed-duo .framed{width:min(44%,200px)}.project-info--expanded{text-align:center;width:100%}.project-info__highlights{text-align:left;max-width:420px;margin-left:auto;margin-right:auto}.project-info__stack{justify-content:center}.overlay.project-detail{-webkit-backdrop-filter:blur(34px)saturate(1.35);animation:detail-in-mobile .4s var(--ease) both;background:#fafafcfb}.overlay.project-detail:before{display:none}.overlay.project-detail.is-closing{animation:.26s cubic-bezier(.4,0,.2,1) both detail-out-mobile}.overlay.project-detail.is-closing:before,.overlay.project-detail.is-closing .project-info,.overlay.project-detail.is-closing .back,.project-detail .project-info{animation:none}.back{width:64px;height:64px}.about,.listing{-webkit-overflow-scrolling:touch;display:block;overflow-y:auto}.about__inner,.listing__inner,.listing__inner--wide,.listing__inner--split{margin-inline:auto;padding-top:clamp(96px,22vw,132px);padding-bottom:clamp(48px,14vw,76px)}.about__inner{text-align:center;flex-direction:column;align-items:center;gap:clamp(22px,5vw,34px);width:min(540px,100% - 48px)}.about__photo{width:clamp(150px,44vw,210px);margin:0 auto}.about__text{width:100%}.about__links{justify-content:center}.listing__inner,.listing__inner--wide{width:min(560px,100% - 48px)}.listing__inner--split{grid-template-columns:1fr;gap:clamp(28px,8vw,40px);width:min(560px,100% - 48px)}.listing__title{margin-bottom:18px}.listing__list li{gap:13px;padding:13px 0}.listing__logo--big{width:74px;height:44px}.listing__main{font-size:16px}.listing__sub{font-size:13px}.listing__note{font-size:12px}.ipad{border-radius:clamp(28px,5vw,38px);width:min(92vw,560px);height:auto;max-height:82vh;padding:clamp(10px,2vw,14px)}.ipad__screen{border-radius:clamp(18px,3.5vw,24px)}}@media (width<=460px){.df--iphone .iphone{width:64%}.df--phone-duo .phone-duo__shot{width:47%}}.overlay.case-study{z-index:50;-webkit-overflow-scrolling:touch;animation:none;overflow:auto}.case-study__scroll{min-height:100%}.case-study__inner{width:min(820px,100% - 48px);margin:0 auto;padding:clamp(94px,15vh,148px) 0 clamp(88px,13vh,132px)}.cs-progress{z-index:44;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#0a0a0ad9,#0a0a0a52);width:100%;height:2px;margin-bottom:-2px;position:sticky;top:0;transform:scaleX(0)}.overlay.case-study .back{margin-bottom:-100px;position:sticky}.cs-kicker,.cs-section__kicker,.cs-flow__tag,.cs-block__title,.cs-hero__award,.cs-meta__label,.cs-metric__label{letter-spacing:.16em;text-transform:uppercase;color:#0006;font-weight:500}.cs-hero{padding-bottom:clamp(38px,6vw,64px)}.cs-hero__award{margin:0 0 24px;font-size:12px}.cs-hero__title{letter-spacing:-.04em;margin:0;font-size:clamp(48px,9vw,100px);font-weight:500;line-height:.96}.cs-hero__title--split{text-align:center}.cs-hero__letter{will-change:transform;display:inline-block}.cs-hero__tagline{letter-spacing:-.01em;color:#0009;max-width:600px;margin:24px 0 0;font-size:clamp(16px,2.1vw,20px);font-weight:400;line-height:1.5}.cs-hero__meta{flex-wrap:wrap;gap:24px 46px;margin-top:clamp(34px,5vw,50px);display:flex}.cs-meta{flex-direction:column;gap:7px;display:flex}.cs-meta__label{font-size:11px}.cs-meta__value{letter-spacing:-.01em;color:#000000d1;font-size:14.5px;font-weight:400}.cs-hero__links{flex-wrap:wrap;gap:12px 24px;margin-top:32px;display:flex}.cs-hero__links a,.cs-outro a{color:#00000080;transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:1px solid #00000040;padding-bottom:3px;font-size:13px}.cs-hero__links a:hover,.cs-outro a:hover{color:#000;border-color:#000}.cs-section,.cs-flow,.cs-block,.cs-outro{border-top:1px solid #0000001a;margin-top:clamp(44px,6.5vw,76px);padding-top:clamp(36px,4.8vw,56px)}.cs-section__head{align-items:baseline;gap:11px;margin-bottom:18px;display:flex}.cs-section__n{color:#00000052;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.cs-section__kicker{font-size:12px}.cs-section__title{letter-spacing:-.03em;max-width:640px;margin:0 0 20px;font-size:clamp(25px,4vw,36px);font-weight:500;line-height:1.08}.cs-section__body p{color:#000000a8;max-width:640px;margin:0 0 15px;font-size:clamp(15px,1.8vw,16.5px);line-height:1.62}.cs-section__body p:last-child{margin-bottom:0}.cs-block__title{margin:0 0 26px;font-size:12px}.cs-flow__chain{max-width:640px;margin-top:4px;padding-left:28px;position:relative}.cs-flow__chain:before{content:"";background:#0000000f;width:1px;position:absolute;top:6px;bottom:6px;left:3px}.cs-flow__rail{pointer-events:none;width:1px;position:absolute;top:6px;bottom:6px;left:3px}.cs-flow__line{transform-origin:50% 0;will-change:transform;background:linear-gradient(#0003,#0000000d);width:1px;position:absolute;inset:0}.cs-flow__head{will-change:top;background:#0a0a0a;border-radius:50%;width:5px;height:5px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #0a0a0a12}.cs-step{padding-bottom:clamp(24px,3.5vw,38px);position:relative}.cs-step:last-child{padding-bottom:0}.cs-step__dot{background:#fbfbfc;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-28px;box-shadow:inset 0 0 0 1.5px #00000080}.cs-step__dot-fill{transform-origin:50%;background:#0a0a0a;border-radius:50%;position:absolute;inset:1.5px}.cs-flow__tag{margin-bottom:14px;font-size:11px;display:block}.cs-flow__nodes{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 28px;display:grid}.cs-node{flex-direction:column;gap:4px;display:flex}.cs-node__title{letter-spacing:-.015em;color:#0a0a0a;font-size:15px;font-weight:500}.cs-node__desc{color:#0000008c;font-size:13px;line-height:1.45}.cs-flow__pivot{color:#00000094;border-left:1px solid #0003;max-width:600px;margin:30px 0 0;padding-left:16px;font-size:13.5px;font-style:italic;line-height:1.5}.cs-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,44px) clamp(30px,5vw,64px);display:grid}.cs-key{border-top:1px solid #0000001f;padding-top:20px}.cs-key__n{color:#0000004d;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.cs-key__title{letter-spacing:-.02em;margin:12px 0 10px;font-size:17px;font-weight:500}.cs-key__body{color:#0000009e;margin:0;font-size:14px;line-height:1.55}.cs-metrics{flex-wrap:wrap;gap:clamp(28px,6vw,72px);display:flex}.cs-metric{flex-direction:column;gap:10px;display:flex}.cs-metric__value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(38px,6vw,56px);font-weight:500;line-height:1}.cs-count{display:inline-block;position:relative}.cs-count__live{position:absolute;top:0;left:0}.cs-count__ghost{visibility:hidden}.cs-metric__label{max-width:200px;font-size:11px}.cs-result{letter-spacing:-.02em;color:#0c0c0c;max-width:660px;margin:clamp(34px,5vw,50px) 0 0;font-size:clamp(19px,2.7vw,27px);font-weight:400;line-height:1.36}.cs-outro{flex-wrap:wrap;gap:12px 24px;display:flex}@media (width<=640px){.cs-keys{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.project{opacity:1!important;transition:none!important;transform:none!important}.scroll-hint span{animation:none!important}}.site-header__names{flex-direction:column;font-weight:400;line-height:1.05;display:flex}.site-header__identity .site-header__year{margin-top:6px}.site-header__tagline{letter-spacing:.14em;text-transform:uppercase;color:#0000006b;max-width:260px;margin-top:12px;font-size:11px;font-weight:500;line-height:1.5}.award-badge{z-index:4;-webkit-backdrop-filter:blur(10px)saturate(1.4);color:#000000d1;text-align:left;pointer-events:none;background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;max-width:min(94%,300px);padding:6px 13px 6px 10px;display:inline-flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);box-shadow:0 1px 2px #0000000f,inset 0 0 0 .5px #0000001a}.award-badge__mark{width:14px;height:14px;-webkit-mask:var(--award) center / contain no-repeat;-webkit-mask:var(--award) center / contain no-repeat;mask:var(--award) center / contain no-repeat;background:#0a0a0c;flex-shrink:0}.award-badge__text{letter-spacing:.005em;font-size:10.5px;font-weight:500;line-height:1.3}.about--duo{-webkit-overflow-scrolling:touch;display:block;overflow-y:auto}.about__inner--duo{flex-direction:column;gap:clamp(30px,4.5vw,54px);width:min(1000px,100% - 100px);margin:0 auto;padding:clamp(104px,15vh,150px) 0 clamp(60px,10vh,104px);display:flex}.about__lead{letter-spacing:-.035em;max-width:760px;margin:0;font-size:clamp(23px,3vw,35px);font-weight:400;line-height:1.2}.about__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,4vw,60px);display:grid}.about-card{flex-direction:column;display:flex}.about-card__photo{aspect-ratio:4/5;background:#f3f1ec;border-radius:16px;width:clamp(116px,15vw,158px);margin-bottom:20px;overflow:hidden}.about-card__photo img{object-fit:cover;width:100%;height:100%}.about-card__name{letter-spacing:-.03em;margin:0;font-size:clamp(21px,2.3vw,27px);font-weight:500}.about-card__role{letter-spacing:-.01em;color:#00000080;margin:4px 0 0;font-size:14px;font-weight:500}.about-card__bio{flex-direction:column;gap:11px;margin-top:16px;display:flex}.about-card__bio p{color:#000000ad;margin:0;font-size:15px;line-height:1.55}.about-card__links{gap:18px;margin-top:20px}.about__press{border-top:1px solid #0000001a;padding-top:clamp(26px,3vw,34px)}.about__press-title{letter-spacing:.16em;text-transform:uppercase;color:#0006;margin-bottom:16px;font-size:12px;font-weight:500;display:block}.about__press-list{flex-wrap:wrap;gap:18px 44px;margin:0;padding:0;list-style:none;display:flex}.about__press-list li{align-items:center;gap:13px;display:flex}.about__press-item{flex-direction:column;gap:3px;display:flex}.about__press-item a{color:#000c;transition:color .2s var(--ease);align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.about__press-item a:hover{color:#000}.about__press-note{color:#00000080;max-width:320px;font-size:12.5px;line-height:1.4}@media (width<=980px),(pointer:coarse){.site-header__names{align-items:center}.site-header__tagline{text-align:center;max-width:320px}.award-badge{margin:0 auto 18px;position:static;transform:none}.about__inner--duo{text-align:center;align-items:center;gap:clamp(26px,7vw,40px);width:min(560px,100% - 48px);padding:clamp(96px,22vw,128px) 0 clamp(48px,14vw,76px)}.about__lead{font-size:clamp(21px,5.5vw,27px)}.about__cards{grid-template-columns:1fr;gap:clamp(34px,10vw,48px)}.about-card{align-items:center}.about-card__photo{width:clamp(140px,42vw,190px)}.about-card__bio{text-align:left}.about-card__links{justify-content:center}.about__press{text-align:left;width:100%}.about__press-list{justify-content:flex-start}}:root{color:#080808;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-size:20px;overflow:hidden}button,a{color:inherit;font:inherit}a{text-decoration:none}button{background:0 0;border:0;padding:0}button,[role=button]{cursor:pointer}img{display:block}:focus-visible{outline-offset:5px;outline:2px solid #111}::selection{color:#fff;background:#111}@media (width<=700px){body{overflow:auto}}