.wrapper[data-v-a427e682]{z-index:9999;flex-direction:row;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.bar-left[data-v-a427e682],.bar-middle[data-v-a427e682],.bar-right[data-v-a427e682]{background-color:#1d1d1d;width:calc(33.33vw + .1rem);height:100%;animation:.6s ease-in-out .4s forwards slideDown-a427e682}.bar-middle[data-v-a427e682]{animation-delay:.525s}.bar-right[data-v-a427e682]{animation-delay:.65s}@keyframes slideDown-a427e682{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.bar-left[data-v-a427e682],.bar-middle[data-v-a427e682],.bar-right[data-v-a427e682]{animation-duration:.001ms;animation-delay:0s}}header[data-v-204fe940]{width:100%}.full-name[data-v-204fe940]{flex-direction:column;width:100%;display:flex}.name-wrapper[data-v-204fe940]{display:block;overflow:hidden}.first-name[data-v-204fe940],.last-name[data-v-204fe940]{font-size:clamp(1rem,15vw,11.5rem);line-height:1.15;animation:.8s cubic-bezier(.16,1,.3,1) .65s forwards slideIn-204fe940;display:block;transform:translateY(100%)}.last-name[data-v-204fe940]{animation-delay:.75s}@keyframes slideIn-204fe940{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (width>=480px){.full-name[data-v-204fe940]{flex-direction:row;justify-content:space-between}.first-name[data-v-204fe940],.last-name[data-v-204fe940]{font-size:clamp(1rem,9.9vw,11.5rem);line-height:1.3}}@media (prefers-reduced-motion:reduce){.first-name[data-v-204fe940],.last-name[data-v-204fe940]{animation:none;transform:none}}.info[data-v-7381ea92]{flex-direction:column;gap:.7rem;font-family:Uncut Sans,sans-serif;display:flex}.time[data-v-7381ea92]{justify-content:space-between;align-items:center;font-size:clamp(1rem,.6vw,1.2rem);display:flex}@media screen and (width>=480px){.info[data-v-7381ea92]{align-items:flex-start}.time[data-v-7381ea92]{gap:.5rem}}div[data-v-8b6ecd9e]{display:flex}a[data-v-8b6ecd9e]{color:#6f6f6f;border-bottom:1px solid #6f6f6f;font-size:clamp(1rem,1vw,1.2rem);transition:color .2s,border-color .2s}@media (hover:hover) and (pointer:fine){a[data-v-8b6ecd9e]:hover{color:var(--text-color);border-color:var(--text-color)}}@media screen and (width>=780px){div[data-v-8b6ecd9e]{justify-content:flex-end}}.grid[data-v-2269df10]{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"time time time""bio bio bio""contact contact contact"".tech-stack tech-stack";gap:1rem;display:grid}.time[data-v-2269df10]{grid-area:time}.bio[data-v-2269df10]{grid-area:bio;max-width:25rem;line-height:1.4}.contact[data-v-2269df10]{grid-area:contact}.tech-stack[data-v-2269df10]{flex-direction:column;grid-area:tech-stack;gap:2rem;padding-top:2rem;display:flex}.design[data-v-2269df10],.development[data-v-2269df10]{flex-direction:row;justify-content:space-between;gap:1rem;display:flex}.design-label[data-v-2269df10],.dev-label[data-v-2269df10]{color:#6f6f6f;font-size:clamp(1rem,1vw,1.2rem)}.design-tools[data-v-2269df10],.dev-tools[data-v-2269df10]{text-align:right}@media screen and (width>=480px){.grid[data-v-2269df10]{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"time. . . .""bio bio bio tech-stack tech-stack""contact contact.tech-stack tech-stack";display:grid}.tech-stack[data-v-2269df10]{padding-top:0}}@media screen and (width>=780px){.grid[data-v-2269df10]{grid-template-areas:"time. . .contact""bio bio.tech-stack tech-stack""bio bio.tech-stack tech-stack"}.tech-stack[data-v-2269df10]{padding-top:10rem}}@media screen and (width>=990px){.grid[data-v-2269df10]{grid-template-columns:1fr 2fr 1fr 1fr 1fr;grid-template-areas:"time bio bio tech-stack contact"". . .tech-stack."}.bio[data-v-2269df10]{max-width:25rem}.tech-stack[data-v-2269df10]{padding-top:0}.design[data-v-2269df10],.developement[data-v-2269df10]{gap:2.5rem}}.portfolio-grid[data-v-6dab26f3]{z-index:1;margin:0;padding:0;list-style:none;position:relative}.project-link[data-v-6dab26f3]{color:inherit;text-decoration:none;display:block}.project-figure[data-v-6dab26f3]{flex-direction:column;margin:0;display:flex;position:relative}.project-image-wrap[data-v-6dab26f3]{flex:1;overflow:hidden}.project-image[data-v-6dab26f3]{object-fit:cover;background:#1a1a1a;width:100%;height:100%;display:block}.project-caption[data-v-6dab26f3]{font-family:var(--body-font);letter-spacing:.04em;color:#6f6f6f;justify-content:space-between;align-items:baseline;padding:.5rem 0;font-size:clamp(1rem,1vw,1.2rem);transition:opacity .3s;display:flex}.project-year[data-v-6dab26f3]{color:#6f6f6f}@supports (display:grid){.portfolio-grid[data-v-6dab26f3]{grid-template-columns:1fr;gap:4rem 1rem;padding:1rem 1rem 20rem;display:grid}.project[data-v-6dab26f3]{min-height:60vw}.project-figure[data-v-6dab26f3]{height:100%}@media screen and (width>=600px){.portfolio-grid[data-v-6dab26f3]{grid-template-columns:repeat(5,1fr);gap:10rem 1rem}.project[data-v-6dab26f3]{min-height:42vw}.project--small-left[data-v-6dab26f3]{grid-column:1/3}.project--large-right[data-v-6dab26f3]{grid-column:3/6}.project--large-left[data-v-6dab26f3]{grid-column:1/4}.project--small-right[data-v-6dab26f3]{grid-column:4/6}}}@media (hover:hover) and (pointer:fine){.project-image[data-v-6dab26f3]{transition:transform .7s cubic-bezier(.25,.46,.45,.94),filter .7s}.project-link:hover .project-image[data-v-6dab26f3]{filter:brightness(.75);transform:scale(1.04)}.project-caption[data-v-6dab26f3]{transition:color .3s}}@media (prefers-reduced-motion:no-preference){.project[data-v-6dab26f3]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.project--small-left[data-v-6dab26f3],.project--large-left[data-v-6dab26f3]{transition-delay:0s}.project--large-right[data-v-6dab26f3],.project--small-right[data-v-6dab26f3]{transition-delay:.12s}.project--visible[data-v-6dab26f3]{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.project[data-v-6dab26f3]{opacity:1;transform:none}}.project--faded[data-v-6dab26f3]{pointer-events:none;opacity:0!important;transition:opacity .2s!important;transform:none!important}.hero[data-v-452f7e9a]{z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:100dvh;padding:1rem;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.hero--hidden[data-v-452f7e9a]{opacity:0;pointer-events:none}.hero-spacer[data-v-452f7e9a]{height:150dvh}.project-hero[data-v-452f7e9a]{z-index:100;pointer-events:none;transition:top 1s cubic-bezier(.7,0,.2,1),left 1s cubic-bezier(.7,0,.2,1),width 1s cubic-bezier(.7,0,.2,1),height 1s cubic-bezier(.7,0,.2,1);position:fixed;overflow:hidden}.project-hero img[data-v-452f7e9a]{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.project-detail[data-v-452f7e9a]{z-index:90;opacity:0;pointer-events:none;background-color:var(--bg-color);transition:opacity .5s .15s;position:fixed;inset:0;overflow-y:auto}.project-detail--active[data-v-452f7e9a]{opacity:1;pointer-events:all}.project-detail-spacer[data-v-452f7e9a]{height:45vh}.project-detail-content[data-v-452f7e9a]{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"name name.""description description description""button. ."".services services";gap:1rem;padding:1rem;display:grid}.project-detail-content[data-v-452f7e9a]>*{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.4,0,.2,1);transform:translateY(16px)}.project-detail-name[data-v-452f7e9a]{transition-delay:0s}.project-detail-description[data-v-452f7e9a]{transition-delay:.1s}.project-detail-visit[data-v-452f7e9a]{transition-delay:.2s}.project-detail-services[data-v-452f7e9a]{transition-delay:.3s}@media screen and (width>=600px){.project-detail-services[data-v-452f7e9a]{transition-delay:.2s}.project-detail-services-label[data-v-452f7e9a]{margin-left:1rem;margin-right:1rem}.project-detail-visit[data-v-452f7e9a]{transition-delay:.3s}}.project-detail-content--visible[data-v-452f7e9a]>*{opacity:1;transform:none}.project-detail-name[data-v-452f7e9a]{grid-area:name}.project-detail-description[data-v-452f7e9a]{grid-area:description;max-width:25rem;line-height:1.4}.project-detail-services[data-v-452f7e9a]{flex-direction:row;grid-area:services;justify-content:space-between;margin-top:5rem;display:flex}.project-detail-services-label[data-v-452f7e9a]{font-family:var(--body-font);font-size:clamp(1rem,1vw,1.2rem)}.project-detail-services ul[data-v-452f7e9a]{flex-direction:column;display:flex}.project-detail-services li[data-v-452f7e9a]{font-family:var(--body-font);color:var(--text-color);line-height:1.4}.project-detail-visit[data-v-452f7e9a]{color:#6f6f6f;border-bottom:1px solid #6f6f6f;grid-area:button;width:fit-content}.project-detail-visit[data-v-452f7e9a]:hover{color:var(--text-color);border-color:var(--text-color)}.close-btn[data-v-452f7e9a]{cursor:pointer;z-index:200;font-family:var(--body-font);color:#6f6f6f;opacity:0;pointer-events:none;background:0 0;border:none;border-bottom:1px solid #6f6f6f;padding:0 0 .1rem;font-size:clamp(.75rem,.8vw,1rem);transition:opacity .3s,color .2s,border-color .2s;position:fixed;top:1rem;left:1rem}.close-btn--show[data-v-452f7e9a]{opacity:1;pointer-events:all}@media (hover:hover) and (pointer:fine){.close-btn[data-v-452f7e9a]:hover{color:var(--text-color);border-color:var(--text-color)}}@media screen and (width>=600px){.project-detail-content[data-v-452f7e9a]{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"name description description services button";gap:1rem;padding:1rem;display:grid}.project-detail-services[data-v-452f7e9a]{margin-top:0}.project-detail-visit[data-v-452f7e9a]{place-self:start end}.project-detail-spacer[data-v-452f7e9a]{height:75vh}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Panchang;src:url(/fonts/Panchang-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Uncut Sans;src:url(/fonts/UncutSans-Variable.woff2)format("woff2");font-display:swap}html{font-size:85%}:root{--bg-color:#fff;--text-color:#000;--primary-font:"Panchang", sans-serif;--body-font:"Uncut Sans", sans-serif}body{font-family:var(--body-font);min-height:200vh}a{color:var(--text-color);text-decoration:none}ul,li{font-size:clamp(1rem,1vw,1.2rem);list-style:none}h1{font-family:var(--primary-font)}p{font-size:clamp(1rem,1vw,1.2rem)}body.is-viewing{overflow:hidden}:focus-visible{outline:2px solid var(--text-color);outline-offset:3px;border-radius:2px}