body{
font-family:'Helvetica Neue',Arial,sans-serif;
margin:0;
background:#000;
color:#fff;
line-height:1.7;
}
header{
text-align:center;
padding:80px 20px;
border-bottom:1px solid #222;
}
h1{
letter-spacing:4px;
font-size:38px;
font-weight:700;
margin:0;
}
h2{
font-size:28px;
letter-spacing:2px;
margin-bottom:20px;
}
.quote{
font-style:italic;
color:#bbb;
margin-top:15px;
}
nav{
margin-top:30px;
}
nav a{
margin:0 18px;
text-decoration:none;
color:#fff;
font-size:14px;
letter-spacing:1px;
}
nav a:hover{
color:#aaa;
}
section{
max-width:1100px;
margin:auto;
padding:80px 20px;
}
.intro{
color:#cfcfcf;
max-width:900px;
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:25px;
}
.card{
border:1px solid #333;
padding:40px;
text-align:center;
font-weight:500;
}
.gallery{
display:grid;
grid-template-columns:1fr;
gap:70px;
margin-top:50px;
}
.photo img{
width:100%;
height:auto;
display:block;
filter:grayscale(100%);
border:1px solid #222;
}
.photo p{
margin-top:12px;
color:#aaa;
}
footer{
text-align:center;
padding:60px;
border-top:1px solid #222;
color:#aaa;
}