/* Crude Ambition – Abenddämmerung über dem Ölfeld */
:root {
  --display: Rockwell, "Rockwell Nova", "Roboto Slab", "Zilla Slab", Georgia, serif;
  --paper: #FBF6EC; --ink: #231C17; --muted: #6B5E52; --card: #ffffff; --line: #E3D6BE;
  --accent: #C77F1E;
  --bar-bg: #1C2340; --bar-ink: #F1E6D0;
  --hero-bg: linear-gradient(180deg, #1C2340 0%, #2B2F52 45%, #8E3B3A 78%, #E9A23B 100%);
  --hero-ink: #FFF4DE; --hero-sub: #F6DDB2;
  --footer-bg: #2A211B; --footer-ink: #D9CBB3;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #17120F; --ink: #EFE6D8; --muted: #B5A794; --card: #221B16; --line: #3A2F26; --accent: #E9A23B; }
}

/* Boden unter dem Bohrturm */
.hero { border-bottom: 36px solid #2A211B; }

/* Motiv: Bohrturm */
.derrick { width: 100%; max-width: 360px; display: block; }
@media (max-width: 759px) { .derrick { max-width: 200px; } }
@media (prefers-reduced-motion: no-preference) {
  .flame { animation: flicker 2.4s ease-in-out infinite; transform-origin: 50% 100%; transform-box: fill-box; }
  @keyframes flicker { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.12); } }
}

/* Regionen */
.regions { list-style: none; padding: 0; margin: 28px 0 0; display: grid; grid-template-columns: 1fr 1fr;
           border-top: 3px solid #2A211B; }
@media (min-width: 760px) { .regions { grid-template-columns: repeat(4, 1fr); } }
.regions li { padding: 16px 16px 0 0; }
.regions h3 { font-size: 20px; margin: 0 0 4px; }
.regions p { margin: 0; font-size: 15px; color: var(--muted); }
@media (prefers-color-scheme: dark) { .regions { border-top-color: var(--line); } }