.projects-quick-links{display:flex;align-items:center;justify-content:center;margin:0 1em}.projects-quick-links .content.contained{max-width:92ch;border-top:1px solid var(--clr-primary-400);padding:4em 0}.project-cards{display:flex;gap:2em;flex-wrap:wrap;justify-content:center}.project-card{display:flex;flex-direction:column;padding:1em;flex:1 1 100%;max-width:18em;background:var(--clr-card-bg);border:none;border-radius:.25em;box-shadow:0 2px 9px 0 var(--clr-card-sh);background:radial-gradient(at top left var(--clr-card-bg) 40%,var(--clr-card-bg2) 100%)}.project-card:hover{background:var(--clr-card-bg-hover);box-shadow:0 2px 9px var(--clr-card-sh);outline:1px solid var(--clr-card-br)}img{transition:filter .35s ease}[data-theme=dark] img{filter:brightness(.6)}[data-theme=dark] .hero-image img{filter:brightness(.7)}html{transition:background-color .2s ease-out,color .2s ease-out}body{overflow-x:hidden;background:var(--clr-body-bg);color:var(--clr-body-ft);transition:background-color .2s ease-out,color .2s ease-out}@media (prefers-reduced-motion: reduce){html,body{transition:none}}main{min-height:66vh}main>section,main>article{display:flex;align-items:center;justify-content:center;padding:0 4vw 4em;min-height:32vh}main>article{flex-direction:column}section>.content,article>.content{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%}section>.content.contained,article>.content.contained{max-width:118ch}.content.contained{max-width:118ch}.banner,.banner-title{transition:height .5s,font-size .25s}@media (min-width: 768px){.banner,.banner-title{transition:all 1s}}.banner .banner-title{transition:height .5s,font-size .25s}@media (min-width: 768px){.banner .banner-title{transition:height .5s,font-size .25s;transition:all 1s}}body.project-page .hero{flex-direction:column-reverse;padding-top:6.5em;padding-bottom:1em;display:flex;justify-content:center;align-items:center;gap:2em;width:100vw}body.project-page .hero picture{width:92vw;max-width:118ch;border-radius:.25em;flex:1}@media (min-width: 1080px){body.project-page .hero{flex-direction:row;width:99.3vw}}body.project-page .hero picture{aspect-ratio:12/7}body.project-page main>article{gap:2em}body.project-page main>article>section{max-width:76ch;width:100%;container-type:inline-size}@media (min-width: 900px){body.project-page main>article>section{max-width:92ch}}body.project-page main>article>section .page-title{text-align:center;margin-bottom:1em}body.project-page main>article>section .columned-article{display:flex;flex-wrap:wrap;border-top:1px solid var(--clr-primary-400);padding-top:2em;gap:1em}body.project-page main>article>section .project-details{display:flex;flex-direction:column;flex:0 1 65ch}@container (min-width: 825px){body.project-page main>article>section .project-details{padding:0 1em 0 0;flex:0 1 18em;text-align:right}}body.project-page main>article>section .project-details h1{font-size:1.75em;margin-bottom:.5em}body.project-page main>article>section .project-details ul{list-style:none;padding:0}body.project-page main>article>section .project-details ul label{font-weight:var(--fw-bold);margin-right:.25em;display:block}body.project-page main>article>section .project-details ul .skill-list{display:flex;flex-wrap:wrap;padding:0;gap:.25em}@container (min-width: 1080px){body.project-page main>article>section .project-details ul .skill-list{justify-content:end}}body.project-page main>article>section .project-details ul .badge{background:var(--clr--badge-bg);color:var(--clr--badge-ft);font-size:.6em;line-height:1;text-wrap:nowrap;padding:.5em;border:.25em solid var(--clr--badge-br);border-radius:.5em;letter-spacing:.05em}body.project-page main>article>section article{flex:0 1 62ch}body.project-page main>article>section article h2{font-size:1.25em;padding:1em 0 .5em}body.project-page main>article>section article h2:first-of-type{padding-top:0}body.project-page main>article>section article p{padding-bottom:.5em}body.project-page main>article>section article ul,body.project-page main>article>section article ol,body.project-page main>article>section article dl{padding-bottom:.5em}