:root { color-scheme: dark; }
:where(.seo-fallback, .static-site) .vehicle-size-pricing table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; line-height: 1.5; }
:where(.seo-fallback, .static-site) .vehicle-size-pricing th,
:where(.seo-fallback, .static-site) .vehicle-size-pricing td { text-align: left; padding: 16px 8px; border-bottom: 1px solid #f1ede433; overflow-wrap: break-word; }
:where(.seo-fallback, .static-site) .vehicle-size-pricing th:first-child { width: 34%; }
:where(.seo-fallback, .static-site) .vehicle-size-pricing small { display: block; font-weight: 400; }
:where(.seo-fallback, .static-site) .vehicle-size-pricing td span { display: block; white-space: normal; font-size: 12px; font-weight: 400; margin-top: 4px; }
:where(.seo-fallback, .static-site) .vehicle-size-pricing details { margin-top: 24px; }
:where(.seo-fallback, .static-site) .vehicle-size-pricing summary { cursor: pointer; color: #c4a35a; font-size: 18px; }
:where(.seo-fallback, .static-site) .vehicle-size-pricing td { white-space: nowrap; font-weight: 600; }
body { margin: 0; background: #181b1b; color: #f1ede4; }
:where(.seo-fallback, .static-site) {
  background: #181b1b;
  color: #f1ede4;
  font: 16px/1.8 Manrope, Arial, sans-serif;
}
:where(.seo-fallback, .static-site) * { box-sizing: border-box; }
:where(.seo-fallback, .static-site) a { color: inherit; text-underline-offset: 5px; }
:where(.seo-fallback, .static-site) a:focus-visible { outline: 2px solid #dcc283; outline-offset: 4px; }
:where(.seo-fallback, .static-site) img { display: block; max-width: 100%; }
:where(.seo-fallback, .static-site) .shell { width: min(100% - 40px, 1180px); margin: 0 auto; }
:where(.seo-fallback, .static-site) header { background: #142e29; border-bottom: 1px solid #b49a6266; padding: 20px 0; }
:where(.seo-fallback, .static-site) .bar { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
:where(.seo-fallback, .static-site) .brand { display: block; width: min(200px, 52vw); }
:where(.seo-fallback, .static-site) .brand img { width: 100%; height: auto; }
:where(.seo-fallback, .static-site) nav { display: flex; flex-wrap: wrap; gap: 18px; font-size: 13px; line-height: 1.6; }
.static-site nav { margin-top: 20px; }
:where(.seo-fallback, .static-site) .eyebrow { color: #c4a35a; font-size: 12px; letter-spacing: .1em; }
:where(.seo-fallback, .static-site) .crumbs { padding-top: 28px; color: #b7aea2; font-size: 12px; }
:where(.seo-fallback, .static-site) section { padding: 88px 0; border-bottom: 1px solid #f1ede41f; }
:where(.seo-fallback, .static-site) .hero { padding: 70px 0 90px; }
:where(.seo-fallback, .static-site) .hero-grid,
:where(.seo-fallback, .static-site) .split,
.static-site .about .shell { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: 64px; }
:where(.seo-fallback, .static-site) h1,
:where(.seo-fallback, .static-site) h2,
:where(.seo-fallback, .static-site) h3 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; letter-spacing: -.01em; line-height: 1.1; }
:where(.seo-fallback, .static-site) h1 { max-width: 760px; margin: 20px 0; font-size: clamp(2.8rem, 6vw, 5.5rem); }
:where(.seo-fallback, .static-site) h2 { margin: 0 0 24px; font-size: clamp(2.3rem, 4.5vw, 4.3rem); }
:where(.seo-fallback, .static-site) h3 { margin: 0; font-size: 1.9rem; }
:where(.seo-fallback, .static-site) h1 span,
:where(.seo-fallback, .static-site) h2 span { color: #c4a35a; }
:where(.seo-fallback, .static-site) .lede { max-width: 650px; color: #d7d0c4; font-size: 17px; }
:where(.seo-fallback, .static-site) .photo,
.static-site .about-photo { overflow: hidden; border: 1px solid #f1ede424; background: #202323; }
:where(.seo-fallback, .static-site) .photo img,
.static-site .about-photo img { width: 100%; height: auto; }
:where(.seo-fallback, .static-site) .actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
:where(.seo-fallback, .static-site) .button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 13px 18px; border: 1px solid #c4a35a80; font: 600 13px Manrope, sans-serif; text-decoration: none; }
.static-site .button { margin: 14px 10px 0 0; }
:where(.seo-fallback, .static-site) .button.primary,
.static-site .button { background: #c4a35a; color: #181b1b; }
:where(.seo-fallback, .static-site) .button:hover { background: #dcc283; color: #181b1b; }
:where(.seo-fallback, .static-site) .tint { background: #202323; }
:where(.seo-fallback, .static-site) .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
:where(.seo-fallback, .static-site) .grid.two,
:where(.seo-fallback, .static-site) article { padding: 30px; border: 1px solid #f1ede424; background: #202323; }
.static-site .featured { order: -1; border-color: #c4a35a; }
:where(.seo-fallback, .static-site) .muted,
:where(.seo-fallback, .static-site) article p { color: #c9c0b4; }
:where(.seo-fallback, .static-site) .price { margin: 18px 0 8px; color: #c4a35a; font-size: 1.8rem; }
:where(.seo-fallback, .static-site) ul { padding-left: 20px; }
:where(.seo-fallback, .static-site) .local-list { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; list-style: none; }
:where(.seo-fallback, .static-site) .local-list li { padding: 8px 12px; border: 1px solid #f1ede424; }
:where(.seo-fallback, .static-site) figure { margin: 0; }
.static-site figure img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.static-site figcaption { padding-top: 12px; color: #c9c0b4; font-size: 13px; }
.static-site .about-label { color: #c4a35a; font-size: 13px; }
.static-site .about-note { color: #b7aea2; font-size: 13px; }
.static-site .about-copy { color: #d7d0c4; font-size: 17px; }
:where(.seo-fallback, .static-site) footer { padding: 48px 0; border-top: 1px solid #f1ede424; }
@media (max-width: 820px) {
  :where(.seo-fallback, .static-site) .bar { align-items: flex-start; flex-direction: column; }
  :where(.seo-fallback, .static-site) .hero-grid,
  :where(.seo-fallback, .static-site) .split,
  :where(.seo-fallback, .static-site) .grid,
  :where(.seo-fallback, .static-site) .grid.two,
  .static-site .about .shell { grid-template-columns: 1fr; gap: 32px; }
  :where(.seo-fallback, .static-site) section { padding: 60px 0; }
  :where(.seo-fallback, .static-site) .hero { padding: 46px 0 60px; }
  :where(.seo-fallback, .static-site) .actions { align-items: stretch; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
