:root{--bg:#0c0c0c;--text:#ededed;--muted:#9a9a9a;--faint:#6f6f6f;--line:#fff3;--chip:#ffffff4d}[data-theme=light]{--bg:#f2f1ee;--text:#161616;--muted:#565656;--faint:#8a8a8a;--line:#00000038;--chip:#0000004d}*{box-sizing:border-box}html,body{background:#0c0c0c;margin:0;padding:0;overflow-x:clip}#root{min-height:100vh}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}::selection{background:var(--text);color:var(--bg)}@keyframes kkFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.shell{background:var(--bg);min-height:100vh;color:var(--text);font-family:Jost,sans-serif;font-weight:300;transition:background .45s,color .45s;position:relative}.theme-toggle{z-index:40;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;width:60px;height:30px;padding:0;display:flex;position:fixed;top:30px;right:42px}.theme-toggle__knob{background:var(--text);border-radius:50%;width:22px;height:22px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;left:3px}.lang-toggle{z-index:40;letter-spacing:.22em;align-items:center;gap:9px;font-size:14px;display:flex;position:fixed;top:34px;right:120px}.lang-toggle__opt{font:inherit;letter-spacing:inherit;cursor:pointer;color:var(--faint);background:0 0;border:0;margin:0;padding:0;transition:color .3s}.lang-toggle__opt:hover{color:var(--muted)}.lang-toggle__opt.is-active{color:var(--text)}.lang-toggle__sep{color:var(--faint);opacity:.6}.sidebar{z-index:30;flex-direction:column;display:flex;position:fixed;top:150px;left:64px}.sidebar__nav{flex-direction:column;gap:24px;display:flex}.nav-link{letter-spacing:.34em;color:var(--faint);cursor:pointer;width:max-content;font-size:23px;text-decoration:none;transition:color .3s}.nav-link__underline{background:var(--text);width:0%;height:1px;margin-top:7px;transition:width .35s}.nav-link:hover{color:var(--muted)}.nav-link:hover .nav-link__underline{width:40%}.nav-link.is-active{color:var(--text)}.nav-link.is-active .nav-link__underline{width:100%}.sidebar__socials{flex-direction:column;gap:22px;margin-top:54px;display:flex}.social-link{color:var(--muted);width:24px;height:24px;transition:color .3s,transform .3s;display:block}.social-link:hover{color:var(--text);transform:translateY(-2px)}.copyright{z-index:30;letter-spacing:.04em;color:var(--faint);font-size:15px;position:fixed;bottom:22px;left:64px}.main{max-width:1900px;margin-left:360px;padding:96px 150px 140px 28px}.main--works{padding:96px 150px 0 28px}.rule{background:var(--line);height:1px;margin:18px 0 34px}.home-grid{grid-template-columns:1.04fr 1fr;column-gap:90px;display:grid}.intro{animation:.9s both kkFade}.name{letter-spacing:.03em;margin:0;font-size:clamp(58px,8.6vw,156px);font-weight:200;line-height:.96}.role{color:var(--text);letter-spacing:.01em;margin:14px 0 0;font-size:clamp(20px,1.7vw,30px);font-weight:300}.contact{color:var(--muted);margin-top:130px;font-size:clamp(18px,1.5vw,25px);line-height:1.5}.contact a{color:var(--muted);text-decoration:none;transition:color .3s}.contact a:hover{color:var(--text)}.section-head{letter-spacing:.04em;font-size:clamp(26px,2.4vw,40px);font-weight:300}.paragraph{color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(17px,1.45vw,24px);line-height:1.5}.motivation{margin-top:300px}.motivation .paragraph{max-width:760px}.about{margin-top:215px}.photo{aspect-ratio:16/10;border:1px solid var(--line);background-color:#1a1a1a;background-image:repeating-linear-gradient(135deg,#ffffff0d 0 2px,#0000 2px 11px);justify-content:center;align-items:center;width:100%;margin-top:320px;display:flex;position:relative;overflow:hidden}.photo__bg{object-fit:cover;filter:grayscale()blur(26px);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.2)}.photo__img{object-fit:contain;filter:grayscale();width:auto;max-width:100%;height:100%;display:block;position:relative}.placeholder-label{letter-spacing:.12em;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.skills{margin-top:140px}.skills .rule{margin:18px 0 60px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:56px 64px;display:grid}.skill-cat__name{letter-spacing:.05em;margin-bottom:26px;font-size:clamp(22px,1.9vw,32px);font-weight:300}.chips{flex-wrap:wrap;gap:14px;display:flex}.chip{border:1px solid var(--chip);letter-spacing:.02em;color:var(--text);cursor:default;background:0 0;border-radius:999px;padding:9px 20px;font-size:16px;transition:background .25s,color .25s,border-color .25s}.chip:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.page-links{flex-direction:column;align-items:flex-end;gap:30px;margin-top:150px;display:flex}.page-link{color:var(--text);letter-spacing:.05em;cursor:pointer;align-items:center;gap:18px;font-size:clamp(28px,2.6vw,44px);font-weight:300;text-decoration:none;display:flex}.page-link__arrow{transition:transform .3s;display:inline-block}.page-link:hover .page-link__arrow{transform:translate(12px)}.cursor-view{border:1px solid var(--text);letter-spacing:.22em;width:74px;height:74px;color:var(--text);pointer-events:none;opacity:0;z-index:60;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#78787814;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:300;transition:opacity .35s;display:flex;position:fixed;top:0;left:0;transform:translate(-120px,-120px)}.works-grid{grid-template-columns:1.18fr 1fr;align-items:stretch;column-gap:90px;display:grid}.works-images{flex-direction:column;gap:320px;padding-top:calc(50vh - 11vw);padding-bottom:200px;display:flex}.work-image{aspect-ratio:16/10;border:1px solid var(--line);cursor:none;background-color:#161616;background-image:repeating-linear-gradient(135deg,#ffffff0d 0 2px,#0000 2px 11px);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 36px 90px #0000008c}.work-image__media{object-fit:cover;width:100%;height:100%;display:block}.work-image__soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 24px;display:flex}.work-image__soon-label{letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--muted);font-size:clamp(22px,2.4vw,40px);font-weight:300}.work-image__soon-sub{letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.work-image .placeholder-label{letter-spacing:.16em;font-size:13px}.works-sticky-col{height:100%;min-height:100%;position:relative}.works-sticky{flex-direction:column;justify-content:center;height:100vh;padding-top:96px;padding-bottom:130px;display:flex;position:sticky;top:0}.works-header{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.works-header__title{letter-spacing:.04em;font-size:clamp(30px,2.9vw,48px);font-weight:300}.works-header__handle{color:var(--muted);letter-spacing:.04em;font-size:clamp(15px,1.2vw,20px)}.works-header__rule{background:var(--line);height:1px;margin-top:14px}.work-block-wrap{margin-top:56px}.work-block{transition:opacity .22s}.work-block__index{letter-spacing:.34em;color:var(--muted);align-items:center;gap:16px;font-size:clamp(18px,1.4vw,23px);display:flex}.work-block__status{letter-spacing:.18em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px}.work-block__index span{display:inline-block}.work-block__title{letter-spacing:.02em;margin-top:26px;font-size:clamp(30px,3vw,54px);font-weight:300;line-height:1.04}.work-block__kind{color:var(--text);margin-top:12px;font-size:clamp(18px,1.5vw,27px);font-weight:300}.work-block__desc{color:var(--muted);text-wrap:pretty;max-width:640px;margin:34px 0 0;font-size:clamp(17px,1.4vw,24px);line-height:1.5}.work-block__link{letter-spacing:.04em;color:var(--text);border-bottom:1px solid var(--line);margin-top:28px;padding-bottom:3px;font-size:clamp(15px,1.2vw,19px);text-decoration:none;transition:border-color .3s;display:inline-block}.work-block__link:hover{border-color:var(--text)}.outro{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.outro__mask{padding:0 4px;overflow:hidden}.outro__headline{letter-spacing:.14em;color:var(--text);white-space:nowrap;font-family:EB Garamond,Georgia,serif;font-size:clamp(30px,3.8vw,62px);font-weight:400;transition:clip-path 1.15s cubic-bezier(.62,0,.2,1)}.outro__sub-mask{margin-top:24px;padding:0 4px;overflow:hidden}.outro__sub{letter-spacing:.36em;color:var(--muted);white-space:nowrap;text-transform:uppercase;font-family:EB Garamond,Georgia,serif;font-size:clamp(13px,1.05vw,18px);font-weight:400;transition:clip-path 1.15s cubic-bezier(.62,0,.2,1) .2s}.works-mobile-header,.work-mobile-info{display:none}@media (width<=1024px){.main{margin-left:240px;padding-left:24px;padding-right:56px}.main--works{padding-left:24px;padding-right:56px}.sidebar,.copyright{left:36px}.home-grid,.works-grid{column-gap:50px}.skills-grid{column-gap:40px}}@media (width<=768px){.sidebar{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;gap:16px;height:54px;padding:0 18px;transition:background .45s,border-color .45s;top:0;left:0;right:0}.sidebar__nav{flex-direction:row;gap:20px}.nav-link{letter-spacing:.18em;font-size:13px}.nav-link__underline{margin-top:4px}.sidebar__socials{flex-direction:row;gap:14px;margin-top:0}.social-link{width:19px;height:19px}.theme-toggle{top:auto;bottom:16px;right:18px}.lang-toggle{top:auto;bottom:19px;right:92px}.copyright{display:none}.main{max-width:100%;margin-left:0;padding:88px 20px 72px}.main--works{max-width:100%;margin-left:0;padding:84px 20px 0}.home-grid{grid-template-columns:1fr;column-gap:0}.name{font-size:clamp(42px,13vw,96px)}.section-head{font-size:clamp(24px,6.5vw,36px)}.contact{margin-top:54px}.motivation{margin-top:72px}.about{margin-top:56px}.photo{margin-top:44px}.skills{margin-top:76px}.skills-grid{grid-template-columns:1fr;row-gap:44px}.page-links{align-items:flex-start;margin-top:72px}.cursor-view{display:none}.works-grid{grid-template-columns:1fr;column-gap:0}.works-sticky-col{display:none}.works-images{gap:0;padding-top:0;padding-bottom:0}.work-image{cursor:default;box-shadow:0 18px 50px #00000073}.works-mobile-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:30px;padding-bottom:16px;display:flex}.works-mobile-header .works-header__title{font-size:clamp(28px,8vw,42px)}.work-mobile-info{margin:22px 0 58px;display:block}.work-mobile-info .work-block__title{font-size:clamp(26px,7vw,42px)}.work-mobile-info .work-block__desc{max-width:none;font-size:clamp(16px,4.4vw,22px)}.outro__headline{letter-spacing:.08em;font-size:clamp(20px,6vw,46px)}.outro__sub{letter-spacing:.26em;font-size:clamp(11px,3vw,16px)}}@media (width<=430px){.sidebar__socials{display:none}}