*{box-sizing:border-box}body{margin:0;background:#080808;color:#f1f1f1;font-family:Inter,sans-serif}
.hero{height:72vh;background:url('img/hero.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative}
.hero:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.45)}
.overlay{position:relative;text-align:center}
.logo{max-width:170px}
h1{font-size:64px;margin:18px 0 8px;font-weight:800;letter-spacing:3px}
.hero p{letter-spacing:4px;color:#ddd}
.container{max-width:1100px;margin:auto;padding:0 32px}
.section{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2a2a2a;padding:60px 0;gap:40px}
.label{color:#b3322c;letter-spacing:3px;font-size:12px;margin-bottom:18px}
h2{font-size:42px;font-weight:300;letter-spacing:4px}
.listen{color:#fff;text-decoration:none;border-bottom:1px solid #b3322c;padding-bottom:5px}
.listen:hover{color:#b3322c}
.icons{display:flex;gap:26px}
.icons img{width:46px;height:46px;filter:invert(1);opacity:.9}
.icons img:hover{opacity:1;transform:scale(1.08)}
.about{align-items:flex-start}
.photo{width:46%;min-width:320px;border:1px solid #333}
.footer{font-size:14px}
@media(max-width:800px){.section{flex-direction:column;align-items:flex-start}.photo{width:100%}h1{font-size:42px}h2{font-size:30px}.hero{height:60vh}}