.essentials .project-grid{flex-direction:column;gap:22px;display:flex}.essentials .project{aspect-ratio:2;border:1px solid var(--line);background:#e6e1d3;border-radius:28px;grid-template-columns:1fr 1fr;width:100%;display:grid;overflow:hidden}.essentials .project-image,.essentials .project:first-child .project-image{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100%;transition:none}.essentials .project:hover .project-image{transform:none}.essentials .project-image img{object-fit:cover;width:100%;height:100%;display:block}.essentials .project:first-child .project-image img{object-position:center top}.essentials .project-info{background:var(--paper);flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(22px,4vw,62px);display:flex}.essentials .project-info .project-number,.essentials .project-info .project-year{font-size:var(--type-meta);letter-spacing:.08em;margin:0}.essentials .project-info h2{max-width:9ch;font-size:var(--type-project);letter-spacing:-.05em;margin:auto 0;font-weight:400;line-height:.88}.essentials .project-year{align-self:flex-end}@media (max-width:760px){.essentials{padding-top:80px;padding-bottom:100px}.essentials .project-grid{gap:16px}.essentials .project{aspect-ratio:2;border-radius:20px}.essentials .project-image{padding:14px}.essentials .project-image span{font-size:var(--type-project)}.essentials .project-info{padding:15px}.essentials .project-info .project-number,.essentials .project-info .project-year{font-size:var(--type-meta)}}