.projects-page{--projects-rule:#ffffff29;color:#f4f4f4;background:#080808;padding-bottom:clamp(4rem,8vw,7rem)}.projects-head,.projects-list{width:min(100% - 4rem,160rem);margin:0 auto}.projects-head{padding:clamp(8rem,12vw,11rem) 0 clamp(2rem,4vw,3.5rem)}.projects-head h1{letter-spacing:-.06em;font-size:clamp(3rem,7vw,7rem);line-height:.9}.projects-head p{color:#b8b8b8;max-width:44rem;margin-top:1.25rem;font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.7}.projects-list{background:var(--projects-rule);border:1px solid var(--projects-rule);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:0;list-style:none;display:grid}.projects-list li{grid-column:span 2}.projects-list li:nth-child(-n+2){grid-column:span 3}@media (min-width:2200px){.projects-list{grid-template-columns:repeat(5,minmax(0,1fr))}.projects-list li,.projects-list li:nth-child(-n+2){grid-column:auto}}@media (max-width:999px){.projects-list{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-list li,.projects-list li:nth-child(-n+2){grid-column:auto}.projects-list li:last-child{grid-column:1/-1}}@media (max-width:640px){.projects-list{grid-template-columns:1fr}}.projects-list li{display:flex}.project{color:#f4f4f4;background:#0d0d0d;flex-direction:column;width:100%;text-decoration:none;display:flex}.project__image{aspect-ratio:16/9;background:#111;position:relative;overflow:hidden}.project__image img{object-fit:cover;filter:saturate(.85)brightness(.92);transition:transform .6s,filter .6s}.project:hover .project__image img,.project:focus-visible .project__image img{filter:saturate()brightness();transform:scale(1.03)}.project:focus-visible{outline-offset:-6px}.project__body{flex-direction:column;flex:1;align-items:flex-start;gap:.9rem;padding:clamp(1.4rem,2vw,2.5rem);display:flex}.project__kind{color:#8f8f8f;letter-spacing:.15em;text-transform:uppercase;font-size:clamp(.68rem,.7vw,.85rem);font-weight:700}.project h2{letter-spacing:-.045em;font-size:clamp(1.9rem,2.4vw,3.2rem);line-height:.95}.project__text{color:#c8c8c8;max-width:36rem;font-size:clamp(1rem,.95vw,1.2rem);line-height:1.65}.project__go{letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere;border-bottom:1px solid;margin-top:auto;padding-top:.6rem;font-size:clamp(.72rem,.8vw,.88rem);font-weight:800}@media (max-width:600px){.projects-head,.projects-list{width:min(100% - 2rem,160rem)}}@media (prefers-reduced-motion:reduce){.project__image img{transition:none}}