.hero{background:#000;justify-content:center;align-items:center;height:50vh;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.55;filter:brightness(.8);background:url(/portfolio-hero.jpg) 50%/cover no-repeat;animation:25s ease-in-out infinite alternate slowZoom;position:absolute;inset:0;transform:scale(1.05)}.hero-overlay{background:radial-gradient(circle,#d4af3733,#0000 60%),linear-gradient(#000000b3,#000000e6);position:absolute;inset:0}.hero h1{color:#fff;text-shadow:0 0 15px #d4af3766,0 0 40px #d4af3733;font-size:80px;font-weight:700;position:relative}@keyframes slowZoom{0%{transform:scale(1.05)}50%{transform:scale(1.5)}}@media (max-width:768px){.hero{text-align:center;height:40vh;padding:0 20px}.hero h1{font-size:36px;line-height:1.2}.hero-bg{opacity:.45;animation:20s ease-in-out infinite alternate slowZoomMobile}.hero-overlay{background:radial-gradient(circle,#d4af3726,#0000 70%),linear-gradient(#000c,#000000f2)}}@media (max-width:480px){.hero{height:35vh}.hero h1{font-size:26px}}@keyframes slowZoomMobile{0%{transform:scale(1.05)}to{transform:scale(1.2)}}.hero h1{letter-spacing:1px}
.portfolio-page{color:#fff;background:#000}.portfolio-hero{background:#000;justify-content:center;align-items:center;height:75vh;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.5;filter:brightness(.75)contrast(1.1);background:url(/portfolio-hero.jpg) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1)}@keyframes slowZoom{0%{transform:scale(1.1)}50%{transform:scale(1.2)}to{transform:scale(1.1)}}.hero-glow{filter:blur(120px);background:radial-gradient(circle,#d4af372e,#0000 70%);width:600px;height:600px;position:absolute;top:30%;left:50%;transform:translate(-50%)}.portfolio-hero .overlay{background:linear-gradient(#0009,#000000e6);position:absolute;inset:0}.portfolio-hero h1{color:#fff;text-shadow:0 0 20px #d4af374d,0 0 40px #d4af3733;font-size:5rem;font-weight:700;position:relative}.portfolio-content{padding:100px 8%}.portfolio-content h2{text-align:center;color:#0000;-webkit-text-stroke:1px #d4af3799;margin-bottom:60px;font-size:2.5rem}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.portfolio-card{cursor:pointer;transform-style:preserve-3d;border-radius:20px;transition:all .4s;position:relative;overflow:hidden}.portfolio-card img{object-fit:cover;width:100%;height:280px;transition:all .5s}.portfolio-card:hover img{transform:scale(1.1)}.card-overlay{opacity:0;background:linear-gradient(#0000,#000000e6);padding:20px;transition:all .4s;position:absolute;bottom:0;left:0;right:0;transform:translateY(30px)}.portfolio-card:hover .card-overlay{opacity:1;transform:translateY(0)}.card-overlay h3{color:#d4af37;font-size:1.4rem}.card-glow{background:radial-gradient(circle at var(--x,50%) var(--y,50%), #d4af3740, transparent 60%);opacity:0;transition:all .3s;position:absolute;inset:0}.portfolio-card:hover .card-glow{opacity:1}@media (max-width:900px){.portfolio-grid{grid-template-columns:1fr}.portfolio-hero{text-align:center;height:55vh;padding:0 20px}.portfolio-hero h1{font-size:2.5rem}.hero-glow{filter:blur(100px);width:400px;height:400px}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:20px}.portfolio-content{padding:70px 20px}.portfolio-content h2{font-size:2rem}.portfolio-card img{height:220px}}@media (max-width:480px){.portfolio-hero{height:45vh}.portfolio-hero h1{font-size:1.8rem}.hero-glow{filter:blur(80px);width:250px;height:250px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card img{height:200px}.portfolio-content h2{font-size:1.6rem}.card-overlay{opacity:1;background:linear-gradient(#0000,#000c);transform:translateY(0)}.portfolio-card:hover img{transform:none}.card-glow{display:none}}.portfolio-card:active{transform:scale(.97)}