:root{
  --bg: #D9D2BD;
  --accent: #591D2A;
  --muted: #7a6a63;
  --font-family: 'Morabba', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--accent);
  font-family:var(--font-family);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
}

@font-face{
  font-family: 'Morabba';
  src: url('fonts/Morabba-Medium.woff') format('woff');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

.site-header{position:fixed;top:0;left:0;right:0;padding:12px 18px;display:flex;justify-content:center;z-index:30}
.nav{display:flex;gap:18px}
.nav-link{color:var(--accent);text-decoration:none;font-weight:600}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center}
.hero-inner{display:flex;align-items:center;justify-content:center}
.logo{width:40vmin;max-width:360px;height:auto;display:block}

.section{padding:96px 18px 120px;text-align:center}
.section h2{margin:0 0 12px;font-size:1.6rem}
.contact .phones{list-style:none;padding:0;margin:10px 0}
.contact .phones li{margin:6px 0}
.contact a{color:var(--accent);text-decoration:none}
.contact-detail{color:var(--muted);margin-top:8px}
.social{margin-top:14px}

.address .addr-text{margin-bottom:12px}
.btn{display:inline-block;background:transparent;border:2px solid var(--accent);color:var(--accent);padding:8px 16px;border-radius:8px;text-decoration:none}

.mobile-actions{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;z-index:40;border:none;border-radius:0;overflow:hidden;background:var(--bg)}
.action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 18px;min-width:88px;height:48px;border-radius:0;background:transparent;color:var(--accent);text-decoration:none;font-size:1rem;font-weight:600;border:none}
.action-btn + .action-btn{border-right:1px solid var(--accent)}
.action-btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}
.action-btn:last-child{border-top-right-radius:0;border-bottom-right-radius:0}

/* Responsive */
@media(min-width:900px){
  .mobile-actions{display:none}
  .site-header{padding:18px}
}

@media(max-width:899px){
  .logo{width:90vw;max-width:520px}
  .site-header{display:none}
  body{padding-bottom:88px}
  .mobile-actions{left:18px;transform:none;width:calc(100% - 36px)}
  .action-btn{min-width:0;height:56px;padding:12px 8px;font-size:1rem}
}

/* minimal accessibility focus styles */
a:focus{outline:3px solid rgba(89,29,42,0.15);outline-offset:3px}