.no-underline,.no-underline:link,.no-underline:visited{text-decoration:none}.external-link{--size:1em;position:relative}.external-link::after{content:'';position:absolute;width:var(--size);aspect-ratio:1;transform:translateY(10%);background-image:url('data:image/svg+xml;utf8,<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.25" stroke-linecap="square" stroke-linejoin="miter" fill="none"><path d="M19 17V5H7 M18.5 5.5L5 19"/></svg>');background-repeat:no-repeat}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}h1{font-size:6rem;font-weight:700}a,a:link,a:visited{color:hsl(220,30%,5%);transition:all .2s ease;text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:.3em}@media only screen and (max-width: 960px){a,a:link,a:visited{overflow-wrap:anywhere}}a:hover{color:#5600e1;text-underline-position:auto;text-underline-offset:.15em}ul{margin-left:3rem;padding-bottom:2rem;list-style-type:none}ul li::before{content:'—';position:absolute;transform:translateX(-100%);margin-left:-0.5rem}code,pre{font-family:Monaco, Consolas, monospace;font-size:.75em;line-height:1.5;border-radius:4px}pre{padding:1em;margin:1em;background:aliceblue;display:inline-block}section{width:100%}nav{display:flex;list-style:none}nav li{margin:0 1rem;font-weight:500}.works h2{padding-block:4rem;font-size:3rem;z-index:99;position:relative}.sections{color:hsl(220,30%,5%);transition:1s all ease-in-out,transform .5s ease-in-out;will-change:transform;position:relative;z-index:10}.container{padding:4rem 4vw}.header-bar{position:fixed;top:0;left:0;right:0;z-index:1000;font-size:1rem;display:flex;justify-content:space-between;transition:.5s all}@media only screen and (max-width: 960px){.header-bar{display:block}}.header-bar a,.header-bar a:link,.header-bar a:visited{color:hsl(220,30%,5%)}@media only screen and (max-width: 600px){.header-bar{padding:3rem;font-size:.9rem}}@media only screen and (max-width: 480px){.header-bar{padding:2rem;font-size:1rem}}.brand{display:flex;gap:1rem}@media only screen and (max-width: 960px){.brand{display:block}}.brand .svg-logo{fill:#5600e1}.brand-link{display:flex;align-items:baseline}@media only screen and (max-width: 960px){.brand-link{align-items:flex-start}}.brand-link:hover .svg-logo{fill:hsl(220,30%,5%)}.brand .logo{display:inline-block;width:1.25em;margin-right:1em}.brand .logo svg{vertical-align:middle}.brand-text{display:inline-flex;line-height:1;align-items:baseline;gap:1rem}@media only screen and (max-width: 960px){.brand-text{display:grid;gap:0}}.brand-name{font-weight:600}.brand-desc{font-weight:500;white-space:nowrap}@keyframes brandsize{0%{padding:0;text-indent:-200px;opacity:0}100%{text-indent:0;opacity:1}}.header-light .brand,.header-light a{color:hsl(220,30%,5%) !important}.header-light .brand .svg-logo{fill:hsl(220,30%,5%)}.header-light .brand span{border-left-color:rgba(0,0,0,0.2)}footer{width:100%;font-size:.9rem}footer h3{font-size:inherit;line-height:inherit;margin:0}@media only screen and (max-width: 960px){footer{font-size:1.5rem}footer p{margin-bottom:2em}}.projects-area{--columns:3;width:100%;display:grid;grid-template-columns:repeat(var(--columns), 1fr);gap:3vw}@media only screen and (max-width: 960px){.projects-area{--columns:2}}@media only screen and (max-width: 480px){.projects-area{--columns:1}}.project-item{grid-column-end:span 1;grid-row-end:span 3;background-color:hsla(220,30%,5%,0.1);transition:all .3s ease-out;overflow:hidden;position:relative;scale:.85;opacity:.25;border-radius:4px;box-shadow:0 1rem 2rem -0.5rem rgba(0,0,0,0.2);aspect-ratio:2/3}.project-item.show-item{scale:1;opacity:1}.project-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:all 5s cubic-bezier(.075, .82, .165, 1);opacity:0}.project-item img.img-loaded{opacity:1}.brandby-link{margin-block:10rem}.emailme{height:75vh}@media only screen and (max-width:960px){.emailme{height:auto}}.lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;color:#fff;user-select:none}.lightbox.is-open{display:flex}.lightbox-bg{position:absolute;inset:0;background:rgba(0,0,0,0.95);backdrop-filter:blur(20px)}.lightbox-aside{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:100;width:80px;max-height:96vh;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;padding:15px 0;overflow-y:auto;border-radius:8px;scrollbar-width:none}.lightbox-aside::-webkit-scrollbar{display:none}@media only screen and (max-width:1024px){.lightbox-aside{display:none}}.lightbox .lb-thumbnails{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:0}.lightbox .lb-thumb-item{width:60px;height:60px;cursor:pointer;transition:all .3s;opacity:.3;filter:grayscale(100%);overflow:hidden;border:2px solid transparent}.lightbox .lb-thumb-item img{width:100%;height:100%;object-fit:cover}.lightbox .lb-thumb-item.is-active{opacity:1;filter:grayscale(0%);border-color:#fff;transform:scale(1.1)}.lightbox .lb-thumb-item:hover{opacity:.8;filter:grayscale(0%)}.lightbox .lb-icon-button,.lightbox-nav{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:rgba(0,0,0,0.46);border:1px solid rgba(255,255,255,0.28);border-radius:50%;color:#fff;cursor:pointer;z-index:110;box-shadow:0 12px 32px rgba(0,0,0,0.35);transition:opacity .2s,transform .2s,background .2s;-webkit-tap-highlight-color:transparent}.lightbox .lb-icon-button::before,.lightbox-nav::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.lightbox .lb-icon-button:hover,.lightbox-nav:hover{background:rgba(0,0,0,0.72);transform:scale(1.08)}.lightbox-close{top:2rem;right:2rem}.lightbox-close::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='square'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='square'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.lightbox-zoom{top:2rem;right:calc(2rem + 56px)}.lightbox-zoom::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Ccircle cx='10.5' cy='10.5' r='5.5'/%3E%3Cpath d='M15 15l5 5M10.5 7.8v5.4M7.8 10.5h5.4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Ccircle cx='10.5' cy='10.5' r='5.5'/%3E%3Cpath d='M15 15l5 5M10.5 7.8v5.4M7.8 10.5h5.4'/%3E%3C/svg%3E")}.lightbox.is-zoomed .lightbox-zoom::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Ccircle cx='10.5' cy='10.5' r='5.5'/%3E%3Cpath d='M15 15l5 5M7.8 10.5h5.4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'%3E%3Ccircle cx='10.5' cy='10.5' r='5.5'/%3E%3Cpath d='M15 15l5 5M7.8 10.5h5.4'/%3E%3C/svg%3E")}.lightbox-nav{top:50%;width:56px;height:72px;border-radius:999px;opacity:.75;transform:translateY(-50%)}.lightbox-nav::before{width:30px;height:30px}.lightbox-nav:hover{opacity:1;transform:translateY(-50%) scale(1.04)}.lightbox-nav-prev{left:150px}.lightbox-nav-prev::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E")}.lightbox-nav-next{right:5vw}.lightbox-nav-next::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")}@media only screen and (max-width:1024px){.lightbox-nav{width:48px;height:64px;background:rgba(0,0,0,0.58)}.lightbox-nav-prev{left:1rem}.lightbox-nav-next{right:1rem}}@media only screen and (max-width:640px){.lightbox-close{top:1rem;right:1rem}.lightbox-zoom{top:1rem;right:calc(1rem + 52px)}}.lightbox-slider{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:5vh 5vw;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.lightbox-item{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-item::before{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border:3px solid rgba(255,255,255,0.05);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;opacity:0;transition:opacity .3s;z-index:5}.lightbox-item.is-loading::before{opacity:1}.lightbox-item:has(.is-loaded)::before{display:none}.lightbox-item img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 40px 120px rgba(0,0,0,0.9);opacity:0;transition:opacity .5s,filter .5s}.lightbox-item img.is-loaded{opacity:1;pointer-events:auto;cursor:zoom-in}.lightbox-item img.is-blur{width:100%;height:100%;filter:blur(40px);opacity:.6;pointer-events:none}.lightbox.is-zoomed .lightbox-slider{align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:0}.lightbox.is-zoomed .lightbox-item{width:100%;height:auto;min-height:100%;align-items:flex-start;justify-content:center;padding:5vh 5vw}.lightbox.is-zoomed .lightbox-item img{width:auto;height:auto;max-width:100%;max-height:none;object-fit:contain;cursor:zoom-out}@font-face{font-family:'webfont';src:url('font/webfont-regular.eot');src:url('font/webfont-regular.eot?#iefix') format('embedded-opentype'),url('font/webfont-regular.woff') format('woff'),url('font/webfont-regular.ttf') format('truetype'),url('font/webfont-regular.svg#icon') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'webfont';src:url('font/webfont-medium.eot');src:url('font/webfont-medium.eot?#iefix') format('embedded-opentype'),url('font/webfont-medium.woff') format('woff'),url('font/webfont-medium.ttf') format('truetype'),url('font/webfont-medium.svg#icon') format('svg');font-weight:500;font-style:normal}@font-face{font-family:'webfont';src:url('font/webfont-semibold.eot');src:url('font/webfont-semibold.eot?#iefix') format('embedded-opentype'),url('font/webfont-semibold.woff') format('woff'),url('font/webfont-semibold.ttf') format('truetype'),url('font/webfont-semibold.svg#icon') format('svg');font-weight:600;font-style:normal}body{font-family:"webfont",sans-serif;font-weight:500;color:hsl(220,30%,5%);background:#fff}::selection{background:rgba(86,0,225,0.1);color:#5600e1}::-moz-selection{background:rgba(86,0,225,0.1);color:#5600e1}img::selection{background:transparent}img::-moz-selection{background:transparent}img:not([src]){visibility:hidden}.text-paragraph{font-size:2rem}.text-medium{font-size:calc(2rem + 5vw);font-weight:600}.text-large{font-size:calc(4rem + 5vw);font-weight:600;line-height:1}.intro .content{padding-bottom:4rem;line-height:1.5}.intro .plus{position:relative;display:inline-block;color:#5600e1}.intro .perex{max-width:65%}@media only screen and (max-width: 960px){.intro .perex{max-width:initial}}.title-container{width:auto;padding-top:5rem;margin-block:10rem;overflow:hidden}.title-scroll{display:flex}.title-item{display:flex;flex-wrap:nowrap;pointer-events:none;user-select:none;margin:0;color:#000;animation:scroll-text 60s linear infinite}.scroll-right .title-item{animation-direction:reverse}.title-item>span{display:flex}.title-item>span::after{content:"—";display:inline-block;width:1em;text-align:center}@keyframes scroll-text{from{transform:translateX(0%)}to{transform:translateX(-100%)}}@media (prefers-reduced-motion:reduce){.title{animation-play-state:paused}}.skills{margin:4rem 0 0;font-size:1.25rem;display:flex;flex-flow:wrap;color:#5600e1;font-weight:400;gap:1rem}.skills li{background-color:rgba(86,0,225,0.1);padding:.15em .75em}.skills li::before{content:''}@keyframes titleanim{from{background:repeating-linear-gradient(45deg, #5600e1, #5600e1 1px, transparent 1px, transparent 500px)}to{background:repeating-linear-gradient(45deg, #5600e1, #5600e1 1px, transparent 1px, transparent 3px)}}@keyframes rotateplus{0%{transform:rotate(0)}80%,100%{transform:rotate(360deg)}}.intro-light .title{color:hsl(220,30%,5%)}.intro-light .perex{color:hsla(220,30%,5%,0.4)}.intro-light .skills{color:hsla(220,30%,5%,0.2)}.desc{height:100vh}.scroll-appear{opacity:0;transform:translateY(10vh);transition:.5s all ease-in-out}.scroll-appear-show{opacity:1;transform:translateY(0)}.loading svg{fill:hsl(220,30%,5%);width:16px;height:16px}.colors{margin-top:10rem}.colors [class^="bg-"]{display:inline-block;margin:5px;width:100px;height:100px}.section-light{color:hsl(220,30%,5%) !important;background-color:hsl(220,30%,95%) !important}.subtitle{width:4rem;position:absolute;transform:translateX(-100%)}.subtitle span{transform-origin:left top;transform:rotate(-90deg) translatex(-100%);display:inline-block;white-space:nowrap}.flex{display:flex}@media only screen and (max-width: 960px){.flex{display:block}}.flex-spaces{display:flex;justify-content:space-between}@media only screen and (max-width: 960px){.flex-spaces{display:block}}.flex-center{display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 960px){.flex-center{display:block}}.flex-center-vertical{display:flex;align-items:center}@media only screen and (max-width: 960px){.flex-center-vertical{display:block}}.flex-bottom{display:flex;align-items:flex-end}@media only screen and (max-width: 960px){.flex-bottom{display:block}}.flex-baseline{align-items:baseline}.flex-gap{--gap:1rem;display:flex;gap:var(--gap)}@media only screen and (max-width: 960px){.flex-gap{display:block}}.anime-reveal{position:relative;overflow:hidden;display:inline-block;opacity:0;animation:reveal .8s ease both}.anime-reveal::before{content:'';position:absolute;left:0;background:#5600e1;height:100%;animation:revealLayer .8s ease both;z-index:1}.anime-reveal.delay-20,.anime-reveal.delay-20::before{animation-delay:2s}@keyframes reveal{0%,50%{color:#5600e1}0%{opacity:1}100%{opacity:1}}@keyframes revealLayer{0%{width:0;left:0}50%{width:100%;left:0}100%{width:0;left:100%}}.anime-fadein{animation:fadein 1s ease-out;animation-fill-mode:both}.delay-250ms{animation-delay:250ms}.delay-500ms{animation-delay:500ms}.delay-750ms{animation-delay:750ms}.delay-1s{animation-delay:1s}.anim-word{display:contents;overflow:hidden;padding-bottom:.05em}.word{display:inline-block;animation:fadein .75s cubic-bezier(0, .75, .5, 1) forwards;opacity:0;animation-delay:calc(.05s + .1s*var(--index))}.anime-delay{animation-delay:calc(1s * var(--delay))}@keyframes fadein{0%{opacity:0;transform:translatey(100%)}100%{opacity:1;transform:translatey(0);animation-play-state:paused}}.color-primary{color:#5600e1}.bg-primary{background-color:#5600e1}.bg-primary-dark{background-color:#4300ae}.bg-primary-light{background-color:#6e15ff}.hidden,[hidden]{display:none !important}.text-hide{background:transparent;border:0;color:transparent;font-size:0;line-height:0;text-shadow:none;width:0;overflow:hidden}.text-assistive{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media only screen and (max-width: 960px){html{font-size:3.5vw}.container{padding:2rem;width:auto}.header-bar{flex-flow:column;font-size:1.25rem}.header-bar nav li{margin:0}.subtitle{transform:none;position:initial}.subtitle span{transform:none}.flex-spaces{flex-flow:column}}@media only screen and (max-width: 600px){.header-bar{font-size:2rem}.header-bar nav{margin:3rem 0}.intro{max-width:fit-content}.intro .perex{font-size:2.5rem}.intro .skills{font-size:2rem}}#particles{--opacity:1;--blur:0;position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--opacity);filter:blur(var(--blur))}.copy{position:relative;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:rgba(86,0,225,0.2);text-underline-offset:.5em}.copy::before,.copy::after{content:'';position:absolute;display:none;background:black;color:white;top:0;left:0}.copy::before{transform:translateY(-125%);padding:.25em .5em;font-size:.75rem;font-weight:600;white-space:nowrap}.copy:hover{background-color:rgba(86,0,225,0.1);color:#5600e1;cursor:copy}.copy:hover::before,.copy:hover::after{display:block}.copy:hover:not([data-copied])[data-copy-title]::before{content:attr(data-copy-title)}.copy[data-copied]::before,.copy[data-copied]::after{background-color:hsl(140,80%,40%);display:block}.copy[data-copied]::before{content:attr(data-copied);transform:translateY(-125%);padding:.25em .5em;font-size:.75rem;font-weight:600;animation:copied .5s ease forwards;animation-delay:3s}@keyframes copied{from{opacity:1}to{opacity:0}}