* { box-sizing: border-box; margin:0; padding:0; }
body { font-family:'Inter', sans-serif; background:#DEE3D9; color:#1C1B19; }
img.photo { display:block; }

.logo { font-family:'Archivo Black',sans-serif; font-size:18px; letter-spacing:-0.5px; color:#1C1B19; }
.logo span { color:#42563A; }
header.site { background:#F4F2ED; display:flex; align-items:center; justify-content:space-between; padding:18px 40px; border-bottom:1px solid rgba(28,27,25,.12); position:sticky; top:0; z-index:100; }
a.logo { text-decoration:none; }
header.site nav { display:flex; align-items:center; gap:30px; font-family:'Space Grotesk',sans-serif; font-size:13.5px; font-weight:600; }
header.site nav a { color:#1C1B19; text-decoration:none; opacity:.75; }
header.site nav a:hover { opacity:1; color:#42563A; }

.hamburger { display:none; flex-direction:column; justify-content:center; gap:5px; width:38px; height:38px; border:none; background:transparent; cursor:pointer; padding:0; }
.hamburger span { display:block; width:22px; height:2px; background:#1C1B19; transition:transform .25s, opacity .25s; margin:0 auto; }
.hamburger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2){ opacity:0; }
.hamburger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media(max-width:820px){
  header.site nav{
    display:flex; flex-direction:column; align-items:stretch; gap:0;
    position:absolute; top:100%; left:0; right:0; background:#F4F2ED;
    border-bottom:1px solid rgba(28,27,25,.12); box-shadow:0 20px 40px rgba(0,0,0,.15);
    max-height:0; overflow:hidden; transition:max-height .3s ease;
  }
  header.site nav.open{ max-height:420px; }
  header.site nav a{ padding:16px 24px; border-top:1px solid rgba(28,27,25,.08); opacity:1; font-size:15px; }
  .hamburger{ display:flex; }
}

.btn { padding:15px 28px; border-radius:100px; font-weight:700; font-size:14px; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:none; cursor:pointer; }
.btn-primary { background:#42563A; color:#F4F2ED; }
.btn-outline { border:1.5px solid #42563A; color:#42563A; background:transparent; }

.loc-hero { background:#DAD8CF; padding:70px 40px 60px; text-align:center; }
.loc-hero .kicker { display:inline-block; padding:6px 16px; border-radius:100px; font-size:14px; font-weight:700; border:1.5px solid #42563A; color:#42563A; margin-bottom:16px; }
.loc-hero h1 { font-family:'Archivo Black',sans-serif; font-size:clamp(30px,4.6vw,52px); text-transform:uppercase; letter-spacing:-1.5px; line-height:1.05; margin-bottom:18px; max-width:820px; margin-left:auto; margin-right:auto; }
.loc-hero p { font-size:16px; line-height:1.7; opacity:.8; max-width:640px; margin:0 auto 28px; }

.loc-services { background:#DEE3D9; padding:60px 40px; }
.loc-services .wrap { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:28px; }
.loc-services .lsitem h3 { font-family:'Space Grotesk',sans-serif; font-size:18px; color:#42563A; margin-bottom:8px; }
.loc-services .lsitem p { font-size:14px; line-height:1.6; opacity:.8; }

.loc-gallery { background:#DAD8CF; padding:60px 40px; text-align:center; }
.loc-gallery h2 { font-family:'Archivo Black',sans-serif; font-size:clamp(24px,3.4vw,36px); text-transform:uppercase; letter-spacing:-1px; margin-bottom:30px; }
.loc-gallery .wrap { max-width:1100px; margin:0 auto; }
.lg-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:16px; margin-bottom:34px; }
.lg-item { border-radius:14px; overflow:hidden; position:relative; background:#151412; aspect-ratio:4/3; }
.lg-item img.photo { width:100%; height:100%; object-fit:cover; }
.lg-item span { position:absolute; bottom:0; left:0; right:0; padding:10px 14px; background:linear-gradient(0deg, rgba(0,0,0,.8), transparent); color:#F4F2ED; font-size:12.5px; font-family:'Space Grotesk',sans-serif; text-align:left; }

.loc-cta { background:#171C15; padding:60px 40px; text-align:center; }
.loc-cta h2 { font-family:'Archivo Black',sans-serif; font-size:clamp(24px,3.4vw,36px); text-transform:uppercase; letter-spacing:-1px; color:#F4F2ED; margin-bottom:12px; }
.loc-cta p { color:#DAD8CF; opacity:.75; margin-bottom:24px; font-size:14px; }

.sitefooter { background:#171C15; padding:60px 40px 0; }
.sitefooter .fwrap { max-width:1200px; margin:0 auto; display:flex; gap:50px; flex-wrap:wrap; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.1); }
.sitefooter .fcol { flex:1; min-width:160px; display:flex; flex-direction:column; gap:10px; }
.sitefooter .fbrand { flex:1.6; min-width:240px; }
.sitefooter .fbrand p { font-size:13px; color:#8a877e; line-height:1.6; margin-top:12px; max-width:280px; }
.sitefooter .fcol h4 { font-family:'Space Grotesk',sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:#9CB58E; margin-bottom:6px; }
.sitefooter .fcol a, .sitefooter .fcol span { color:#cfcac2; text-decoration:none; font-size:13.5px; opacity:.85; }
.sitefooter .fcol a:hover { opacity:1; color:#9CB58E; }
.sitefooter .fbottom { max-width:1200px; margin:0 auto; padding:22px 0; font-size:12px; color:#666; text-align:center; }