*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Poppins',sans-serif;color:#FFF;background-color:#1C1C1C;line-height:1.6}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}.main-header{position:fixed;top:0;left:0;width:100%;background-color:rgb(28 28 28 / .9);backdrop-filter:blur(10px);z-index:1000;transition:background-color 0.3s ease;height:80px;display:flex;align-items:center}.main-header.scrolled{box-shadow:0 2px 20px rgb(0 0 0 / .3)}.main-header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:700;color:#D4AF37}.main-nav ul{display:flex;list-style:none}.main-nav ul li{margin-left:40px}.main-nav ul li a{color:#FFF;text-decoration:none;font-weight:500;transition:color 0.3s ease}.main-nav ul li a:hover{color:#D4AF37}.menu-toggle{display:none}.section-title{font-family:'Cormorant Garamond',serif;font-size:2.5rem;text-align:center;margin-bottom:60px;color:#D4AF37}.hero-section{height:100vh;display:flex;align-items:center;position:relative;background-image:url(../images/hero-background.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(28 28 28 / .6);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.hero-content h2{font-family:'Cormorant Garamond',serif;font-size:3.5rem;margin-bottom:30px;line-height:1.2}.btn-primary{display:inline-block;background-color:#D4AF37;color:#1C1C1C;padding:15px 40px;text-decoration:none;border-radius:30px;font-weight:600;transition:all 0.3s ease;border:2px solid #D4AF37}.btn-primary:hover{background-color:#fff0;color:#D4AF37}.services-section{background-color:#2B2B2B;padding:100px 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-card{background-color:#1C1C1C;border-radius:10px;overflow:hidden;text-align:center;transition:transform 0.3s ease}.service-card:hover{transform:translateY(-10px)}.service-card img{width:100%;height:200px;object-fit:cover}.service-card h3{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:#D4AF37;margin:20px 20px 10px}.service-card p{padding:0 20px 20px}.about-section{padding:100px 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-image img{width:100%;border-radius:10px}.about-text h2{font-family:'Cormorant Garamond',serif;font-size:2.5rem;color:#D4AF37;margin-bottom:20px}.contact-section{background-color:#2B2B2B;padding:100px 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:flex-start}.contact-info .contact-item{margin-bottom:20px}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:15px;border:1px solid #333;background-color:#1C1C1C;color:#FFF;border-radius:5px;font-family:'Poppins',sans-serif}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#D4AF37}.main-footer{padding:30px 0;text-align:center;border-top:1px solid #333}.ph-studio-marketing{background-color:#1C1C1C;padding:80px 0;color:#FFF;text-align:center}.ph-studio-marketing .marketing-content{max-width:800px;margin:0 auto;padding:0 15px}.ph-studio-marketing .logo-ph{height:80px;margin-bottom:20px}.ph-studio-marketing h2{font-family:'Playfair Display',serif;font-size:2.5rem;margin-bottom:1rem;color:#FFF}.ph-studio-marketing p{font-family:'Montserrat',sans-serif;font-size:1.2rem;color:#CCC;margin-bottom:2rem;line-height:1.6}.ph-studio-marketing .btn-marketing{display:inline-block;padding:15px 40px;text-decoration:none;border-radius:50px;font-weight:600;font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:1px;transition:all 0.3s ease;cursor:pointer;background-color:#F36D1F;color:#FFF;border:2px solid #F36D1F}.ph-studio-marketing .btn-marketing:hover{background-color:#fff0;color:#F36D1F;transform:translateY(-3px)}@media (max-width:768px){.main-nav{display:none}.menu-toggle{display:flex}.about-content,.contact-content{grid-template-columns:1fr}.hero-content h2{font-size:2.5rem}.ph-studio-marketing{padding:60px 0}.ph-studio-marketing h2{font-size:2rem}.ph-studio-marketing p{font-size:1.1rem}.ph-studio-marketing .btn-marketing{padding:12px 30px;font-size:1rem}}