*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f4f5f6;color:#222}
nav{background:#101010;color:#fff;padding:18px 5%;position:sticky;top:0;z-index:10}
nav a{color:#fff;text-decoration:none;margin:0 12px}
section{max-width:1250px;margin:auto;padding:55px 5%}
.hero{max-width:none;padding:0;position:relative}
.hero img{width:100%;height:620px;object-fit:cover}
.overlay{position:absolute;left:7%;top:90px;color:#fff;background:rgba(0,0,0,.55);padding:35px;border-radius:20px;max-width:720px}
.metrics,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.metric,.card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.metric{background:rgba(0,0,0,.65);color:#fff}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery img,.videos video{width:100%;height:260px;object-fit:cover;border-radius:16px}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:800px){.gallery,.videos{grid-template-columns:1fr}}
footer{background:#101010;color:#fff;text-align:center;padding:30px}