.portfolio-collage{height:410px;position:relative}.collage-card{border:7px solid var(--card-bg);box-shadow:0 22px 50px color-mix(in srgb,var(--primary),transparent 82%);color:#fff;text-align:center;border-radius:17px;place-items:center;padding:10px;font:800 20px Manrope;display:grid;position:absolute;overflow:hidden}.collage-card img{object-fit:cover;width:100%;height:100%}.c1{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary-2),#fff 20%));width:52%;height:45%;top:4%;left:4%;transform:rotate(-5deg)}.c2{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-2),#000 10%),var(--primary));width:43%;height:49%;top:9%;right:2%;transform:rotate(5deg)}.c3{background:linear-gradient(135deg,color-mix(in srgb,var(--primary),#000 35%),var(--primary-2));width:48%;height:45%;bottom:2%;left:13%}.c4{background:linear-gradient(135deg,color-mix(in srgb,var(--primary),#000 50%),var(--primary));gap:8px;width:37%;height:36%;bottom:3%;right:1%}.portfolio-filters{justify-content:center;gap:9px;margin-bottom:32px;padding-bottom:5px;display:flex;overflow-x:auto}.portfolio-filters button{white-space:nowrap;border:1px solid var(--line);background:var(--card-bg);color:var(--muted);cursor:pointer;border-radius:99px;padding:9px 15px;font-size:13px;transition:all .2s}.portfolio-filters button:hover{color:var(--primary);border-color:var(--primary-line)}.portfolio-filters button.active{background:var(--brand-gradient);color:#fff;box-shadow:var(--brand-glow);border-color:#0000}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.portfolio-card{border:1px solid var(--line);background:var(--card-bg);border-radius:18px;transition:transform .25s,box-shadow .25s;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.portfolio-art{place-items:center;height:250px;display:grid;position:relative;overflow:hidden}.portfolio-art>span{background:var(--card-bg);color:var(--primary);z-index:2;border-radius:99px;padding:5px 9px;font:700 9px Manrope;position:absolute;top:13px;right:13px}.portfolio-art>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-card:hover .portfolio-art>img{transform:scale(1.05)}.portfolio-card>div:last-child{padding:17px 18px}.portfolio-card small{color:var(--primary)}.portfolio-card h3{margin:4px 0 10px}.portfolio-card a{color:var(--primary);align-items:center;gap:7px;font-size:12px;font-weight:700;transition:gap .2s;display:inline-flex}.portfolio-card a:hover{gap:11px}.portfolio-empty{text-align:center;color:var(--muted);padding:50px 0}.case-list{gap:22px;display:grid}.case-study{border:1px solid var(--line);background:var(--card-bg);border-radius:20px;grid-template-columns:.75fr 1.25fr;display:grid;overflow:hidden}.case-visual{background:var(--brand-gradient);place-items:center;min-height:350px;display:grid;overflow:hidden}.case-visual img{object-fit:cover;width:100%;height:100%}.case-visual strong{background:var(--card-bg);color:var(--primary);border-radius:10px;padding:28px;font:800 35px Manrope}.case-copy{padding:38px}.case-copy>span{color:var(--primary);font-size:12px;font-weight:700}.case-copy h3{margin:9px 0;font-size:25px}.case-copy p{color:var(--muted)}.case-metrics{flex-wrap:wrap;gap:35px;margin-top:28px;display:flex}.case-metrics b,.case-metrics small{display:block}.case-metrics b{color:var(--primary);font:800 24px Manrope}.case-metrics small{color:var(--muted);font-size:11px}@media (max-width:800px){.portfolio-grid{grid-template-columns:1fr 1fr}.case-study{grid-template-columns:1fr}.case-visual{min-height:240px}}@media (max-width:520px){.portfolio-grid{grid-template-columns:1fr}.portfolio-collage{height:320px}.portfolio-art{height:240px}.case-copy{padding:25px}.case-metrics{gap:20px}}