.projects{padding-block:clamp(40px,6vw,90px);padding-inline:max(clamp(20px,4vw,40px),50% - 550px)}.projects .projectsGroupTitle{margin:40px 0 30px}.projects .projectsMoreSection,.projects .projectsWebsitesSection{margin-top:45px}.projectsFilterBar{flex-wrap:wrap;gap:10px;margin:30px 0 40px;display:flex}.projectsGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:30px;display:grid}.projectsGridItem{flex-direction:column;display:flex}.projectsGridItem>.projectCard,.projectsGridItem>.projectsGridItemLink{flex:1}.projectsGridItem .projectsGridItemLink{flex-direction:column;display:flex}.projectsGridItem .projectsGridItemLink>.projectCard{flex:1}.projectsGridItemLink{color:inherit;border-radius:16px;text-decoration:none}.projectsGridItemLink:focus-visible{outline-offset:3px;outline:2px solid #f5a623}.projectsGridItemLink:hover .projectCard,.projectsGridItemLink:focus-visible .projectCard{border-color:#f5a62359;transform:translateY(-4px);box-shadow:0 18px 36px #0006}.projectsGridItemLink:hover .projectCard .projectCardVisual img,.projectsGridItemLink:hover .projectCard .projectCardMonogram,.projectsGridItemLink:focus-visible .projectCard .projectCardVisual img,.projectsGridItemLink:focus-visible .projectCard .projectCardMonogram{transform:scale(1.04)}.websitesRow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:30px 0 0;padding:0;list-style:none;display:grid}.websitesRowItem{display:block}.websiteCard{color:inherit;background:#1a1512;border:1px solid #fff0dc14;border-radius:10px;flex-direction:column;gap:7px;text-decoration:none;transition:border-color .3s,transform .4s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.websiteCardLink:hover,.websiteCardLink:focus-visible{border-color:#f5a62359;transform:translateY(-3px)}.websiteCardLink:hover .websiteThumb,.websiteCardLink:focus-visible .websiteThumb{transform:scale(1.05)}.websiteCardLink:hover .websiteCardTitle,.websiteCardLink:focus-visible .websiteCardTitle{color:#f2ede6}.websiteCardLink:focus-visible{outline-offset:3px;outline:2px solid #f5a623}.websiteThumb{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.websiteThumbFallback{aspect-ratio:16/10;color:#f2ede626;background:#0a0807;justify-content:center;align-items:center;width:100%;font-family:Syne,sans-serif;font-size:2rem;font-weight:800;display:flex}.websiteCardTitle{font-size:var(--text-caption);color:#c4b8ab;padding:10px 14px 14px;transition:color .2s}
