.portfolio-hero{background:var(--color-black)}.page-hero__bg{object-fit:cover;object-position:center 40%;z-index:0;filter:brightness(.5)saturate(.7);width:100%;height:100%;position:absolute;inset:0}.page-hero__overlay{z-index:1;background:linear-gradient(90deg,#080808e6 30%,#08080880 100%),linear-gradient(#0000 50%,#080808cc 100%);position:absolute;inset:0}.portfolio-section{background:var(--color-black)}.portfolio-filters{flex-wrap:wrap;gap:8px;margin-bottom:48px;display:flex}.portfolio-filter-btn{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #ffffff14;border-radius:100px;padding:10px 20px;font-size:13px;font-weight:500}.portfolio-filter-btn:hover{color:var(--color-white);border-color:#fff3}.portfolio-filter-btn--active{background:var(--color-red);border-color:var(--color-red);color:#fff}.portfolio-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:12px;display:grid}.portfolio-card{border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base);border:1px solid #ffffff0d;position:relative;overflow:hidden}.portfolio-card:hover{z-index:1;transform:scale(1.02);box-shadow:0 20px 60px #00000080}.portfolio-card--tall{grid-row:span 2}.portfolio-card--wide{grid-column:span 2}.portfolio-card__photo{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.portfolio-card:hover .portfolio-card__photo{transform:scale(1.05)}.portfolio-card__photo-overlay{z-index:1;position:absolute;inset:0}.portfolio-card__beam{z-index:0;position:absolute;inset:0}.portfolio-card__badge{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;background:#00000080;border:1px solid;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:600;position:absolute;top:16px;right:16px}.portfolio-card__overlay{z-index:3;opacity:.9;transition:all var(--transition-base);align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0;transform:translateY(4px)}.portfolio-card:hover .portfolio-card__overlay{opacity:1;transform:translateY(0)}.portfolio-card__info{flex-direction:column;gap:4px;display:flex}.portfolio-card__year{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:11px}.portfolio-card__title{font-family:var(--font-ui);color:var(--color-white);font-size:18px;font-weight:700;line-height:1.2}.portfolio-card__location{font-family:var(--font-ui);color:var(--color-muted);align-items:center;gap:5px;font-size:12px;display:flex}.portfolio-card__location svg{color:var(--color-red);font-size:10px}.portfolio-empty{text-align:center;color:var(--color-muted);font-family:var(--font-ui);padding:80px 0}.portfolio-cta{background:var(--color-surface);border-top:1px solid #ffffff0d;padding:100px 0}.portfolio-cta p{font-family:var(--font-ui);color:var(--color-muted);margin-top:16px;font-size:18px}@media (max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-card--wide{grid-column:span 2}.portfolio-card--tall{grid-row:span 1}}@media (max-width:580px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card--wide,.portfolio-card--tall{grid-area:span 1/span 1}}