/* Shared Kamer art direction: forest green, ivory, and brushed gold. */
:root { --kamer-deep-green: #092d25; --kamer-green: #164b3d; --kamer-gold: #b59352; --kamer-gold-light: #e1c58e; --kamer-off-white: #f6f3ed; --kamer-grey: #5e6862; --line: rgba(39, 66, 52, .15); --radius: 4px; --shadow: 0 20px 55px rgba(15, 40, 29, .08); }
body { background: #fffefa; }
h1, h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.045em; line-height: 1.08; }
h1 { font-size: clamp(2.7rem, 5.3vw, 5rem); }
h2 { font-size: clamp(2rem, 3.6vw, 3.5rem); }
.eyebrow { letter-spacing: .16em; font-size: .68rem; font-weight: 700; }
.btn { border-radius: 3px; font-size: .82rem; letter-spacing: .025em; padding: 14px 23px; }
.btn-sm { padding: 10px 14px; }
.btn-gold { background: #dfc38b; color: #142f25; }
.btn-primary { box-shadow: 0 6px 18px rgba(9, 45, 37, .12); }
.site-header { border-top: 3px solid var(--kamer-gold); background: #fffefa; }
.nav-links a, .nav-icon { font-weight: 600; font-size: .78rem; }
.nav-links a.active { box-shadow: inset 0 -2px var(--kamer-gold); }
.brand img { width: 176px; }
.hero-copy { max-width: 690px; }
.hero-copy h1 { font-size: clamp(3.6rem, 7.5vw, 7rem); max-width: 620px; }
.hero-copy .lead { max-width: 490px; font-weight: 400; }
.hero-meta { gap: 22px; padding-top: 24px; border-top: 1px solid #ffffff30; }
.hero-meta span { border: 0; padding: 0; font-weight: 500; font-size: .75rem; letter-spacing: .07em; }
.page-hero { background: var(--kamer-deep-green); color: #f6f3ed; padding: 88px 0; }
.page-hero h1 { color: #fffefa; }
.page-hero .eyebrow { color: var(--kamer-gold-light); }
.page-hero .text-muted { color: #d4ddd6; max-width: 560px; }
.page-hero .btn-primary { background: #dfc38b; color: #142f25; border-color: #dfc38b; }
.page-hero .btn-outline { border-color: #a4b5a9; color: #fffefa; }
.page-hero .btn-outline:hover { background: #ffffff15; }
.hero-card-img { border-radius: 3px; box-shadow: 16px 16px 0 #ffffff08; }
.rental-search, .filter-bar { border-radius: 4px; box-shadow: var(--shadow); }
.input, .select, textarea { background: #fffefa; border-radius: 3px; }
.field label { letter-spacing: .025em; }
.vehicle-row { border-radius: 5px; box-shadow: 0 8px 28px #092d2506; }
.vehicle-row-info h3 { font-family: Georgia, 'Times New Roman', serif; font-size: 1.85rem; font-weight: 400; letter-spacing: -.025em; }
.vehicle-row-cta { background: #f7f5ef; }
.vehicle-row-media { background: #eeeee7; }
.pill { border-radius: 2px; font-size: .7rem; }
.price-block strong { color: var(--kamer-deep-green); }
.service-panel, .detail-panel, .contact-card, .value-card, .sale-card { border-radius: 4px; }
.sportage-spotlight { background: #f6f3ed; border-bottom: 1px solid var(--line); }
.spotlight-image { display: block; overflow: hidden; border-radius: 4px; }
.spotlight-image img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.spotlight-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 23px 0; margin: 24px 0; border-block: 1px solid var(--line); }
.spotlight-facts span { font-size: .72rem; color: #5e6862; }
.spotlight-facts strong { display: block; font-size: .98rem; color: var(--kamer-deep-green); margin-bottom: 4px; }
.sportage-research { border-top: 1px solid var(--line); }
.research-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin-top: 30px; }
.research-grid h3 { font-family: Georgia, serif; font-weight: 400; font-size: 1.5rem; }
.research-grid p { color: var(--kamer-grey); }
.research-source { font-size: .78rem; color: var(--kamer-grey); max-width: 880px; }
.research-source a { text-decoration: underline; text-underline-offset: 3px; }
.site-footer { border-top: 3px solid var(--kamer-gold); }
.footer-brand img { filter: none; background: #fffefa; padding: 10px; width: 205px; opacity: 1; border-radius: 3px; }
.footer-links { overflow-wrap: anywhere; }
.floating-whatsapp { background: var(--kamer-deep-green); border: 1px solid #b59352; }
:focus-visible { outline: 3px solid #b59352; outline-offset: 4px; }
@media (max-width: 1220px) { .nav-links { top: 81px; } }
@media (max-width: 900px) { .research-grid { grid-template-columns: 1fr; gap: 16px; } .page-hero { padding: 64px 0; } }
@media (max-width: 680px) { .brand img { width: 150px; } .nav-links { top: 73px; } .hero-copy h1 { font-size: 3.8rem; } .hero-inner { padding-top: 95px; } .spotlight-facts { gap: 10px; } .spotlight-facts strong { font-size: .85rem; } .hero-meta { gap: 14px; } .hero-card-img { box-shadow: none; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }