@font-face{font-family:__Montserrat_4bc053;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Montserrat_4bc053;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Montserrat_4bc053;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Montserrat_4bc053;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Montserrat_4bc053;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Montserrat_Fallback_4bc053;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_4bc053{font-family:__Montserrat_4bc053,__Montserrat_Fallback_4bc053;font-style:normal}.__variable_4bc053{--font-montserrat:"__Montserrat_4bc053","__Montserrat_Fallback_4bc053"}@font-face{font-family:__Courier_Prime_87c02c;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d76bee0872897641-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Courier_Prime_87c02c;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/111c93f1bc244164-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Courier_Prime_87c02c;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/459821db3ab9c520-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Courier_Prime_87c02c;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/828e2958d60bafae-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Courier_Prime_Fallback_87c02c;src:local("Arial");ascent-override:58.08%;descent-override:25.41%;line-gap-override:0.00%;size-adjust:134.50%}.__className_87c02c{font-family:__Courier_Prime_87c02c,__Courier_Prime_Fallback_87c02c;font-style:normal}.__variable_87c02c{--font-courier:"__Courier_Prime_87c02c","__Courier_Prime_Fallback_87c02c"}html{--clr-primary:#75759f;--clr-secondary:#fc562c;--clr-text-dark:#1f2937;--clr-text-neutral:#5d6579;--clr-text-light:#fff;--clr-divider:rgba(117,117,159,.503);--clr-img-bg:#453f9d;--clr-text-bg:#f2f0fa;--fs-xs:0.9rem;--fs-sm:1.125rem;--fs-regular:1.25rem;--fs-md:1.5rem;--fs-lg:2rem;--fs-xl:3rem;--fs-2xl:4.5rem;--fs-3xl:6rem;--fs-4xl:8rem;--spacing-2xs:0.25rem;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4.5rem;--spacing-3xl:6rem;--spacing-4xl:8rem;font-family:var(--font-montserrat);scroll-behavior:smooth;scroll-padding-top:3.5rem;cursor:url("data:image/svg+xml;utf8,") 16 0,auto}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{-webkit-tap-highlight-color:transparent}body{min-height:100vh;min-height:100svh}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{max-width:75ch;text-wrap:pretty}a{text-decoration:none;color:inherit}::selection{background-color:var(--clr-secondary);color:var(--clr-text-light)}.main{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;width:min(100% - var(--spacing-xl),var(--container-max,100ch));margin-inline:auto;color:var(--clr-text-dark)}.header{display:flex;justify-content:space-between;align-items:center;padding-block:var(--spacing-lg);@media (min-width:601px){padding-block:var(--spacing-2xl)}}.nav-list{display:flex;gap:var(--spacing-xs);list-style:none;text-transform:uppercase;@media (min-width:601px){font-size:var(--fs-regular);gap:var(--spacing-md)}}.nav-item{position:relative;-webkit-padding-after:var(--spacing-2xs);padding-block-end:var(--spacing-2xs)}.nav-item:before{content:"";position:absolute;inset:auto 0 0 0;height:1px;background-color:var(--clr-text-dark);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.nav-item:hover:before{transform:scaleX(1);transform-origin:bottom left}.logo{font-size:var(--fs-lg);font-weight:300;color:var(--clr-text-light);background-color:var(--clr-text-dark);padding:.1em 0 0 .5em;border-bottom-right-radius:.8rem .6rem}.logo-j{display:inline-block;transform:translateX(-.35em)}.intro{margin-block:var(--spacing-2xl) 0;@media (min-width:601px){margin-block:var(--spacing-3xl) var(--spacing-lg);overflow:clip}}.intro-title{font-size:var(--fs-2xl);font-weight:600;text-align:right;-webkit-margin-after:var(--spacing-md);margin-block-end:var(--spacing-md);@media (min-width:601px){font-size:var(--fs-3xl)}}.intro-subtitle{font-size:var(--fs-xl);font-family:var(--font-courier);color:var(--clr-text-light);-webkit-text-stroke:var(--text-stroke-width,1px) var(--clr-text-dark);@media (min-width:601px){-webkit-text-stroke:var(--text-stroke-width,2px) var(--clr-text-dark);font-size:var(--fs-2xl);position:relative;display:inline-block;padding-inline:var(--spacing-md);-webkit-padding-before:var(--spacing-2xs);padding-block-start:var(--spacing-2xs);&:before{background-color:var(--clr-secondary);z-index:-1;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}&:after,&:before{content:"";position:absolute;inset:0}&:after{margin:auto;width:100%;height:2px;transform:translateX(100%);background-color:var(--clr-text-dark)}&:hover:before{transform:scaleX(1);transform-origin:bottom left}}}.intro-image-container{position:relative;height:400px;max-width:490px;margin-block:var(--spacing-3xl);-webkit-clip-path:polygon(0 10%,90% 0,65% 100%,0 90%);clip-path:polygon(0 10%,90% 0,65% 100%,0 90%);@media (max-width:768px){-webkit-clip-path:polygon(0 10%,100% 0,75% 100%,0 90%);clip-path:polygon(0 10%,100% 0,75% 100%,0 90%)}}.intro-image-container:after{content:"";position:absolute;inset:0;background-color:var(--clr-img-bg);border-left:1px solid var(--clr-text-light);mix-blend-mode:lighten}.intro-image{object-fit:cover;filter:brightness(130%) grayscale(100%);position:relative}.about{-webkit-margin-after:var(--spacing-3xl);margin-block-end:var(--spacing-3xl);p{font-size:var(--fs-regular);-webkit-margin-start:auto;margin-inline-start:auto;max-width:50ch;line-height:1.5;@media (min-width:601px){font-size:var(--fs-md)}&:not(:last-of-type){-webkit-margin-after:var(--spacing-md);margin-block-end:var(--spacing-md)}}}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:var(--spacing-md);color:var(--clr-primary);padding-block:var(--spacing-xl) var(--spacing-2xl);@media (min-width:601px){flex-direction:row;justify-content:space-between;padding-block:var(--spacing-3xl) var(--spacing-4xl)}}.footer-name{order:2;font-size:var(--fs-xs);@media (min-width:601px){order:1;font-size:var(--fs-sm)}}.footer-links{list-style:none;display:flex;gap:var(--spacing-md);width:100%;order:1;@media (min-width:601px){width:auto;order:3}}.click-area{position:relative;&:after{content:"";position:absolute;inset:-1.2rem -.75rem -1rem}}.footer-icon{position:relative;transition:transform .3s;&:focus-visible,&:hover{transform:translateY(-.1rem) scale(1.2);transition:transform .2s}}.resume{display:flex;align-items:center;gap:var(--spacing-xs);order:3;font-size:var(--fs-xs);@media (min-width:601px){font-size:var(--fs-sm);order:2}&>img{transition:transform .4s}&:focus-visible>img,&:hover>img{transform:rotate(1turn);transition:transform .3s}}.projects{margin-block:var(--spacing-xl) var(--spacing-2xl);font-size:var(--fs-md);ul{list-style:none;cursor:pointer}li{padding-block:var(--spacing-md);-webkit-border-before:1px solid var(--clr-text-dark);border-block-start:1px solid var(--clr-text-dark);&:last-of-type{-webkit-border-after:1px solid var(--clr-text-dark);border-block-end:1px solid var(--clr-text-dark)}p{font-weight:500;text-transform:uppercase}span{font-size:var(--fs-sm);@media (min-width:601px){font-size:var(--fs-md)}}@media (min-width:601px){display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:center;padding-block:var(--spacing-lg);&>*{transition:all .3s}}}h2{padding-block:var(--spacing-md);font-size:var(--fs-sm);text-transform:uppercase;@media (min-width:601px){font-size:var(--fs-md);padding-block:var(--spacing-lg)}}@media (min-width:601px){margin-block:var(--spacing-2xl) var(--spacing-3xl);font-size:var(--fs-lg);li:focus-visible,li:hover{background-color:var(--clr-text-bg);&>*{padding-inline:1.5rem;transition:all .2s}}}}.dialog{--shadow-color:240deg 17% 32%;position:fixed;inset:0;margin:auto;cursor:auto;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg);border:0;box-shadow:.3px .5px .7px hsl(var(--shadow-color)/.36),.8px 1.6px 2px -.8px hsl(var(--shadow-color)/.36),2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color)/.36),5px 10px 12.6px -2.5px hsl(var(--shadow-color)/.36);font-size:var(--fs-sm);line-height:1.5;button{border:none;cursor:pointer;background-color:transparent;align-self:flex-start}.close{position:relative;width:1.8rem;aspect-ratio:1;&:after,&:before{content:"";position:absolute;inset:0;margin:auto;width:6px;background-color:var(--clr-secondary);transform:rotate(45deg)}&:after{transform:rotate(-45deg)}&:focus-visible,&:hover{&:after,&:before{background-color:var(--clr-primary);transition:background-color .2s}}}header{display:flex;justify-content:space-between;align-items:center}h2{max-width:none;font-size:var(--fs-lg);font-weight:600;line-height:1.1;padding:0;margin-block:var(--spacing-md) var(--spacing-lg)}&::-webkit-backdrop{background:linear-gradient(to bottom right,var(--clr-text-light),var(--clr-primary));opacity:.5}&::backdrop{background:linear-gradient(to bottom right,var(--clr-text-light),var(--clr-primary));opacity:.5}@media (min-width:601px){padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-2xl);h2{font-size:var(--fs-xl);max-width:30ch}.close{width:2rem}}}.dialog-content{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:1fr;h3{margin-block:var(--spacing-xs);background-color:var(--clr-text-bg);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-2xs);font-family:var(--font-courier);font-weight:500;font-size:var(--fs-regular)}@media (min-width:601px){gap:var(--spacing-xl);grid-template-columns:300px fit-content(50ch)}}.dialog-content-details{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);.project-link{display:inline-block;color:var(--clr-secondary);text-decoration:underline;-webkit-margin-before:var(--spacing-sm);margin-block-start:var(--spacing-sm);&:focus-visible,&:hover{color:var(--clr-text-dark)}}}.dialog-content-description{p{margin-block:var(--spacing-xs) var(--spacing-sm)}}.spinner{position:relative;margin:var(--spacing-4xl) auto 0;width:2.5rem;aspect-ratio:1}.spinner:after,.spinner:before{content:"";position:absolute;inset:0;border-radius:50%;background-color:var(--clr-primary);opacity:.6;animation:bounce 2s ease-in-out infinite}.spinner:after{animation-delay:-1s}@keyframes bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}