*{margin:0;padding:0;box-sizing:border-box}
body{background:#080808;color:white;font-family:Arial,sans-serif}
.nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:20px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);z-index:1000}
.nav a{color:white;text-decoration:none;margin-left:20px}
.hero{height:100vh;position:relative;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:fade 18s infinite}
.slide:nth-child(1){animation-delay:0s}.slide:nth-child(2){animation-delay:6s}.slide:nth-child(3){animation-delay:12s}
@keyframes fade{0%,30%{opacity:1}33%,100%{opacity:0}}
.hero-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.45)}
.hero-text h1{font-size:4rem}
.parallax{height:60vh;background:url('work5(6).jpg') center/cover fixed;display:flex;align-items:center;justify-content:center;font-size:3rem}
section{padding:80px 20px}
h2{text-align:center;margin-bottom:30px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}
.gallery img{width:100%;height:320px;object-fit:cover;cursor:pointer;transition:.5s}
.gallery img:hover{transform:scale(1.04)}
.contact form{max-width:600px;margin:auto;display:flex;flex-direction:column;gap:10px}
input,textarea,button{padding:14px}
#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);align-items:center;justify-content:center}
#lightbox img{max-width:92%;max-height:92%}
footer{text-align:center;padding:60px;color:#bbb}


.hero-text h1{
font-size:7rem;
letter-spacing:12px;
font-weight:300;
}
.hero-text p{
margin-top:15px;
letter-spacing:4px;
text-transform:uppercase;
opacity:.8;
}