.PortfolioPage-module__3qTBYa__section{background:linear-gradient(180deg, #ffffffeb 0%, var(--bg-white) 18%);padding:clamp(3rem,6vw,4.5rem) 0 clamp(5rem,10vw,7rem);position:relative}.PortfolioPage-module__3qTBYa__section:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--primary-color-1) 20%, var(--color-4) 50%, var(--primary-color-1) 80%, transparent 100%);opacity:.85;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.PortfolioPage-module__3qTBYa__filters{background:var(--bg-white);border:1px solid var(--border-color-1);border-radius:var(--radius-lg);max-width:52rem;box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(2rem,4vw,3rem);margin-left:auto;margin-right:auto;padding:clamp(1rem,2.5vw,1.35rem);display:flex}.PortfolioPage-module__3qTBYa__filterBtn{font-family:var(--font-display), "Instrument Sans", system-ui, sans-serif;border:1px solid var(--border-color-2);background:var(--bg-white);color:var(--text-heading-color);cursor:pointer;border-radius:50px;padding:10px 28px;font-size:15px;font-weight:600;line-height:1.2;transition:background .25s,color .25s,border-color .25s}.PortfolioPage-module__3qTBYa__filterBtn:hover{border-color:var(--primary-color-1);color:var(--color-1)}.PortfolioPage-module__3qTBYa__filterBtnActive{background:var(--primary-color-1);border-color:var(--primary-color-1);color:var(--color-1)}.PortfolioPage-module__3qTBYa__grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.5rem);display:grid}.PortfolioPage-module__3qTBYa__card{border-radius:var(--radius-md);aspect-ratio:4/3;background:var(--color-1);box-shadow:var(--shadow-sm);border:1px solid #ffffff0f;transition:box-shadow .35s,transform .35s;position:relative;overflow:hidden}.PortfolioPage-module__3qTBYa__card:hover,.PortfolioPage-module__3qTBYa__card:focus-within{box-shadow:var(--shadow-md)}.PortfolioPage-module__3qTBYa__cardLink{width:100%;height:100%;color:inherit;text-decoration:none;display:block;position:relative}.PortfolioPage-module__3qTBYa__cardImg{object-fit:cover;width:100%;height:100%;transition:transform .45s,filter .4s}.PortfolioPage-module__3qTBYa__card:hover .PortfolioPage-module__3qTBYa__cardImg,.PortfolioPage-module__3qTBYa__card:focus-within .PortfolioPage-module__3qTBYa__cardImg{filter:brightness(.45);transform:scale(1.04)}.PortfolioPage-module__3qTBYa__dim{opacity:0;pointer-events:none;background:linear-gradient(#2223 0%,#222222bf 100%);transition:opacity .35s;position:absolute;inset:0}.PortfolioPage-module__3qTBYa__card:hover .PortfolioPage-module__3qTBYa__dim,.PortfolioPage-module__3qTBYa__card:focus-within .PortfolioPage-module__3qTBYa__dim{opacity:1}.PortfolioPage-module__3qTBYa__arrowWrap{z-index:2;background:var(--primary-color-1);width:55px;height:55px;color:var(--color-1);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:20px;left:20px;transform:scale(.85)}.PortfolioPage-module__3qTBYa__card:hover .PortfolioPage-module__3qTBYa__arrowWrap,.PortfolioPage-module__3qTBYa__card:focus-within .PortfolioPage-module__3qTBYa__arrowWrap{opacity:1;transform:scale(1)}.PortfolioPage-module__3qTBYa__meta{z-index:2;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;position:absolute;bottom:22px;left:20px;right:20px;transform:translateY(8px)}.PortfolioPage-module__3qTBYa__card:hover .PortfolioPage-module__3qTBYa__meta,.PortfolioPage-module__3qTBYa__card:focus-within .PortfolioPage-module__3qTBYa__meta{opacity:1;transform:translateY(0)}.PortfolioPage-module__3qTBYa__cat{color:#ffffffbf;margin-bottom:6px;font-size:15px;line-height:1.4;display:block}.PortfolioPage-module__3qTBYa__title{font-family:var(--font-display), "Instrument Sans", system-ui, sans-serif;color:var(--text-white);margin:0;font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:500;line-height:1.25}.PortfolioPage-module__3qTBYa__empty{text-align:center;color:var(--body-color);grid-column:1/-1;padding:3rem 1rem;font-size:16px}@media (max-width:900px){.PortfolioPage-module__3qTBYa__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.PortfolioPage-module__3qTBYa__grid{grid-template-columns:1fr}.PortfolioPage-module__3qTBYa__card{aspect-ratio:16/11}}