*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Open Sans',sans-serif;background:#fff;color:#111}
a{text-decoration:none;color:inherit}
.menu-btn{position:fixed;top:26px;right:30px;width:44px;height:44px;border-radius:50%;background:#212121;border:none;cursor:pointer;z-index:60}
.menu-btn span{display:block;width:18px;height:2px;background:#fff;margin:4px auto}
.logo{position:fixed;top:22px;right:90px;height:44px;z-index:55}
nav.overlay{position:fixed;inset:0;background:rgba(17,17,17,.97);display:none;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:50}
nav.overlay.open{display:flex}
nav.overlay a{color:#fff;font-family:Oxygen,sans-serif;font-size:20px;letter-spacing:5px}
nav.overlay a:hover{color:#999}
.hero{height:100vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.hero .band{width:100%;background:rgba(255,255,255,.5);padding:24px 0;text-align:center}
.hero h1{font-family:Gruppo,cursive;font-weight:400;font-size:clamp(34px,6vw,84px);letter-spacing:.45em;color:#121212;margin-left:.45em}
.cat{height:86vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.cat a{background:rgba(255,255,255,.85);border:1px solid #333;padding:18px 44px;font-family:Oxygen,sans-serif;font-size:15px;letter-spacing:4px;color:#262626}
.cat a:hover{background:#fff}
.dark{background:#252525;color:#999;text-align:center;padding:90px 20px}
.dark h2{font-family:Oxygen,sans-serif;color:#fff;font-weight:400;font-size:22px;letter-spacing:6px;margin-bottom:36px}
.dark img{width:420px;max-width:90%;margin-bottom:36px}
.dark p{max-width:900px;margin:0 auto 27px;font-size:15px;line-height:27px}
.contact{background:#191919;color:#999;text-align:center;padding:80px 20px}
.contact h2{font-family:Oxygen,sans-serif;color:#fff;font-weight:400;font-size:22px;letter-spacing:6px;margin-bottom:44px}
.contact .cols{display:flex;justify-content:center;gap:120px;flex-wrap:wrap}
.contact h3{font-family:Oxygen,sans-serif;color:#fff;font-size:13px;letter-spacing:3px;margin-bottom:12px}
footer{background:#111;color:#8c8c8c;text-align:center;padding:30px 20px;font-size:12px;letter-spacing:2px}
footer small{display:block;color:#6b6b6b;font-size:11px;letter-spacing:0;margin-top:6px}
.banner{height:256px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.banner h1{font-family:Gruppo,cursive;font-weight:400;font-size:46px;letter-spacing:16px;color:#333;margin-left:16px}
.grid{display:flex}
.grid .col{flex:1;display:flex;flex-direction:column}
.grid img{width:100%;display:block}
@media(max-width:800px){.grid{flex-direction:column}.contact .cols{gap:40px}}