@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Poppins:wght@300;400;500;600&display=swap");:root{--primary-color:#ffffff;--accent-color:#ddb76a;--dark-bg:#000;--light-gray:#ddd;--overlay-black:rgba(0,0,0,0.45)}body,html{scroll-behavior:smooth;margin:0;padding:0}.portfolio-page{background-color:var(--dark-bg);padding:20px;display:flex;flex-direction:column;min-height:100vh;color:var(--primary-color);text-align:center;font-family:Poppins,sans-serif}h1{font-family:Playfair Display,serif;font-size:2.5rem;margin:2rem 0 1rem}h1,h2{color:var(--accent-color)}h2{font-family:Poppins,sans-serif;font-size:1.5rem;margin-bottom:1rem}.portfolio-hero{position:relative;width:100%;height:70vh;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center}.overlay{position:absolute;inset:0;background-color:var(--overlay-black);z-index:0}.content{position:relative;z-index:1;text-align:center}.portfolio-hero h1{font-size:3rem;color:#fff}.portfolio-hero p{font-size:1.2rem;color:#f0f0f0}.our-work{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.work-stat{background-color:#f5f5f5;color:#111;font-weight:600;font-size:1.1rem;padding:20px;border-radius:12px;min-width:200px;box-shadow:0 0 15px rgba(255,255,255,.05)}.featured-shoots{display:flex;flex-direction:column;gap:2rem;margin:1rem auto}.image-box{border-radius:12px;overflow:hidden;background-color:#111;border:1px solid #333;box-shadow:0 0 12px rgba(255,255,255,.05);transform:translateY(60px);opacity:0;transition:all .7s ease}.image-box.show{transform:translateY(0);opacity:1}.fs-image{width:300px;height:400px;object-fit:cover;border-radius:12px;transition:transform .3s ease}.image-box:hover .fs-image{transform:scale(1.03)}.featured-services{display:flex;flex-direction:column;gap:2rem;margin:2rem auto;max-width:900px}.featured-service-box{background-color:var(--light-gray);color:#111;padding:1.5rem;border-radius:12px;transform:translateY(60px);opacity:0;transition:all .7s ease;box-shadow:0 5px 15px rgba(0,0,0,.15)}.featured-service-box.show{transform:translateY(0);opacity:1}.contact-details{margin-top:2rem;line-height:2;font-size:1rem;color:#ccc}.contact-details h1{font-size:1.4rem;color:var(--accent-color)}@media screen and (max-width:768px){.portfolio-hero h1{font-size:2rem}.portfolio-hero p{font-size:1rem}.fs-image{height:250px}.work-stat{font-size:.95rem}.featured-service-box,.image-box,.work-stat{padding:1rem}}