:root{ --overlay-bg: rgba(0,0,0,.25); --overlay-text:#f9dfb2; }
.header-hero {
  position: relative;
  width: 100%;
  min-height: 38vh; /* Mobile height smaller */
  display: flex;
  align-items: center; /* Vertical center */
  justify-content: center;
  overflow: hidden;
  background: #000 url('header.jpg') center/cover no-repeat;
}
.header-hero .header-overlay {
  margin: 16px;
  padding: 8px 14px;
  color: var(--overlay-text);
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 2px 2px 6px rgba(0,0,0,.8);
  background: var(--overlay-bg);
  border: 1px solid #1a1a1a;
  border-radius: 10px;
  font-size: 1rem;
}
@media (min-width: 641px) {
  .header-hero { min-height: 52vh; } /* Desktop height smaller */
  .header-hero .header-overlay { font-size: 1.4rem; }
}
@media(max-width:640px){
  .header-hero{ background-image:url('header-mobile.jpg'), url('header.jpg'); }
}
.header-hero a.header-link{ position:absolute; inset:0; display:block; text-indent:-999em; }
body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
.nav{position:sticky;top:0;background:#000;border-bottom:1px solid #111}
.nav-inner{display:flex;gap:28px;justify-content:center;padding:14px 16px;flex-wrap:wrap}
.nav a{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.08em}
.nav a:hover{opacity:.75}
.section{max-width:1100px;margin:0 auto;padding:28px 16px 48px}
.footer{border-top:1px solid #111;text-align:center;color:#c8c8c8;padding:24px 16px}
.text-us-fab{position:fixed;right:16px;bottom:16px;background:#ff2d2d;color:#fff;padding:14px 18px;border-radius:12px;font-weight:700;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.35);z-index:999;}
.ig-grid{display:grid;gap:10px}
@media(min-width:720px){ .ig-grid{ grid-template-columns:repeat(3,1fr)} }
.ig-grid a{display:block;background:#0f0f0f;border:1px solid #161616;border-radius:12px;overflow:hidden}
.ig-grid img{display:block;width:100%;height:auto}