main:has(>.project-category){background:#f5f5ef}.project-category{width:100%;max-width:var(--container-width);padding:80px var(--container-pad);margin:0 auto}.project-category__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.project-category__card{aspect-ratio:9/10;color:#fff;border-radius:24px;flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:relative;overflow:hidden}.project-category__card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000004d 0%,#00000026 40%,#000000a6 100%);position:absolute;inset:0}.project-category__tag,.project-category__content{z-index:2;position:relative}.project-category__tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border-radius:999px;align-self:flex-start;padding:7px 16px;font-size:.9rem;font-weight:600}.project-category__name{color:#fff;margin:0;font-size:clamp(1.25rem,1rem + .8vw,1.6rem);font-weight:600}.project-category--blog .project-category__name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-category__location{color:#ffffffd9;align-items:center;gap:8px;margin:8px 0 0;font-size:.95rem;display:flex}.project-category__location i{height:1em}.project-category__more{border-top:1px solid #ffffff40;align-items:center;gap:10px;margin-top:20px;padding-top:20px;font-weight:600;transition:color .2s;display:flex}.project-category__more i{height:1em;transition:transform .2s}.project-category__card:hover .project-category__more{color:var(--accent)}.project-category__card:hover .project-category__more i{transform:translate(2px,-2px)}.project-category__load-more{justify-content:center;margin-top:48px;display:flex}.project-category__load-more .btn{cursor:pointer;border:none;font-family:inherit}.project-category__empty{color:var(--foreground);text-align:center;margin:0;padding:48px 0;font-size:1.15rem}@media (max-width:1024px){.project-category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.project-category{padding:48px var(--container-pad)}}@media (max-width:640px){.project-category__grid{grid-template-columns:1fr}.project-category__card{padding:24px}}