:root{--main-color: #d99ec8;--txt-color: #f2e2f7;--background-color: #0e0e0e;--secondary-background-color: #300943;--link-color: var(--main-color);--link-hover: #fccff0e9;--main-font: "Work Sans", sans-serif;--font-weight: 400;--letter-spacing: 2px;--heading-weight: 350;--display-weight: 200;--content-width: 680px;--box-shadow: 0px 4px 16px 0px rgba(216, 211, 128, .2);--txt-shadow: 2px 2px 3px rgba(143, 108, 217, .1)}body{margin:0;padding:0;background:var(--background-color);height:100%;overflow-y:scroll;overflow-x:hidden;color:var(--txt-color);font-family:Work Sans,sans-serif;font-weight:var(--font-weight)}html{height:100%;scroll-behavior:smooth;scroll-padding-top:8rem}p{line-height:1.7;letter-spacing:.3px}h1,h2,h3{font-family:var(--main-font);line-height:1.15;color:var(--main-color)}h2{font-weight:var(--heading-weight);letter-spacing:var(--letter-spacing);font-size:1.5rem}h3{font-weight:calc(var(--font-weight) * .8);font-size:1.15rem}.display-heading{margin:0;font-weight:var(--display-weight);letter-spacing:var(--letter-spacing);font-size:5.5rem;text-align:center}.page-title{margin:0 0 2rem;font-weight:var(--heading-weight);letter-spacing:var(--letter-spacing);font-size:3rem;text-align:center}@media (width < 768px){.display-heading{font-size:2.75rem}.page-title{font-size:2rem}}.highlight-txt{color:var(--main-color)}:focus-visible{outline:3px solid var(--link-hover);outline-offset:3px;border-radius:2px}[tabindex="-1"]:focus{outline:none}.text-link{color:var(--link-color);text-decoration:underline;text-underline-offset:3px;transition:color .4s ease}.text-link:hover{color:var(--link-hover)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-4rem;left:1rem;z-index:100;padding:.75rem 1.25rem;background:var(--secondary-background-color);color:var(--txt-color);text-decoration:none;border-radius:6px;transition:top .2s ease}.skip-link:focus{top:1rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.home-main{display:flex;align-items:center;flex-direction:column;justify-content:center;height:80vh}.introduction-section{border:1px;border-radius:18px;padding:2rem;font-family:var(--main-font);letter-spacing:var(--letter-spacing);margin:10rem}.heading{margin:0;color:var(--main-color);font-size:88px;font-weight:var(--display-weight)}.article__heading{color:var(--txt-color);font-weight:calc(var(--font-weight) * .8)}@media (width < 768px){.heading{font-size:44px}.introduction-section{padding:1rem}}@media (width < 1200px){.home-main{justify-content:flex-start}.introduction-section{margin:1rem}}.about-section{display:grid;justify-content:center}.about-article{margin:1rem;max-width:var(--content-width)}@media (width < 768px){.about-section{margin:1rem}}.project-item{max-width:640px;margin:1.5rem auto;padding:1.5rem;border-radius:12px;letter-spacing:var(--letter-spacing)}.project-item h3{margin:0 0 .5rem;color:var(--main-color);font-weight:calc(var(--font-weight) * .8)}.project-item p{margin:0 0 1rem}.project-item__links{display:flex;gap:1.5rem}.project-item__link{display:inline-flex;align-items:center;gap:.4rem;color:var(--link-color);text-decoration:none;transition:color .4s ease}.project-item__link:hover{color:var(--link-hover)}.projects-sections__wrapper{max-width:720px;margin:0 auto;padding:0 1rem 4rem}.projects-sections__wrapper section{margin-bottom:2.5rem}.projects-sections__wrapper h2{color:var(--main-color);letter-spacing:var(--letter-spacing);font-weight:var(--heading-weight);border-bottom:1px solid color-mix(in srgb,var(--main-color) 20%,transparent);padding-bottom:.5rem}.projects-section__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.projects-section__count{opacity:.6;font-size:.8em}.projects-section__chevron{font-size:.7em;transition:transform .2s ease}.projects-section__chevron--collapsed{transform:rotate(-90deg)}.projects-article{display:flex;align-items:center;justify-content:center;letter-spacing:var(--letter-spacing)}.projects-note{max-width:640px;margin:0 auto;padding:2.5rem 1rem 5rem;border-top:1px solid color-mix(in srgb,var(--main-color) 15%,transparent);text-align:center;letter-spacing:var(--letter-spacing);line-height:1.7;opacity:.7}.notfound-main{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.notfound-section{letter-spacing:var(--letter-spacing)}.notfound-link{display:inline-block;margin-top:1rem;color:var(--link-color);text-decoration:none;transition:color .4s ease}.notfound-link:hover{color:var(--link-hover)}.main-navigation{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between}.main-navigation__list{display:flex;list-style:none;justify-content:flex-end;padding-right:4rem}.main-navigation__list li{display:flex;justify-content:center;flex:0 1 auto;align-items:center}.logo{padding:1rem;font-weight:calc(var(--font-weight) * .8);font-size:32px;text-decoration:none;margin-left:4rem;transition:all 1s ease;text-shadow:var(--txt-shadow);color:var(--link-color)}.main-navigation__item{display:flex;align-items:center;justify-content:center;padding:1rem;font-family:var(--main-font);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-decoration:none;color:var(--link-color);transition:color .4s ease;text-shadow:var(--txt-shadow);font-size:large}.nav-item__wrapper,.social-item__wrapper{display:flex;flex-direction:row}.logo:visited{color:var(--link-color)}.logo:hover{color:var(--link-hover)}.main-navigation__item:visited{color:var(--link-color)}.main-navigation__item:hover{color:var(--link-hover)}.main-navigation__item.active{color:var(--link-hover);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}@media (width < 768px){.logo{margin:0}.logo__wrapper{margin-bottom:1rem}.main-navigation{flex-direction:column;padding-top:1rem}.main-navigation__item{padding:.5rem}.social-item__wrapper{display:none}.main-navigation__list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0 0 .5rem;margin:0;width:100%}.nav-item__wrapper{justify-content:space-evenly}}.main-header{position:sticky;top:0;background-color:var(--background-color)}