:root{--clr-black:hsl(0,0%,0%);--clr-white:hsl(0,0%,100%);--clr-mono-5:hsl(0,0%,5%);--clr-mono-8:hsl(0,0%,8%);--clr-mono-30:hsl(0,0%,30%);--clr-mono-46:hsl(0,0%,46%);--clr-mono-50:hsl(0,0%,50%);--clr-mono-60:hsl(0,0%,60%);--clr-mono-80:hsl(0,0%,80%);--clr-mono-90:hsl(0,0%,90%);--clr-mono-92:hsl(0,0%,92%);--clr-mono-95:hsl(0,0%,95%);--clr-accent:hsl(355,68%,60%);--clr-accent-80:hsl(355,80%,80%);--clr-green:hsl(112,100%,41%);--clr-red:hsl(0,83%,55%);--clr-transparent:hsla(0,0,0,0);--clr-placeholder:var(--clr-mono-90);--clr-bg-popdown-menu:248;--ff-primary:"Inter",sans-serif;--ff-body:var(--ff-primary);--ff-heading:var(--ff-primary);--fw-thin:90;--fw-extra-light:180;--fw-light:270;--fw-book:300;--fw-regular:360;--fw-medium:450;--fw-semi-bold:540;--fw-bold:630;--fw-extra-bold:720;--fw-black:810;--fw-book-optical-gray-on-white:270;--fw-book-optical-accent-on-white:270;--fw-book-optical-white-on-black:190;--fw-regular-optical-gray-on-white:320;--fw-regular-optical-accent-on-white:320;--fw-regular-optical-white-on-black:240;--fw-medium-optical-gray-on-white:410;--fw-medium-optical-accent-on-white:410;--fw-medium-optical-white-on-black:330;--fw-bold-optical-white-on-black:500;--fs-tiny:0.65rem;--fs-small:0.75rem;--fs-base:1rem;--fs-large:1.4rem;--fs-h1:6rem;--fs-h2:5rem;--fs-h3:4rem;--fs-h4:3rem;--fs-h5:2rem;}html{overflow-wrap:anywhere;overflow-wrap:break-word;font-size:18px;max-width:100%;overflow-x:hidden;}@media only screen and (max-width:600px){html{font-size:16px;}}main{display:flex;flex-direction:column;align-items:center;width:100%;}*::selection{color:var(--clr-white);background-color:var(--clr-mono-30);}.root p{margin:20px 0 0 20px;font-size:40px;font-weight:100;font-family:sans-serif;color:lightgray;opacity:0;transition:opacity 0.5s ease-in-out 6s;}.root a{font-size:50px;text-decoration:none;color:hsl(355,68%,60%);}.debug-mode{display:none;position:fixed;z-index:100;left:10px;top:7px;color:red;font-size:var(--fs-base);}button,a{-webkit-tap-highlight-color:transparent;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;font:inherit;font-family:var(--ff-primary);}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}ul[role='list'],ol[role='list']{list-style:none;}html,body{overflow:auto;min-height:100%;}*{text-wrap:balance;}a:not([class]){text-decoration-skip-ink:auto;color:currentColor;}img,picture,svg{max-width:100%;display:block;}img:not(.burger-menu),picture,svg{pointer-events:none;}a{display:inline-block;color:inherit;text-decoration:none;}textarea:not([rows]){min-height:10em;}:target{scroll-margin-block:5ex;}image,#dropdown-nav a,header a{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}body{position:relative;display:flex;flex-direction:column;align-items:center;}button{text-decoration:none;border:none;background:none;color:inherit;}.fadein-1{opacity:0;animation:fadein-1 1s ease 0.1s 1 normal forwards;}@keyframes fadein-1{0%{opacity:0;}100%{opacity:1;}}.fadein-2{opacity:0;animation:fadein-2 1s ease 2s 1 normal forwards;}@keyframes fadein-2{0%{opacity:0;}100%{opacity:1;}}.fadein-3{opacity:0;animation:fadein-3 1s ease 0.5s 1 normal forwards;}@keyframes fadein-3{0%{opacity:0;}100%{opacity:1;}}.fadein-4{opacity:0;animation:fadein-4 1s ease 2.5s 1 normal forwards;}@keyframes fadein-4{0%{opacity:0;}100%{opacity:1;}}.fadein-br-1{opacity:0;animation:fadein-br-1 2s cubic-bezier(0,1,0,1) 0.7s 1 normal forwards;}@keyframes fadein-br-1{0%{opacity:0;transform:translate(50px,40px) scale(1);}100%{opacity:1;transform:translate(0,0) scale(1);}}.fadein-bc-1{opacity:0;animation:fadein-bc-1 1s cubic-bezier(0,.8,1,1) 0.5s 1 normal forwards;}@keyframes fadein-bc-1{0%{opacity:0;transform:translateY(40px);}100%{opacity:1;transform:translateY(0);}}.fadein-bc-2{opacity:0;animation:fadein-bc-2 1.5s cubic-bezier(0,1,1,1) 1.5s 1 normal forwards;}@keyframes fadein-bc-2{0%{opacity:0;transform:translateY(150px);}100%{opacity:1;transform:translateY(0);}}.fadein-bc-3{opacity:0;animation:fadein-bc-3 0.5s cubic-bezier(0,0,0,1) 0.2s normal forwards;}@keyframes fadein-bc-3{from{opacity:0;transform:translateY(100px);}to{opacity:1;transform:translateY(0);}}.fadein-bc-4{opacity:0;animation:fadein-bc-4 1.5s cubic-bezier(0,.8,1,1) 1s 1 normal forwards;}@keyframes fadein-bc-4{0%{opacity:0;transform:translateY(40px);}100%{opacity:1;transform:translateY(0);}}.fadein-tr-1{opacity:0;animation:fadein-tr-1 0.5s cubic-bezier(0,0,0,1) 0.2s normal forwards;}@keyframes fadein-tr-1{from{opacity:0;transform:translateY(100px);}to{opacity:1;transform:translateY(0);}}.fadein-tr-2{opacity:0;animation:fadein-tr-2 0.5s cubic-bezier(0,0,0,1) 0.3s normal forwards;}@keyframes fadein-tr-2{from{opacity:0;transform:translateY(100px);}to{opacity:1;transform:translateY(0);}}.fadein-tr-3{opacity:0;animation:fadein-tr-3 0.5s cubic-bezier(0,0,0,1) 0.5s normal forwards;}@keyframes fadein-tr-3{from{opacity:0;transform:translateY(100px);}to{opacity:1;transform:translateY(0);}}.scale-hover-1,.scale-hover-1 .partner,.scale-hover-1 .description,.scale-hover-1 .lock{transition:0.7s cubic-bezier(0,0,0,1);}.scale-hover-1:hover{scale:0.95;}.scale-hover-1:hover .partner{scale:1.15;transform:translate(15px,10px);}.scale-hover-1:hover .description{scale:1.15;transform:translate(40px,10px);}.scale-hover-1:hover .lock{scale:1.15;transform:translate(-10px,10px);}.rotate-hover-1{transition:0.7s cubic-bezier(0,0,0,1);}.rotate-hover-1:hover{transform:rotate(90deg);}.budge-left-hover-1,.budge-right-hover-1{transition:0.7s cubic-bezier(0,0,0,1);}.budge-left-hover-1:hover{transform:translateX(-10px);}.budge-right-hover-1:hover{transform:translateX(10px);}#move-in-letters span{display:inline-block;font-variation-settings:"wght" 1;will-change:transform;}@keyframes move-in-letters{from{transform:translate(30px,10px);}to{transform:translate(0,0);}}.popdown-move{transform:translateY(-100px);}.popdown-show{animation:popdown-move 0.2s ease forwards;}.popdown-hide{animation:popdown-move 0.2s ease reverse forwards;}@keyframes popdown-move{0%{transform:translate(-50%,-100px);}100%{transform:translate(-50%,0px);}}header{display:flex;align-items:center;justify-content:space-between;padding:90px 50px 0 50px;width:100%;max-width:1000px;}.header a{display:flex;align-items:center;justify-content:center;font-weight:300;}.header .logomark{width:20px;margin-right:15px;}header .wordmark{width:182px;}header nav{display:flex;align-items:center;font-family:var(--ff-heading);font-weight:var(--fw-regular);font-size:var(--fs-base);}header nav > *:not(:first-child){margin:0 0 0 clamp(20px,2vw,60px);}header nav > a:last-child{color:var(--clr-accent);}header nav > a{transition:color 0.1s ease;}header nav > a:hover,header nav > a.current-page{color:var(--clr-accent);}.lang-arrow{padding-left:6px;height:12px;}.lang-arrow-mobile{padding-left:4px;height:10px;}@media only screen and (max-width:700px){header{display:none;}}footer{display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--clr-mono-95);}footer .container{max-width:900px;min-width:30px;margin:180px 10vw;}footer .title{font-size:var(--fs-h5);}footer .button{border:2px solid black;border-radius:1000px;padding:7px 15px;margin:60px 0;}footer .information{display:flex;flex-wrap:wrap;margin:100px 0 0 0;gap:10px 50px;}footer .subtitle{font-size:var(--fs-base);}.underscored{text-decoration:underline;text-decoration-thickness:2px;}footer.dark{background-color:var(--clr-mono-8);}footer.dark > *{color:var(--clr-mono-90);font-weight:var(--fw-regular-optical-white-on-black);}footer.dark .button{border:2px solid var(--clr-mono-90);}@media only screen and (max-width:600px){footer .title{font-size:var(--fs-h5);}footer .container{margin:100px 10vw;}}.dropdown-menu{--bg-color:var(--clr-bg-popdown-menu);display:none;}@media only screen and (max-width:700px){.no-scroll{overflow:hidden;position:fixed;width:100%;}.dropdown-menu{--top-distance:70px;position:fixed;z-index:100;left:50%;transform:translateX(-50%);top:var(--top-distance);width:90vw;height:0;transition:height 0.3s ease;overflow:hidden;display:flex;flex-direction:column;gap:15px;padding:0 10px 0 25px;background-color:rgba(var(--bg-color),var(--bg-color),var(--bg-color),0.98);border-radius:26px;backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,0.18);}.dropdown-menu.open{height:calc(350px + 16vh);}.mobile-menu,.mobile-lang{margin-left:20px;color:black;opacity:0;transform:translateY(-20px);transition:opacity 0.3s ease,transform 0.3s ease;}a.mobile-menu{font-size:var(--fs-h5);font-weight:var(--fw-book);}p.mobile-menu{font-size:var(--fs-base);font-weight:var(--fw-book);}a.mobile-lang{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-base);font-weight:var(--fw-book);margin-bottom:50px;width:min-content;padding:7px 28px 7px 12px;background-color:rgb(233,233,233);border-radius:10px;}.mobile-menu:nth-child(1){margin-top:30px;transition-delay:0.1s;}.mobile-menu:nth-child(2){transition-delay:0.15s;}.mobile-menu:nth-child(3){transition-delay:0.2s;}.mobile-menu:nth-child(4){transition-delay:0.25s;}.mobile-menu:nth-child(5){margin-top:30px;transition-delay:0.3s;}.mobile-menu:nth-child(6){transition-delay:0.35s;}.mobile-lang{margin-top:20px;transition-delay:0.4s;}.dropdown-menu.open .mobile-menu,.dropdown-menu.open .mobile-lang{opacity:1;transform:translateY(0);}}.landing-page-desktop{max-width:1000px;padding:clamp(110px,calc(40vh - 250px),250px) 0 0 0;font-weight:var(--fw-light);display:inline-block;transform:translateZ(0);backface-visibility:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;visibility:hidden;margin-bottom:-240px;}.landing-page-desktop.words-en,.landing-page-desktop.words-nl{font-size:3.1rem;color:var(--clr-accent);text-align:center;letter-spacing:-1.5px;line-height:1em;}.landing-page-mobile{z-index:50;max-width:1000px;margin-bottom:-100px;padding:clamp(110px,calc(40vh - 250px),250px) 20px 0 20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:2rem;font-weight:600;background:-webkit-linear-gradient(var(--clr-accent),#f6e9eb6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-1.5px;line-height:1em;display:none;}.highlight{}.landing-page em{color:var(--clr-accent);font-weight:var(--fw-light);}.landing-page-title{margin-top:-50px;padding-top:50px;font-weight:var(--fw-regular);text-transform:uppercase;letter-spacing:.2rem;text-align:center;opacity:0;}@media only screen and (max-width:800px){.landing-page-desktop{margin-bottom:-100px;}.landing-page-desktop.words-en,.landing-page-desktop.words-nl{font-size:7vw;}}@media only screen and (max-width:600px){.landing-page-title{font-size:var(--fs-base);}}@media only screen and (max-height:700px) and (min-width:1100px){.landing-page-desktop.words-en{font-size:2.6rem !important;}.landing-page-desktop.words-nl{font-size:2.6rem !important;}}@media only screen and (max-width:768px) and (pointer:coarse){.landing-page-desktop.words-en,.landing-page-desktop.words-nl{display:none;}.landing-page-mobile{display:block;}}.page-loader--blank{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:100;background-color:var(--clr-white);animation:page-loader--blank 0.2s ease-in-out 0.3s 1 normal forwards;}@keyframes page-loader--blank{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.breakdown{max-width:1200px;max-width:60ch;padding:70px 0 160px 0;display:flex;flex-direction:column;}.breakdown-closebtn{position:fixed;top:3rem;right:11vw;width:40px;padding:10px;}.breakdown .title,.breakdown .year,.breakdown .subtitle,.breakdown .paragraph{padding:0 2px;}.breakdown .title{margin:5rem 0 1rem 0;text-transform:uppercase;text-align:center;font-size:var(--fs-h4);color:var(--clr-accent);}.breakdown .year{margin:0 0 3rem 0;text-transform:uppercase;text-align:center;letter-spacing:.2rem;font-size:var(--fs-base);color:var(--clr-mono-50);}.breakdown .subtitle{margin:1rem 0 2rem 0;text-transform:uppercase;text-align:center;letter-spacing:.2rem;font-size:var(--fs-base);color:var(--clr-accent);}.breakdown .paragraph{margin:1rem 0;font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:1.6em;color:var(--clr-mono-8);}.breakdown .image,.breakdown .video{margin:3rem 0;border-radius:20px;background:var(--clr-placeholder);}.breakdown .video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;}.breakdown .outline{outline:4px solid #ecc4a1;}.breakdown .small{margin:4vw calc(15vw - 100px);}@media only screen and (max-width:900px){.breakdown{width:85%;padding:30px 0 100px 0;}.breakdown-closebtn{top:2rem;}.breakdown-arrowleftbtn,.breakdown-arrowrightbtn{display:none;}.breakdown .image,.breakdown .video{padding:0;margin:40px 0 20px 0;}.breakdown .title{font-size:var(--fs-h5);font-weight:var(--fw-medium);}.breakdown .subtitle{margin:2rem 0 30px 0;}.breakdown .paragraph{line-height:1.7em;}}.contact-info{margin-top:-30px;}.contact-info .highlight{color:var(--clr-accent);}.contact-icons{margin-top:10px;display:flex;gap:10px;}.contact-icons img{width:30px;}@media only screen and (max-width:600px){.contact-info{margin-top:50px;}}.collapsible{max-width:900px;margin:0 60px;width:80%;}.collapsible *{font-size:var(--fs-h5);font-weight:var(--fw-regular);}.collapsible button{background-color:var(--clr-white);color:var(--clr-black);cursor:pointer;padding:0 0 40px 0;width:100%;border:none;border-bottom:1px solid var(--clr-mono-90);text-align:left;outline:none;}.active,.collapsible button:hover{color:var(--clr-mono-30);}.collapsible button:after{content:'\002B';color:var(--clr-black);float:right;margin-left:5px;}.collapsible button.active:after{content:'\2212';}.collapsible .content{max-height:0;margin:20px 0;overflow:hidden;transition:max-height 0.2s ease-out;}.collapsible .content div{margin:30px 0;}.collapsible .obscured{color:var(--clr-mono-46);font-weight:var(--fw-regular-optical-gray-on-white);}.collapsible .content>*:last-child{margin-bottom:70px;}@media only screen and (max-width:600px){.collapsible{margin:0 40px;width:80%;}.collapsible button{padding:0 0 30px 0;}.collapsible .content{margin:15px 0;}.collapsible .content div{margin:20px 0;}.collapsible button{font-size:var(--fs-h5);}.collapsible .content *{font-size:var(--fs-large);}}.articles{display:flex;margin:0 auto;padding:20px 50px;width:100%;overflow:hidden;--width:400px;> *{flex:0 0 100%;}}.group{display:flex;gap:50px;padding-right:50px;will-change:transform;animation:scrolling 30s linear infinite;}@keyframes scrolling{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}.articles .container{display:flex;flex-direction:column;width:var(--width);gap:1vw;}.articles .container .image-container{object-fit:contain;border-radius:20px;overflow:hidden;width:var(--width);height:var(--width);}.articles .container .image-content{width:100%;height:100%;object-fit:cover;display:block;}.articles .container .title{font-size:var(--fs-h5);font-weight:var(--fw-light);line-height:115%;margin-bottom:5px;}.articles .container .description{font-size:var(--fs-basis);font-weight:var(--fw-book);}.button-link{width:fit-content;display:flex;margin:25px 0 0 0;padding:10px 15px;border-radius:100px;border:2px solid black;font-size:var(--fs-small);font-weight:var(--fw-medium);}.button-link img{margin-left:10px;width:10px;}.button-link-arrow{margin:4px 0 0 10px;width:10px;height:10px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("https://file.garden/Z8RSCvtUnnZ9Xeo8/image/svg/arrow-up-right-neutral-100.svg");}.disabled .button-link-arrow{background-image:url("https://file.garden/Z8RSCvtUnnZ9Xeo8/image/svg/arrow-up-right-neutral-600.svg");}.button-link.disabled{--clr-disabled-button:var(--clr-mono-60);color:var(--clr-disabled-button);border-color:var(--clr-disabled-button);}@media only screen and (max-width:600px){.articles{--width:250px;}.group{gap:30px;animation:scrolling 40s linear infinite;}.articles .container{gap:20px;}.articles .container .title{font-size:var(--fs-large);}.articles .container .description{font-size:var(--fs-basis);}.button-link{}}.back-to-top{position:fixed;z-index:10;width:60px;bottom:10%;right:3vw;padding:0 10px;clip-path:inset(100%,100%,100%,100%);overflow:hidden;display:none;}@media (pointer:coarse){.back-to-top{visibility:hidden;pointer-events:none;}}.about-text{max-width:1000px;padding:20px 50px 30px 50px;font-size:var(--fs-h5);font-weight:var(--fw-regular);line-height:140%;}.about-text em{color:var(--clr-accent);font-weight:var(--fw-regular-optical-accent-on-white);display:inline-block;}.about-experience{max-width:1000px;padding:70px 50px 50px 50px;width:100%;}.about-experience .employer{display:flex;align-items:center;}.about-experience .employer img{height:41px;width:auto;}.about-experience .employer .kul-adjustment{height:44px;}.about-experience .employer div{margin-left:20px;font-size:var(--fs-h4);font-weight:var(--fw-medium);}.about-experience .employer.pink img{filter:invert(45%) sepia(93%) saturate(1022%) hue-rotate(320deg) brightness(88%) contrast(97%);}.about-experience .employer.purple img{filter:brightness(0) saturate(100%) invert(26%) sepia(69%) saturate(1339%) hue-rotate(256deg) brightness(94%) contrast(99%);}.about-experience .employer.blue img{filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(1748%) hue-rotate(204deg) brightness(90%) contrast(91%);}.about-experience .employer.yellow img{filter:brightness(0) saturate(100%) invert(87%) sepia(10%) saturate(7480%) hue-rotate(360deg) brightness(102%) contrast(104%);}.about-experience .employer.pink *{color:#dd555e;}.about-experience .employer.purple *{color:#8835a7;}.about-experience .employer.blue *{color:#123a75;}.about-experience .employer.yellow *{color:#ffc500;}.about-experience .title{font-size:var(--fs-h2);margin:10px 0 20px 0;line-height:1em;}.about-experience .subtitle{font-size:var(--fs-base);font-weight:var(--fw-light);}.about-experience .description{max-width:50ch;margin:15px 0 0 0;font-size:var(--fs-base);font-weight:var(--fw-light);color:var(--clr-mono-46);line-height:150%;}.about-experience ul{list-style:none;padding-left:0;}.about-experience ul li{position:relative;padding-left:0em;padding-bottom:10px;}.about-experience ul li::before{content:"";position:absolute;left:0;top:0;}.about-profile{margin:100px 50px 100px 50px;display:flex;justify-content:center;}.about-profile .profile-picture{max-width:400px;border-radius:49%;}@media only screen and (max-width:600px){.about-text{padding:0px 30px 50px 30px;font-size:var(--fs-large);}.about-experience{padding:50px 30px 40px 30px;}.about-experience .logo{width:90px;height:90px;margin:0 0 30px 0;}.about-experience .employer{font-size:var(--fs-base);}.about-experience .title{font-size:var(--fs-h5);margin:10px 0 20px 0;}.about-experience .subtitle{font-size:var(--fs-base);}.about-experience .description{max-width:70ch;font-size:var(--fs-base);}.about-profile{margin:40px 30px 30px 30px;}.about-profile .profile-picture{padding:0;max-width:calc(100% - 70px);}}.alt-section{display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;padding:120px 0 450px 0;width:100%;background:rgb(24,24,24);background:linear-gradient(0deg,var(--clr-mono-8) 0%,var(--clr-mono-8) 10%,rgba(12,20,43,1) 59%,rgba(0,0,0,1) 96%,rgba(0,0,0,1) 100%);}.alt-section > .landing-page-title{font-weight:var(--fw-regular-optical-white-on-black);}.artifacts{display:grid;grid-template-columns:repeat(2,1fr);gap:200px 10vw;padding:200px 20px 0 20px;max-width:1200px;}.artifacts > div:nth-child(even){transform:translateY(50%);}.artifacts > div > img,.artifacts > div > video{border-radius:10px;}.artifacts > div > video{width:500px;height:auto;pointer-events:none;}.artifacts > div > .description{font-size:var(--fs-base);font-weight:var(--fw-regular-optical-white-on-black);line-height:1.5em;color:rgba(255,255,255,0.35);margin-top:-20px;}@media only screen and (max-width:1500px){.artifacts > div > video{width:calc(43vw - 30px);}}@media only screen and (max-width:600px){.alt-section{padding:120px 0 100px 0;}.artifacts{grid-template-columns:repeat(1,1fr);gap:80px;padding:170px 7vw 0 7vw;}.artifacts > div:nth-child(even){transform:translateY(0%);}.artifacts > div > img,.artifacts > div > video{margin:0 0 15px 0;}.artifacts > div > video{width:100%;}.artifacts > div > .description{font-size:var(--fs-base);}}.showcase{width:100%;}.showcase .project{display:flex;flex-direction:column;align-items:center;width:100%;}.showcase .project{--fw-title:var(--fw-book);--fw-name:var(--fw-bold);--fw-tags:var(--fw-regular);--fw-description:var(--fw-book);--fw-link:var(--fw-book);--fw-supporting:var(--fw-book);--clr-name:var(--clr-main);--clr-title:var(--clr-main);--clr-tags:var(--clr-main);--clr-description:var(--clr-main);--clr-link:var(--clr-main);--clr-supporting:var(--clr-main);--clr-dim:hsla(var(--clr-h),var(--clr-s),var(--clr-l),0.6);--clr-selection:hsla(calc(var(--clr-h) - 10),80%,50%,0.3);}.showcase .project *::selection{color:white;background:var(--clr-selection);}.showcase .project.dark-blue,.showcase .project.neon-green,.showcase .project.baby-blue,.showcase .project.black{--fw-title:var(--fw-book-optical-white-on-black);--fw-name:var(--fw-bold-optical-white-on-black);--fw-tags:var(--fw-regular-optical-white-on-black);--fw-description:var(--fw-book-optical-white-on-black);--fw-link:var(--fw-book-optical-white-on-black);--fw-supporting:var(--fw-regular-optical-white-on-black);}.showcase .project.pink{--clr-h:342;--clr-s:63%;--clr-l:41%;--clr-main:hsl( var(--clr-h),var(--clr-s),var(--clr-l) );background:linear-gradient( 180deg,hsl(var(--clr-h),20%,100%) 0%,hsl(var(--clr-h),20%,87%) 20%,hsl(350,80%,85%) 70%,hsl(350,100%,100%) 100% );}.showcase .project.baby-blue{--clr-h:205;--clr-s:90%;--clr-l:98%;--clr-main:hsl( var(--clr-h),var(--clr-s),var(--clr-l) );background:linear-gradient( 180deg,hsl(var(--clr-h),90%,45%) 0%,hsl(190,60%,60%) 100% );--clr-description:hsla(var(--clr-h),var(--clr-s),var(--clr-l),0.9);}.showcase .project.green{--clr-h:100;--clr-s:69%;--clr-l:19%;--clr-main:hsl( var(--clr-h),var(--clr-s),var(--clr-l) );background:linear-gradient( 180deg,hsl(140,85%,93%) 0%,hsl(var(--clr-h),30%,60%) 80%,hsl(90,50%,70%) 100% );}.showcase .project.dark-blue{--clr-h:205;--clr-s:0%;--clr-l:90%;--clr-main:hsl( var(--clr-h),var(--clr-s),var(--clr-l) );background:linear-gradient( 180deg,hsl(var(--clr-h),80%,15%) 0%,hsl(var(--clr-h),70%,18%) 100% );--clr-dim:hsla(var(--clr-h),100%,var(--clr-l),0.8);--clr-description:var(--clr-dim);}.h{color:hsl(131,100%,42%);color:#154721;color:hsl(148,98%,18%);}.showcase .project.neon-green{--clr-h:131;--clr-s:100%;--clr-l:42%;--clr-main:hsl( var(--clr-h),var(--clr-s),var(--clr-l) );background:linear-gradient( 180deg,hsl(190,30%,7%) 0%,hsl(130,40%,9%) 100% );--clr-description:hsla(var(--clr-h),var(--clr-s),var(--clr-l),0.6);}.showcase .project.yellow-pink{--clr-h:330;--clr-s:79%;--clr-l:50%;--clr-main:hsl( var(--clr-h),var(--clr-s),var(--clr-l) );background:linear-gradient( 180deg,hsl(37,84%,88%) 0%,hsl(var(--clr-h),60%,90%) 100% );--clr-description:hsla(var(--clr-h),var(--clr-s),var(--clr-l),0.8);}.showcase .container{max-width:1200px;padding:100px 30px 0px 30px;margin-right:10vw;}.showcase .slideshow{border-radius:10px;overflow:hidden;position:relative;}.slide{position:absolute;width:100%;top:0;left:0;opacity:0;z-index:0;transition:opacity 0.3s linear;}.slide.active{opacity:1;z-index:1;position:relative;}.slide img,.slide video{width:100%;height:auto;vertical-align:middle;}.indicators{padding-left:2px;line-height:0%;}.indicator-container{display:inline-block;padding:3px 0;cursor:pointer;}.indicator{display:inline-block;width:50px;height:4px;border-radius:100px;margin:20px 1px 0 0;background-color:var(--clr-dim);transition:background-color 0.5s ease;}.indicator-container.active .indicator{background-color:var(--clr-main);}.showcase .text-content{margin:20px 0 0 0;display:flex;}.showcase .text-content > div:nth-child(1){flex-basis:50%;padding-left:2px;padding-right:100px;}.showcase .text-content div:nth-child(2){flex-basis:50%;}.showcase .title{font-weight:var(--fw-title);font-size:var(--fs-h5);color:var(--clr-title);}.showcase .title span{font-weight:var(--fw-name);color:var(--clr-name);letter-spacing:-0.12rem;}.showcase .tags{margin-top:10px;font-size:var(--fs-base);font-weight:var(--fw-tags);color:var(--clr-dim);}.showcase .description{font-weight:var(--fw-description);color:var(--clr-description);line-height:160%;margin:8px 0 16px 0;}.showcase .link{font-weight:var(--fw-link);margin-top:20px;color:var(--clr-link);}.showcase .supporting-visuals{display:flex;padding:110px 30px 180px 30px;margin-left:15vw;width:70vw;}.showcase .supporting-visuals div:nth-child(1){flex-basis:65%;}.showcase .supporting-visuals div:nth-child(2){flex-basis:35%;}.showcase .supporting-visuals div:nth-child(1) .supporting-image{overflow:hidden;border-top-left-radius:10px;border-bottom-left-radius:10px;}.showcase .supporting-visuals div:nth-child(2) .supporting-image{overflow:hidden;border-top-right-radius:10px;border-bottom-right-radius:10px;}.showcase .supporting-image{min-width:0;min-height:600px;overflow:hidden;width:100%;position:relative;}.showcase .supporting-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;min-width:100%;min-height:100%;}.showcase .supporting-text{margin-top:10px;margin-right:30px;font-size:var(--fs-base);font-weight:var(--fw-supporting);color:var(--clr-dim);}@media only screen and (max-height:800px) and (min-width:1000px){.showcase .slideshow{width:140vh;}.showcase .supporting-image{height:80vh;min-height:auto;}}@media only screen and (max-width:1100px){.showcase .supporting-visuals{padding:110px 30px 180px 30px;margin-left:0;width:100%;}}@media only screen and (max-width:900px){.showcase .container{margin-right:0;padding-top:50px;}.showcase .text-content{flex-direction:column;}.showcase .tags{margin-bottom:50px;}}@media only screen and (max-width:600px){.showcase .project{--fw-title:var(--fw-regular);--fw-description:var(--fw-medium);--fw-link:var(--fw-medium);}.showcase .project.dark-blue,.showcase .project.black{--fw-title:var(--fw-medium-optical-white-on-black);--fw-description:var(--fw-medium-optical-white-on-black);--fw-link:var(--fw-medium-optical-white-on-black);}.project.green .spacer-50{display:none;}.indicator-container{padding:5px 0;}.indicator{display:inline-block;width:30px;height:4px;border-radius:100px;margin:20px 1px 0 0;background-color:var(--clr-dim);transition:background-color 0.5s ease;}.showcase .text-content > div:nth-child(1){padding-left:0px;padding-right:20px;}.showcase .tags{margin-bottom:40px;}.showcase .description:nth-child(2){display:none;}.showcase .supporting-visuals{flex-direction:column;padding-top:40px;padding-bottom:50px;}.showcase .supporting-image{border-radius:10px;height:60vh;min-height:auto;}.showcase .supporting-text{font-size:var(--fs-base);margin:15px 0 60px 0;}}.popdown-menu{--bg-color:var(--clr-bg-popdown-menu);position:fixed;z-index:99;left:50%;transform:translate(-50%,-100px);top:10px;width:clamp(1px,90vw,800px);height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 25px;background-color:rgba(var(--bg-color),var(--bg-color),var(--bg-color),0.8);border-radius:26px;backdrop-filter:blur(10px);box-shadow:0 -10px 60px rgba(0,0,0,0.18);opacity:0;}.popdown-menu.show{opacity:1;}.popdown-menu .wordmark-link{opacity:1;transition:opacity 0.5s ease;}.popdown-menu a{display:flex;align-items:center;justify-content:center;font-weight:300;}.popdown-menu .logomark{width:20px;margin-right:14px;}.popdown-menu .wordmark{width:182px;height:20px;}.popdown-menu nav{display:flex;align-items:center;font-family:var(--ff-heading);font-weight:var(--fw-regular);font-size:var(--fs-base);color:black;}.popdown-menu nav > *:not(:first-child):not(:last-child){margin:0 0 0 clamp(20px,2vw,40px);}.popdown-menu nav > a:nth-last-child(2){color:var(--clr-accent);}.popdown-menu nav > a{transition:color 0.1s ease;}.popdown-menu nav > a:hover,.popdown-menu nav > a.current-page{color:var(--clr-accent);}.popdown-menu .hamburger-menu{display:none}@media only screen and (max-width:700px){.popdown-menu{height:50px;background-color:rgba(var(--bg-color),var(--bg-color),var(--bg-color),0.98);border-radius:26px;}.popdown-menu .hamburger-menu{display:block;margin:3px 0 0 0;padding:15px;cursor:pointer;}.popdown-menu > nav > a{display:none}.popdown-menu nav{padding-bottom:2px}}.like-button{visibility:hidden;display:none;position:relative;width:fit-content;z-index:50;display:flex;gap:7px;padding:7px 9px 7px 8px;border-radius:12px;opacity:0.5;-webkit-transition:opacity 0.1s ease-in-out;-moz-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;appearance:none;-webkit-appearance:none;border-radius:0.5rem;cursor:pointer;transition:transform 0.1s ease;}.like-button.liked{opacity:1;}@media (hover:hover) and (pointer:fine){.like-button:hover{opacity:1;}.like-button:hover{transform:scale(1.05);}}.like-button:active{transform:scale(0.85);}.like-button.liked img,.like-button:hover .like-icon{filter:brightness(0) saturate(100%) invert(59%) sepia(49%) saturate(402%) hue-rotate(306deg) brightness(98%) contrast(100%);}.like-button img{margin-top:1px;width:20px;}.like-count{margin-top:1px;font-size:15px;color:white;}.project .like-button{top:30px;left:0px;background:hsla(var(--clr-h),80%,40%,0.7);backdrop-filter:blur(3px);border-top:0.7px solid rgba(255,255,255,0.723);}.project.yellow-pink .like-button{background:hsla(var(--clr-h),100%,45%,0.7);}.project.baby-blue .like-button{background:hsla(var(--clr-h),var(--clr-s),75%,0.7);}.project.dark-blue .like-button,.project.neon-green .like-button,.project.black .like-button{background:hsla(var(--clr-h),70%,40%,0.7);}.artifacts .like-button{bottom:53px;left:16px;background:rgba(0,0,0,0.6);backdrop-filter:blur(3px);border-top:0.7px solid rgba(255,255,255,0.723);filter:drop-shadow(0px 0px 20px rgba(27,27,27,0.761));}@media only screen and (max-width:900px){.project .like-button{top:-16px;}}@media only screen and (max-width:600px){.like-button{opacity:1;}.like-button img{width:25px;}.like-count{margin-top:0;font-size:19px;}.artifacts .like-button{bottom:73px;left:16px;gap:7px;}}.spacer-20{height:20px;}.spacer-50{height:50px;}.spacer-80{height:80px;}.spacer-100{height:100px;}.spacer-150{height:150px;}.spacer-200{height:200px;}.spacer-300{height:300px;}@media only screen and (max-width:600px){.spacer-100{height:60px;}.spacer-150{height:75px;}.spacer-200{height:100px;}.spacer-300{height:150px;}}