/* MiMi Da Barber — static rebuild
   Palette: ink #121212 / smoke #1D1D1D / bone #EFEAE2 / faded #9A948A / brass #C9A227 */
:root{
  --ink:#121212; --smoke:#1D1D1D; --bone:#EFEAE2; --faded:#9A948A; --brass:#C9A227;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--bone);font-family:'Inter',system-ui,sans-serif;line-height:1.6;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,.wordmark{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.04em;text-transform:uppercase}

/* Nav */
header{position:sticky;top:0;z-index:10;background:rgba(18,18,18,.92);backdrop-filter:blur(6px);border-bottom:1px solid #2A2A2A}
.nav{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.wordmark{font-size:1.25rem;color:var(--bone)}
.wordmark span{color:var(--brass)}
nav a{font-family:'Oswald',sans-serif;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;margin-left:26px;color:var(--faded);transition:color .15s}
nav a:hover,nav a[aria-current]{color:var(--bone)}
nav a[aria-current]{border-bottom:2px solid var(--brass);padding-bottom:3px}

/* Hero */
.hero{max-width:1100px;margin:0 auto;padding:56px 20px 32px;text-align:center}
.hero img{max-width:520px;width:100%;margin:0 auto}
.hero p{color:var(--faded);max-width:520px;margin:18px auto 0}

/* Buttons */
.btn{display:inline-block;background:var(--brass);color:var(--ink);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:14px 40px;font-size:1rem;transition:filter .15s}
.btn:hover{filter:brightness(1.12)}
.cta{ text-align:center;padding:40px 20px 72px}

/* Gallery */
.gallery{max-width:1100px;margin:0 auto;padding:24px 20px;columns:3;column-gap:14px}
.gallery img{margin-bottom:14px;border:1px solid #2A2A2A}
@media(max-width:820px){.gallery{columns:2}}
@media(max-width:520px){.gallery{columns:1}.nav{flex-direction:column;gap:10px}nav a:first-child{margin-left:0}}

/* About */
.about{max-width:1100px;margin:0 auto;padding:56px 20px;display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:48px;align-items:start}
.about img{border:1px solid #2A2A2A}
.about h1{font-size:2rem;margin-bottom:18px}
.about p{margin-bottom:16px;color:var(--bone)}
@media(max-width:760px){.about{grid-template-columns:1fr}}

/* Booking */
.book{max-width:900px;margin:0 auto;padding:48px 20px}
.book h1{font-size:2rem;text-align:center;margin-bottom:24px}
.book iframe{width:100%;min-height:900px;border:0;background:#fff}

/* Footer */
footer{border-top:1px solid #2A2A2A;margin-top:40px}
.foot{max-width:1100px;margin:0 auto;padding:28px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--faded);font-size:.9rem}
.social a{margin-left:16px;color:var(--faded)}
.social a:hover{color:var(--brass)}
@media(max-width:520px){.foot{flex-direction:column;gap:12px}}

/* Instagram */
.ig{max-width:1100px;margin:0 auto;padding:48px 20px 64px;text-align:center;border-top:1px solid #2A2A2A}
.ig h2{font-size:1.6rem;margin-bottom:22px}