.projects-section{background:var(--background);padding:2rem}.project-card{content-visibility:auto;contain-intrinsic-size:0 85vh;grid-template-columns:1.8fr .9fr;gap:1rem;margin-bottom:6rem;transition:transform .2s;display:grid}.project-card:active{transform:scale(.99)}.project-link{color:inherit;text-decoration:none;display:block}.project-media{background:var(--background);height:85vh;position:relative;overflow:hidden}.project-image{object-fit:cover;z-index:1;will-change:transform;width:100%;height:110%;transition:filter .7s var(--cubic-reveal), transform .7s var(--cubic-reveal);position:absolute;inset:-5% 0}.project-video{aspect-ratio:16/9;object-fit:cover;transform-origin:bottom;width:70%;transition:transform .9s var(--cubic-reveal), opacity .6s var(--cubic-reveal), width .6s var(--cubic-reveal);z-index:3;opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(200%)perspective(800px)rotateX(75deg)}.project-card.in-view .project-video{opacity:1;transform:translate(-50%,-50%)translateY(0)perspective(800px)rotateX(0)scale(1)}.project-card.in-view .project-image{filter:brightness(.45)saturate(.25)blur(2px)}.project-card:hover .project-video{width:75%}.project-info{color:var(--color-text);flex-direction:column;gap:1.5rem;padding-top:.2rem;display:flex}.project-index{opacity:.7;text-transform:lowercase;font-family:Google Sans Code,sans-serif;font-size:.75rem}.project-index span{border:1px solid var(--color-white-25);border-radius:999px;padding:.05rem .35rem}.project-info h2{font-size:2.5rem;font-family:var(--font-notch);font-weight:600;line-height:.95}.project-info p{color:var(--color-cool-grey);opacity:1;max-width:18ch;font-size:1.7rem;line-height:1}.project-stat{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.project-stat strong{font-size:3rem;font-weight:700}.project-stat span{opacity:.85;max-width:14ch;line-height:1.1}@media (width<=768px){.projects-section{padding:0}.project-card{flex-direction:column;gap:1.2rem;margin-bottom:4rem;display:flex}.project-media{height:430px}.project-image{height:150%;inset:0;scale:1.2}.project-info{grid-template-columns:1fr auto;align-items:start;gap:1rem;padding-inline:1rem;display:grid}.project-index{grid-area:1/1/auto/span 2}.project-info h2{grid-area:2/1;padding-right:.5rem;font-size:2.2rem;line-height:.9}.project-stat{text-align:right;grid-area:2/2;align-items:flex-end;gap:.1rem;margin-top:0}.project-stat strong{font-size:2rem;line-height:1}.project-stat span{max-width:12ch;font-size:.8rem}.project-info p{max-width:24ch;color:var(--color-white-65);grid-area:3/1/auto/span 2;font-size:.95rem;line-height:1.15}.project-video{transform-origin:bottom;width:70%;transform:translate(-50%,-50%)translateY(140%)perspective(800px)rotateX(75deg)}.project-card:hover .project-video{width:70%}.project-card:active .project-video{width:75%}.project-card.in-view .project-video{opacity:1;transform:translate(-50%,-50%)translateY(0)perspective(800px)rotateX(0)scale(1)}}.archive-section{background:var(--background);width:100%;padding:0 1rem 6rem}.archive-row{background-color:var(--color-ghost-white);border-bottom:1px solid var(--color-white-05);border-top:1px solid var(--color-white-05);cursor:pointer;width:100%;color:var(--color-text);transition:background-color .5s var(--cubic-slide), color .5s var(--cubic-slide);justify-content:space-between;align-items:center;padding:1.5rem 0;text-decoration:none;display:flex}.archive-title{transition:padding-left .5s var(--cubic-slide), color .5s var(--cubic-slide);font-family:Poppins,sans-serif;font-size:1.5rem;font-style:italic;font-weight:900;display:inline-block}.archive-arrow{transition:padding-right .5s var(--cubic-slide);padding-right:0;font-size:1.5rem}.archive-row:hover{background-color:var(--color-text);color:var(--background);padding-left:0;transition:none}.archive-row:hover .archive-title{color:var(--background);transition:padding-left .5s var(--cubic-slide);padding-left:1rem}.archive-row:hover .archive-arrow{color:var(--color-text)}