/* Colours and logo treatment derived from the supplied OZ LEVÁDA emblem. */
:root {
  --sand: #f5efe4;
  --sand2: #ebdcc5;
  --clay: #83502e;
  --clay2: #94623b;
  --teal: #4c5740;
  --teal2: #60694d;
  --ink: #32271e;
  --muted: #6b5c4b;
  --card: rgba(255, 253, 247, .94);
  --border: rgba(103, 76, 43, .19);
  --shadow: 0 16px 40px rgba(68, 49, 27, .09);
  --shadow2: 0 6px 18px rgba(68, 49, 27, .08);
}
body { background-color: var(--sand); }
header { background: rgba(245, 239, 228, .95); }
.logo-wrap, .hero-logo {
  padding: 0;
  overflow: hidden;
  background: #c39562;
  border: 1px solid rgba(104, 66, 30, .26);
  box-shadow: 0 5px 15px rgba(72, 44, 22, .13);
}
.logo-wrap img, .hero-logo img {
  display: block;
  width: 100%; height: 100%;
  object-fit: contain;
  border-radius: inherit;
  background: #c39562;
}
.hero-logo { width: 156px; height: 156px; flex: 0 0 156px; border-radius: 18px; }
.hero-title { gap: 20px; }
.panel, .card { border-color: var(--border); }
.quote { background: rgba(91, 105, 69, .08); border-color: rgba(91, 105, 69, .19); }
.tag { background: rgba(165, 113, 56, .10); border-color: rgba(165, 113, 56, .23); }
.feature-icon { background: rgba(91, 105, 69, .11); color: var(--teal); }
nav a:hover, .list a:hover { background: rgba(91, 105, 69, .10); }
.dropdown-menu a:hover { background: rgba(165, 113, 56, .10); }
.cta:hover { background: linear-gradient(135deg, #414b36, #535d41); }
.btn-primary:hover { background: linear-gradient(135deg, #754525, #865630); }
@media (max-width: 600px) {
  .hero-logo { width: 128px; height: 128px; flex-basis: 128px; }
  .hero-title { gap: 16px; }
}