.portfolio-new{color:#fff;background:#090614}.portfolio-wrap{width:min(100% - 3rem,1250px);margin:auto}.portfolio-hero{background:radial-gradient(circle at 80% 35%,#35cbff33,#0000 25rem),radial-gradient(circle at 30% 0,#a948ff42,#0000 30rem),#090614;padding:8rem 0 5rem}.portfolio-hero nav{color:#c9c0d8;gap:.5rem;margin-bottom:3rem;display:flex}.portfolio-hero nav a{color:#efa4ff}.portfolio-hero-grid,.featured-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.portfolio-hero span,.featured span{color:#eea3ff;letter-spacing:.12em;font-size:.78rem;font-weight:800}.portfolio-hero h1,.portfolio-intro h2,.featured h2,.project-section h2,.portfolio-process h2,.portfolio-cta h2{letter-spacing:-.05em;font-size:clamp(2.2rem,4.5vw,4.7rem);font-weight:800}.portfolio-hero p,.portfolio-intro p,.featured p,.project-section p,.portfolio-cta p{color:#d6cfe1;line-height:1.7}.portfolio-primary,.portfolio-secondary{color:#fff;border-radius:99px;gap:.5rem;padding:.9rem 1.25rem;font-weight:750;text-decoration:none;display:inline-flex}.portfolio-primary{background:linear-gradient(100deg,#8953ff,#df59df,#ff76bf)}.portfolio-secondary{border:1px solid #ffffff40;margin-left:.7rem}.portfolio-art{background:radial-gradient(circle,#6f4eff6b,#0000 60%),#130b2b;border:1px solid #cbaeff40;border-radius:1.5rem;place-items:center;min-height:330px;display:grid}.portfolio-art i{color:#f1abff;font-size:4rem;position:absolute}.portfolio-art i:nth-child(2){color:#70e8ff;margin:45% 0 0 45%}.portfolio-art i:nth-child(3){margin:0 45% 45% 0}.portfolio-intro,.featured,.project-section,.portfolio-process,.portfolio-enquiry{text-align:center;padding:6rem 0}.portfolio-intro p{max-width:740px;margin:auto}.portfolio-intro b{border:1px solid #cbb9ff33;border-radius:99px;margin:1.5rem .3rem 0;padding:.7rem 1rem;display:inline-block}.featured{text-align:left;background:#110927}.featured video{border-radius:1.3rem;width:100%}.featured h2{font-size:clamp(2rem,3vw,3rem)}.featured a,.project-grid a{color:#f0abff;font-weight:700}.filters{justify-content:center;gap:.6rem;margin:2rem 0;display:flex;overflow:auto}.filters button{white-space:nowrap;color:#fff;background:#ffffff0f;border:1px solid #cbb9ff38;border-radius:99px;padding:.65rem .9rem}.filters .active{background:linear-gradient(100deg,#8953ff,#df59df);border-color:#0000}.project-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.3rem;display:grid}.project-grid article{background:#130c29;border:1px solid #cbb9ff2b;border-radius:1.1rem;transition:all .25s;overflow:hidden}.project-grid article:hover{border-color:#d98fff;transform:translateY(-5px)}.project-grid video{object-fit:cover;width:100%;height:220px}.project-grid article div{padding:1.2rem}.project-grid h3{margin:.5rem 0}.project-grid small{color:#dca3ff;margin:1rem 0;display:block}.portfolio-process{background:#100826}.portfolio-process ol{text-align:left;grid-template-columns:repeat(6,1fr);gap:1rem;padding:0;list-style:none;display:grid}.portfolio-process b{color:#e69cff}.portfolio-process p{color:#d2cadc;font-size:.86rem}.portfolio-cta{text-align:center;background:radial-gradient(circle,#cc4fff40,#0000 30rem),#0f0824;padding:7rem 0}.portfolio-cta p{max-width:700px;margin:0 auto 1.5rem}.portfolio-enquiry .contact-form{max-width:700px;margin:auto}@media (max-width:767px){.portfolio-wrap{width:min(100% - 2.5rem,1250px)}.portfolio-hero{padding-top:6.5rem}.portfolio-hero-grid,.featured-grid{grid-template-columns:1fr;gap:2.5rem}.portfolio-hero h1{font-size:2.8rem}.portfolio-secondary{margin:.7rem 0 0}.portfolio-art{min-height:240px}.project-grid{grid-template-columns:1fr}.portfolio-process ol{grid-template-columns:repeat(2,1fr)}}.portfolio-art:has(.page-hero-image){background:#120a2a;overflow:hidden}.portfolio-art .page-hero-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.portfolio-art:hover .page-hero-image{transform:scale(1.03)}.portfolio-hero{padding-top:4rem}.portfolio-hero nav{display:none}@media (max-width:767px){.portfolio-hero{padding-top:3rem;padding-bottom:3rem}.portfolio-intro,.featured,.project-section,.portfolio-process,.portfolio-enquiry,.portfolio-cta{padding-top:1.5rem;padding-bottom:1.5rem}.portfolio-hero-grid,.featured-grid{gap:1.75rem}.filters{margin:1.25rem 0}.portfolio-cta{padding-top:2rem;padding-bottom:2rem}}