html { scroll-behavior: smooth; }
body { font-family: 'EB Garamond', serif; background: #ede9e3; color: #222; }
.bg-black-2 { background-color: #222 !important; }
.text-black-2 { color: #222 !important; }
.bg-brand-1 { background-color: #255f63 !important; }
.bg-brand-2 { background-color: #db7b65 !important; }
.text-brand-1 { color: #255f63 !important; }
.text-brand-2 { color: #db7b65 !important; }
.border-brand-2 { border-color: #db7b65 !important; }
.hover\:bg-brand-2:hover { background-color: #db7b65 !important; }
.hover\:text-brand-2:hover { color: #db7b65 !important; }
.font-display { font-family: 'Bebas Neue', sans-serif; }
.font-serif { font-family: 'EB Garamond', serif; }
.font-quote { font-family: 'Palatino', 'Palatino Linotype', 'Book Antiqua', serif; }

.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

.nav-link { position: relative; }
.nav-link::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: #db7b65; transition: width 0.3s ease; }
.nav-link:hover::after { width: 100%; }

@media (max-width: 767px) {
  html, body { overflow-x: hidden; }
  img { max-width: 100%; }
}