.portfolio-page{color:#fff;background:#000;min-height:100vh;padding-top:100px}.back-link{color:#ffffff80;letter-spacing:1.5px;margin-bottom:40px;font-size:.8rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{color:#ff003c;transform:translate(-4px)}.portfolio-hero{border-bottom:1px solid #ffffff0d;padding:60px 0}.portfolio-header-block{text-align:left;max-width:800px}.portfolio-sub{color:#ff003c;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:800;display:block}.portfolio-title{font-family:var(--font-heading);letter-spacing:-2px;text-transform:uppercase;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1}.portfolio-description{color:#fff9;font-size:1.1rem;font-weight:400;line-height:1.6}.portfolio-grid-section{padding:80px 0 120px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:40px;width:100%;display:grid}.portfolio-card{flex-direction:column;display:flex}.portfolio-video-wrapper{aspect-ratio:4/5;background:#08080a;border:1px solid #ffffff14;border-radius:12px;width:100%;position:relative;overflow:hidden}.portfolio-video{object-fit:cover;width:100%;height:100%}.portfolio-meta{text-align:left;flex-direction:column;gap:6px;margin-top:20px;display:flex}.portfolio-tag{color:#ff003c;letter-spacing:2px;text-transform:uppercase;font-size:.75rem;font-weight:800}.portfolio-card-title{font-family:var(--font-heading);color:#fff;text-transform:uppercase;letter-spacing:-.5px;font-size:1.5rem;font-weight:900}@media (max-width:992px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:40px}.portfolio-title{font-size:2rem}.portfolio-description{font-size:.95rem}}