:root {
    --brand-black: #0a0a0a;
    --brand-accent: #c9a24a;
    --brand-sand: #f6f2ec;
}

html, body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: #222; }

.navbar-brand img { object-fit: contain; }

.hero {
    background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)), url('https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
    color: #fff;
    padding: 8rem 0 7rem;
}

.hero h1 { font-weight: 800; letter-spacing: .5px; }
.hero p.lead { max-width: 680px; margin: 0 auto; }

.section { padding: 5rem 0; }
.section-alt { background: var(--brand-sand); }

.feature-card {
    border: 0;
    border-radius: 1rem;
    transition: transform .2s ease, box-shadow .2s ease;
    height: 100%;
}
.feature-card:hover { transform: translateY(-4px); box-shadow: 0 1.25rem 2.5rem rgba(0,0,0,.08); }
.feature-icon {
    width: 56px; height: 56px;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--brand-black); color: var(--brand-accent);
    border-radius: 50%; font-size: 1.5rem;
}

.destination-card { position: relative; border-radius: 1rem; overflow: hidden; min-height: 280px; color: #fff; }
.destination-card img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; z-index: 0; }
.destination-card .overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.75) 100%);
    z-index: 1;
}
.destination-card .content { position: relative; z-index: 2; padding: 1.25rem; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; }

.btn-brand { background: var(--brand-black); color: #fff; border: 0; }
.btn-brand:hover { background: var(--brand-accent); color: var(--brand-black); }

.page-header { background: var(--brand-black); color: #fff; padding: 4rem 0 3rem; }
.page-header h1 { font-weight: 800; }

.legal-page p, .legal-page li { line-height: 1.7; }