:root{--color-primary: lch(8.25% 0 296.81);--color-secondary: #f4f4f4;--font-family: "Inter", system-ui, sans-serif;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{box-sizing:inherit;font-size:100%;scroll-behavior:smooth}body{font-family:var(--font-family);line-height:1.6;background-color:#fafafa;color:var(--color-primary);min-height:100vh}p{margin-bottom:.75rem}a{font-weight:500;color:inherit;text-decoration:none}img{width:100%;max-width:100%;height:auto;object-fit:cover;display:block}svg{display:block;width:1.5rem;height:1.5rem}#app{min-height:100vh;min-width:20rem;display:grid;grid-template-rows:auto 1fr auto}.header__container,.page__container,.footer__main{max-width:clamp(17.5rem,80vw,90vw);margin-left:auto;margin-right:auto}.header{background-color:#f1f5f9;border-bottom:.0625rem solid #e1e1e1}.header__container{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.logo__link{display:flex;align-items:center;gap:1rem}.logo__image{object-fit:cover;box-shadow:0 .0625rem .5rem #0000004d;border-radius:50%}.logo__text{font-size:1.75rem;font-weight:700}.nav{display:flex;align-items:center}.nav--header{position:relative}.nav__toggle-checkbox{display:none}.nav__toggle-label{display:none;cursor:pointer;padding:.5rem}.nav__list{display:flex;align-items:center}.nav--header .nav__link{padding:1rem;display:block}.nav--header .nav__link:hover{background-color:red;color:#fff}@media (width <= 48rem){.nav__toggle-label{display:block}.nav--header .nav__list{display:none;flex-direction:column;position:absolute;top:100%;right:0;background-color:var(--color-secondary);padding:1rem 0;box-shadow:0 2px 5px #0000001a;z-index:1000}.nav__toggle-checkbox:checked~.nav__list{display:flex}.nav--header .nav__link{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e1e1e1}.nav--header .nav__link:last-child{border-bottom:none}.nav--header .nav__link:hover{background-color:var(--color-primary);color:var(--color-secondary)}}@media (width >= 48.0625rem){.nav__toggle-label{display:none!important}.nav--header .nav__list{display:flex!important;flex-direction:row;position:static;background-color:transparent;padding:0;border-top:none;box-shadow:none}.nav--header .nav__link{padding:1rem;width:auto;text-align:left;border-bottom:none}.nav--header .nav__link:hover{background-color:red;color:#fff}}.page__main{padding-top:1.25rem;padding-bottom:1.25rem}.project-overview{text-align:center;padding:2.25rem 0}.project-overview__title{font-size:2.25rem;margin-bottom:.5rem}.project-overview__text{font-size:1.625rem;color:#505050}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:1.25rem;padding:2rem 0}.footer{background-color:#f1f5f9;border-top:.0625rem solid #e1e1e1;padding:1.25rem 0;font-size:.875rem}.footer__main{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;column-gap:1.25rem}.footer__main>*{padding:.625rem 0}.footer__copyright{text-align:center}.footer__attribution{display:flex;align-items:center;gap:.25rem}.nav--footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;column-gap:1.25rem;row-gap:.5rem;width:100%}.nav--footer .nav__link,.footer__attribution-link{font-weight:400;color:inherit;text-decoration:underline;text-underline-offset:.125rem}@media (min-width: 53.125rem){.footer__main{flex-direction:row;justify-content:space-between}}@media (width >= 40rem){.nav--footer{flex-direction:row;justify-content:center;width:auto}.nav--footer .nav__link{padding:.5rem 1rem}}@media (width <= 20rem){.project-list{grid-template-columns:1fr}.project-card__title{font-size:1.1rem}.project-card__text{font-size:.9rem}}