.projects-page{gap:0}.projects-header{border-bottom:1px solid var(--gray-4)}.projects-header .brand-name:focus-visible,.project-tile:focus-visible{outline:2px solid #5eb1ef;outline-offset:2px}.projects-section{flex:1;padding:32px}.projects-frame{padding:8px;border:1px solid var(--gray-4);border-radius:16px;background:var(--gray-1)}:root[data-theme=dark] .projects-frame{border-color:var(--gray-3);background:var(--gray-2)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-tile{min-width:0;display:block;padding:8px;overflow:hidden;border:1px solid var(--gray-4);border-radius:14px;background:var(--white);box-shadow:0 2px 8px #0000000f;transition:background-color .15s ease}.project-tile:hover{background:var(--gray-2)}.project-tile picture{display:block}.project-tile img{width:100%;height:auto;aspect-ratio:4 / 3;display:block;border-radius:8px;object-fit:cover}.projects-footer{min-height:48px;display:flex;align-items:center;padding:16px 32px;border-top:1px solid var(--gray-4);color:var(--gray-9);font-size:12px;line-height:16px}@media(max-width:767px){.projects-section{padding:24px}}@media(max-width:639px){.projects-grid{grid-template-columns:minmax(0,1fr)}.projects-footer{padding-right:24px;padding-left:24px}}@media(min-width:640px)and (max-width:767px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}