:root{
  --bg: #f5f7f7;
  --text: #1f2a2e;
  --muted: #5a6b72;
  --white: #ffffff;
  --brand: #a43b2c;
  --brand-2: #7b2b20;
  --shadow: 0 10px 30px rgba(0,0,0,.10);
  --shadow-soft: 0 6px 18px rgba(0,0,0,.10);
  --radius: 12px;
  --container: 1100px;
}

*{ box-sizing: border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: 'Montserrat', sans-serif !important;
  color: var(--text);
  background: #fff;
}

a{ color: inherit; text-decoration: none; }
a:hover{ text-decoration: underline; }

.container{
  width: min(var(--container), calc(100% - 32px));
  margin: 0 auto;
}

.skip-link{
  position:absolute;
  left:-999px;
  top:8px;
  padding:10px 12px;
  background:#111;
  color:#fff;
  border-radius:10px;
  z-index:9999;
}
.skip-link:focus{ left:12px; }

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  font-weight:600;
  letter-spacing:.02em;
  border:1px solid transparent;
  text-decoration:none !important;
  user-select:none;
}
.btn--primary{
  background: var(--brand);
  color: #fff;
  box-shadow: 0 10px 22px rgba(164,59,44,.18);
}
.btn--primary:hover{
  background: var(--brand-2);
}