body{
margin:0;
font-family:Segoe UI,Arial,sans-serif;
background:#111;
color:#f5f2eb;
line-height:1.6;
}
.hero{
height:90vh;
background:url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?q=80&w=1600') center/cover;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}
.overlay{
background:rgba(0,0,0,.55);
padding:40px;
border-radius:20px;
max-width:900px;
}
h1{
font-size:4rem;
color:#d4a15a;
}
nav{
position:sticky;
top:0;
background:#1c1712;
padding:15px;
text-align:center;
}
nav a{
color:#f5f2eb;
margin:0 15px;
text-decoration:none;
}
section{
max-width:1200px;
margin:auto;
padding:60px 20px;
}
h2{
color:#d4a15a;
}
.card{
background:rgba(255,255,255,.05);
padding:20px;
border-radius:15px;
margin-bottom:20px;
}
.album-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
gap:20px;
}
.studio{
display:grid;
grid-template-columns:350px 1fr;
gap:25px;
margin:40px 0;
align-items:center;
}
.studio img{
width:100%;
border-radius:15px;
}
footer{
text-align:center;
padding:30px;
background:#1c1712;
}
@media(max-width:800px){
h1{font-size:2.5rem;}
.studio{grid-template-columns:1fr;}
}