:root{--ink: #0f1d15;--bone: #ebe5d6;--muted: #7c8270;--muted-d: #839079;--accent: #cc6b47;--line: rgba(235, 229, 214, .15);--line-d: rgba(15, 29, 21, .13);--ease: cubic-bezier(.16, 1, .3, 1);--pad: 24px}@media(max-width:640px){:root{--pad: 16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:rgba(235,229,214,.28) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ebe5d647;border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#ebe5d673;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}body{background:var(--ink);color:var(--bone);font-family:Inter Tight,system-ui,-apple-system,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--accent);color:var(--bone)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.italic{font-style:italic}.accent{color:var(--accent)}.label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;line-height:1}@media(max-width:640px){.label{font-size:11px;letter-spacing:.12em}}.will-x{will-change:transform}.img-ph{position:relative;width:100%;height:100%;border:1px dashed var(--line);border-radius:4px;display:grid;place-items:center;overflow:hidden;background-color:#80808008;background-image:repeating-linear-gradient(45deg,transparent 0 11px,rgba(128,128,128,.05) 11px 12px)}.img-ph.on-light{border-color:var(--line-d)}.img-ph__label{color:var(--muted);text-align:center;padding:12px}.img-ph.on-light .img-ph__label{color:var(--muted-d)}.img-ph--filled{border:none;background-color:#0a0a0a;background-image:none}.img-ph--filled.on-light{background-color:var(--bone)}.img-ph__img{width:100%;height:100%;object-fit:contain;display:block}.cursor{position:fixed;top:0;left:0;z-index:100;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center}.cursor__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);transition:transform .35s var(--ease),opacity .3s ease}.cursor__ring{position:absolute;width:72px;height:72px;border:1.5px solid var(--accent);border-radius:50%;display:grid;place-items:center;transform:scale(0);transition:transform .4s var(--ease);color:var(--accent)}.cursor.is-view .cursor__dot{transform:scale(0)}.cursor.is-view .cursor__ring{transform:scale(1)}@media(hover:none),(max-width:1023px){.cursor{display:none}}.chrome{position:fixed;z-index:40;mix-blend-mode:difference;color:var(--bone)}.logo{top:var(--pad);left:var(--pad);font-weight:600;font-size:20px;letter-spacing:-.02em}.nav{top:var(--pad);right:var(--pad);display:flex;align-items:center;gap:32px;pointer-events:auto}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav a:hover:after{transform:scaleX(1)}.nav__toggle{display:none}@media(max-width:640px){.nav{gap:0}.nav a{display:none}.nav__toggle{display:block}}.caption{left:var(--pad);bottom:calc(var(--pad) + 4px);max-width:340px;line-height:1.5}.caption .label{display:block;margin-bottom:6px}.caption .sub{font-size:15px;color:var(--bone)}.cue{position:absolute;z-index:30;bottom:calc(var(--pad) + 4px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted-d)}.cue__line{position:relative;width:1px;height:40px;background:var(--line);overflow:hidden}.cue__line:after{content:"";position:absolute;left:0;top:0;width:1px;height:12px;background:var(--bone);animation:cue 2.2s var(--ease) infinite}@keyframes cue{0%{transform:translateY(-14px)}to{transform:translateY(40px)}}@media(max-width:640px){.cue{left:auto;right:var(--pad);transform:none}}.hero{position:relative;min-height:100vh;background:var(--ink);display:grid;place-items:center;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(235,229,214,.06) .5px,transparent .5px);background-size:3px 3px;mix-blend-mode:overlay}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero__shader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 45%,transparent 30%,rgba(8,17,11,.6) 100%)}.hero__name{position:relative;z-index:2;text-align:center;line-height:.9;will-change:transform,opacity,filter,letter-spacing}.hero__name .line{display:block;overflow:hidden}.hero__name .line>span{display:block;font-weight:600;font-size:clamp(72px,15vw,260px);letter-spacing:-.04em;color:var(--bone)}.hero__name .line--2>span{color:transparent;-webkit-text-stroke:1.4px var(--bone)}.kicker{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line-d);margin-bottom:clamp(40px,8vh,96px)}.kicker .idx{color:var(--muted)}.kicker .ttl{flex:1}.on-dark .kicker{border-color:var(--line)}.about{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--bone);color:var(--ink);padding:clamp(40px,7vh,88px) var(--pad)}.about__grid{flex:1;display:grid;grid-template-columns:1fr 400px;gap:clamp(32px,6vw,96px);align-items:center;width:100%;max-width:1400px;margin-inline:auto}.manifesto{font-size:clamp(28px,4.4vw,60px);font-weight:500;line-height:1.15;letter-spacing:-.02em;max-width:20ch}.manifesto .word{color:var(--muted);transition:color .2s linear}.manifesto .em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;letter-spacing:0}.manifesto .strong{font-weight:600}.about__aside{position:relative}.portrait{aspect-ratio:3 / 4;width:100%}.portrait__cap{margin-top:12px;color:var(--muted-d)}.facts-band{background:var(--bone);color:var(--ink);padding:clamp(36px,7vh,72px) var(--pad)}.facts{display:flex;flex-wrap:wrap;gap:40px;border-top:1px solid var(--line-d);padding-top:24px;max-width:1400px;margin-inline:auto}.fact{min-width:180px}.fact .k{color:var(--muted-d);display:block;margin-bottom:10px}.fact .v{font-size:clamp(15px,1.4vw,18px)}.fact__link{display:inline-flex;align-items:center;gap:7px;position:relative;width:fit-content}.fact__link .arrow{transition:transform .3s var(--ease)}.fact__link:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.fact__link:hover:after{transform:scaleX(1)}.fact__link:hover .arrow{transform:translate(3px,-3px)}.github{background:var(--ink);color:var(--bone);padding:clamp(48px,9vh,104px) var(--pad)}.github .kicker{max-width:1400px;margin-inline:auto;margin-bottom:clamp(28px,5vh,56px)}.github__handle{color:var(--muted-d);text-decoration:none;transition:color .3s var(--ease)}.github__handle span{display:inline-block;transition:transform .3s var(--ease)}.github__handle:hover{color:var(--accent)}.github__handle:hover span{transform:translate(3px,-3px)}.github__graph{max-width:1400px;margin-inline:auto}.github__grid{display:block;width:100%;height:auto;overflow:visible}.github__grid circle{transform-box:fill-box;transform-origin:center}.github__fallback{color:var(--muted-d);padding:24px 0}.github__total{max-width:1400px;margin:clamp(24px,4vh,40px) auto 0;color:var(--muted-d)}@media(max-width:900px){.about__grid{grid-template-columns:1fr}.about__aside{position:relative;top:0;max-width:360px}.manifesto{max-width:100%}}.work{position:relative;background:var(--ink);color:var(--bone);overflow:hidden}.work__head{position:absolute;bottom:var(--pad);left:var(--pad);right:var(--pad);z-index:20;display:flex;justify-content:space-between;align-items:center;pointer-events:none;mix-blend-mode:difference}.work--stacked .work__head{display:none}.work__head .idx,.counter .cur{color:var(--bone)}.counter .tot{color:var(--muted-d)}.work__viewport{height:100vh;display:flex;align-items:center}.work__track{display:flex;align-items:center;gap:12vw;padding:0 12vw;will-change:transform}.panel{flex:0 0 auto;width:min(78vw,1080px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}.panel__text{display:flex;flex-direction:column;gap:18px}.panel__idx{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(40px,6vw,96px);line-height:1;color:var(--accent)}.panel__title{font-size:clamp(48px,8vw,120px);font-weight:600;letter-spacing:-.04em;line-height:.95}.panel__title--long{font-size:clamp(40px,6vw,78px)}.panel__role{color:var(--muted-d)}.panel__desc{font-size:clamp(15px,1.3vw,19px);line-height:1.5;max-width:46ch;color:#ebe5d6d1}.panel__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tag{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:#ebe5d6bf}.panel__link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;width:fit-content;position:relative}.panel__link .arrow{transition:transform .3s var(--ease)}.panel__link:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.panel__link:hover:after{transform:scaleX(1)}.panel__link:hover .arrow{transform:translate(4px,-4px)}.panel__actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:8px}.panel__actions .panel__link{margin-top:0}.panel__demo{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:9px 16px 9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted-d);cursor:pointer;transition:color .25s var(--ease),border-color .25s var(--ease),background-color .25s var(--ease)}.panel__demo:hover{color:var(--bone);border-color:#ebe5d666;background-color:#ebe5d60a}.panel__demo-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding-left:1px;border-radius:50%;background:var(--accent);color:var(--ink);font-size:9px;line-height:1}.panel__media{aspect-ratio:1587 / 2245;overflow:hidden;border-radius:4px;background-color:#0a0a0a}.panel__media-link{display:block;width:100%;height:100%}.panel__media .img-ph{transition:transform .6s var(--ease)}.panel:hover .panel__media .img-ph{transform:scale(1.02)}.endcap{flex:0 0 auto;width:min(60vw,700px);display:flex;flex-direction:column;gap:16px}.endcap h2{font-size:clamp(40px,7vw,110px);font-weight:600;letter-spacing:-.04em;line-height:.95;color:var(--muted-d)}.endcap a{color:var(--accent)}.work--stacked .work__viewport{height:auto;display:block}.work--stacked .work__track{flex-direction:column;gap:14vh;padding:22vh var(--pad);transform:none!important}.work--stacked .panel{width:100%;max-width:860px;margin:0 auto;grid-template-columns:1fr;gap:28px}.work--stacked .panel__media{aspect-ratio:1587 / 2245}.work--stacked .endcap{width:100%;max-width:860px;margin:0 auto;align-items:flex-start}@media(max-width:1023px){.panel{width:88vw}}@media(max-width:700px){.work--stacked .panel{grid-template-columns:1fr}}.contact{position:relative;background:var(--bone);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(56px,12vh,120px) var(--pad) 0}.contact__inner{max-width:1400px;margin:0 auto;width:100%}.cta{font-size:clamp(48px,10vw,160px);font-weight:600;letter-spacing:-.04em;line-height:.92;margin:clamp(20px,6vh,60px) 0}.cta .line{display:block;overflow:hidden;padding-bottom:.3em;margin-bottom:-.3em}.cta .line>span{display:block}.email{display:inline-flex;align-items:baseline;gap:16px;flex-wrap:wrap;font-size:clamp(20px,3vw,40px);font-weight:500}.email a{position:relative}.email a:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.email a:hover{color:var(--accent)}.email a:hover:after{transform:scaleX(1)}.email .copy{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-d);border:1px solid var(--line-d);border-radius:999px;padding:8px 14px;align-self:center;transition:color .25s ease,border-color .25s ease}.email .copy:hover{color:var(--ink);border-color:var(--ink)}.socials{display:flex;flex-wrap:wrap;gap:28px;margin-top:clamp(32px,6vh,64px)}.socials a{position:relative;color:var(--ink)}.socials a .arrow{display:inline-block;transition:transform .3s var(--ease)}.socials a:hover .arrow{transform:translate(3px,-3px)}.socials a.dl:hover .arrow{transform:translateY(3px)}.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line-d);margin-top:clamp(48px,10vh,120px);padding:22px 0;color:var(--muted)}.footer .mid{display:flex;gap:8px}.footer .top .arrow{display:inline-block;transition:transform .3s var(--ease)}.footer .top:hover .arrow{transform:translateY(-3px)}@media(max-width:640px){.footer .mid{display:none}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vh,64px);background:#060c08d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:lb-fade .28s var(--ease);cursor:pointer}.lightbox__close{position:absolute;top:clamp(16px,3vh,32px);right:clamp(16px,3vw,32px);display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--bone);cursor:pointer;transition:border-color .25s var(--ease),background-color .25s var(--ease)}.lightbox__close:hover{border-color:#ebe5d680;background-color:#ebe5d60f}.lightbox__stage{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(1100px,100%);cursor:default;animation:lb-rise .34s var(--ease)}.lightbox__video{display:block;width:auto;max-width:100%;max-height:78vh;border-radius:6px;background:#000;box-shadow:0 30px 80px #0000008c}.lightbox__ph{display:grid;place-items:center;gap:10px;width:min(900px,82vw);aspect-ratio:16 / 10;max-height:78vh;padding:24px;text-align:center;border:1px dashed var(--line);border-radius:6px;background-color:#ebe5d605;background-image:repeating-linear-gradient(45deg,transparent 0 11px,rgba(235,229,214,.05) 11px 12px)}.lightbox__ph-label{color:var(--bone)}.lightbox__ph-sub{color:var(--muted)}.lightbox__cap{color:var(--muted-d)}@keyframes lb-fade{0%{opacity:0}}@keyframes lb-rise{0%{opacity:0;transform:translateY(16px) scale(.985)}}@media(prefers-reduced-motion:reduce){.lightbox,.lightbox__stage{animation:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.will-x{will-change:auto}}