.contact-list-item{color:var(--text-primary);grid-template-columns:auto 1fr 2fr;align-items:center;gap:.75rem;max-inline-size:24rem;margin-block-end:.5rem;text-decoration:none;display:grid}.contact-list-item svg{width:1rem;height:1rem}.contact-list-item .contact-list-item-detail{color:var(--text-secondary)}@media (prefers-reduced-motion:no-preference){.contact-list-item,.contact-list-item .contact-list-item-detail{transition:color .2s ease-in-out}}.contact-list-item:hover,.contact-list-item:hover .contact-list-item-detail{color:var(--tint-primary)}@media (max-width:320px){.contact-list-item .contact-list-item-detail{display:none}}.projects-list .project-item{color:inherit;border-radius:.5rem;margin-block-end:2rem;padding:0;text-decoration:none;display:flex}.projects-list .project-item .project-date{color:var(--text-tertiary)}.projects-list .project-item .project-links{align-items:center;margin-block-start:.5rem;display:flex}.projects-list .project-item .project-links>*{margin-inline-end:1rem}.projects-list .project-item .project-links .project-link svg{color:var(--text-primary);width:1.25rem;height:1.25rem}.projects-list .project-item .project-links .project-link svg:hover{color:var(--tint-primary)}@media (prefers-reduced-motion:no-preference){.projects-list .project-item .project-links .project-link svg{transition:color .2s ease-in-out}}.projects-list .project-item .project-tags{align-items:center;margin-block-start:.25rem;margin-block-end:.25rem;display:flex}.projects-list .project-item .project-tags .project-tag{color:var(--tint-primary);background-color:var(--tint-background);border:solid 1.5px var(--tint-secondary);text-transform:uppercase;border-radius:1rem;margin-inline-end:.5rem;padding-block-start:.125rem;padding-block-end:.125rem;padding-inline-start:.625rem;padding-inline-end:.625rem;font-size:.65rem;font-weight:700}.projects-list .project-item .project-content{flex:auto}.projects-list .project-item .project-info{align-items:center;display:flex}.projects-list .project-item .project-info .project-title{margin-inline-end:.5rem;font-size:1.05rem;font-weight:500}.projects-list .project-item .project-info .project-headline{color:var(--text-secondary)}@media (max-width:768px){.projects-list .project-item .project-info{display:block}}.section-text{color:var(--text-secondary)}.headline-title{color:var(--text-primary);margin-block-end:.5rem;font-size:3rem;font-weight:700;line-height:3rem}.headline-subtitle{color:var(--text-secondary);font-size:1.5rem}@media (max-width:768px){.headline-title{font-size:2rem;line-height:2rem}.headline-subtitle{font-size:1.25rem;line-height:1.75rem}}