.contact-field{border:3px solid black;box-shadow:none;transition:all .15s ease-in-out}.contact-field:focus{box-shadow:inset 4px 4px black}.projects{max-width:1200px;margin:4rem auto;padding:0 1rem}.projects h2{font-size:3rem;margin-bottom:2rem}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;gap:1.5rem}.bento-grid>.card:first-child,.bento-grid>.card:nth-child(5){grid-column:span 2}.card{background:var(--card-bg);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;text-decoration:none}.card h3{font-size:1.2rem;margin:0}.card p{font-size:.95rem;line-height:1.4}.tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem}.large{grid-column:span 2;height:100%}.tall{grid-row:span 2}.wide{grid-column:span 2}.accent{height:30px;border-radius:10px}@media (max-width:1240px){.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:1.5rem}.bento-grid>.card:first-child,.bento-grid>.card:nth-child(4){grid-column:span 2}}@media (max-width:740px){.bento-grid{display:block;column-count:2;column-gap:1rem}.card{break-inside:avoid;margin-bottom:1rem}.large,.tall,.wide{grid-column:auto;height:auto}}@media (max-width:480px){.bento-grid{column-count:1}}