.contact{scroll-margin-top:3rem;line-height:2}.contact .contact-layout{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;display:grid}.contact .contact-layout p{margin:0}.contact a{align-items:center;gap:1rem;min-height:44px;text-decoration:none;display:inline-flex}.contact a:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.contact .contact-email{background:var(--primary);max-width:100%;color:var(--background);border:1px solid var(--primary);border-radius:4px;justify-self:start;padding:.75rem 1.25rem}.contact .contact-email span:first-child{overflow-wrap:anywhere;min-width:0}.contact .contact-email:hover{background:var(--background);color:var(--primary)}.contact .contact-socials{border-top:1px solid color-mix(in srgb, var(--foreground) 18%, transparent);flex-wrap:wrap;gap:.75rem 1.5rem;margin:3rem 0 0;padding:1.5rem 0 0;list-style:none;display:flex}.contact .contact-socials a{padding-block:.5rem}@media (max-width:1024px){.contact{margin-inline:clamp(1.5rem,6vw,4rem);scroll-margin-top:7rem}}@media (max-width:800px){.contact .contact-layout{grid-template-columns:minmax(0,1fr)}}
.hero{height:100vh}.hero h1{white-space:nowrap;width:fit-content;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (max-width:1024px){.hero h1{white-space:normal;width:90%}}
.hero-background{z-index:-2;height:0;position:sticky;top:0;left:0}.hero-background .shader{width:100vw;height:100vh}
.project-card{gap:1.75rem;min-width:0;display:grid}.project-card .project-visual{aspect-ratio:1.55;-webkit-backdrop-filter:blur(800px)brightness();backdrop-filter:blur(800px)brightness();background:#1717173c;border-radius:4px;justify-content:center;align-items:center;min-width:0;padding:2px;display:flex}.project-card .project-visual img{border-radius:3px;width:100%;height:auto;transition:transform .3s;display:block}.project-card .project-info{min-width:0}.project-card h3{margin:0 0 .875rem}.project-card p{margin:0}.project-card .project-contribution{border-top:1px solid var(--project-divider);margin-top:1.5rem;padding-top:1.25rem}.project-card .project-contribution h4{color:var(--primary);text-transform:uppercase;margin:0 0 .5rem;font-weight:700}.project-card .project-technologies{flex-wrap:wrap;gap:.5rem 0;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.project-card .project-technologies li+li:before{content:"/";color:var(--primary);margin-inline:.75rem}.project-card .project-links{flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.5rem;display:flex}.project-card .project-links a{border-bottom:1px solid var(--primary);justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding-block:.5rem;text-decoration:none;transition:color .18s;display:inline-flex}.project-card .project-links a:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.project-card--featured{align-items:center;gap:clamp(2rem,3vw,3rem)}@media (min-width:901px){.project-card--featured{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.project-card--featured .project-info{grid-area:1/1}.project-card--featured .project-visual{grid-area:1/2}}@media (prefers-reduced-motion:reduce){.project-card .project-visual img,.project-card .project-links a{transition:none}}
.projects{--project-divider:color-mix(in srgb, var(--foreground) 18%, transparent);scroll-margin-top:3rem;line-height:2}.projects .projects-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8rem 4rem;margin:0;padding:0;list-style:none;display:grid}.projects .projects-list>li{min-width:0}.projects .projects-feature{grid-column:1/-1}@media (max-width:1024px){.projects{margin-inline:clamp(1.5rem,6vw,4rem);scroll-margin-top:7rem}}@media (max-width:640px){.projects .projects-list{grid-template-columns:minmax(0,1fr);gap:3rem}}