.projects-page{padding-top:80px;padding-bottom:120px}.projects-section{margin-bottom:140px}.projects-section:last-child{margin-bottom:0}.projects-section__layout{display:grid;grid-template-columns:1fr;gap:24px 0;align-items:start}@media (min-width:769px){.projects-section__layout{grid-template-columns:200px 1fr;gap:0 56px}.projects-section__sidebar{position:sticky;top:96px}}.projects-section__index{display:block;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:.18em;color:var(--text-main);margin-bottom:14px}.projects-section__rule{width:100%;height:1px;background:var(--text-main);margin-bottom:20px}.projects-section__title{font-family:var(--font-headline);font-size:clamp(1.25rem, 2vw, 1.875rem);font-weight:400;letter-spacing:-.01em;text-transform:none;margin:0 0 10px}.projects-section__subtitle{font-family:var(--font-body);font-size:.875rem;color:var(--text-main);opacity:.55;margin:0}.projects-masonry{columns:1;column-gap:16px}.projects-masonry__item{break-inside:avoid;margin-bottom:16px}@media (min-width:640px){.projects-masonry{columns:2;column-gap:20px}.projects-masonry__item{margin-bottom:20px}}.projects-masonry__link{display:block;overflow:hidden}.projects-masonry__img{display:block;width:100%;height:auto;transition:opacity .4s ease}.projects-masonry__link:focus .projects-masonry__img,.projects-masonry__link:hover .projects-masonry__img{opacity:.72}