/* =========================================================
   UNVEILED PUBLIC START FINAL DESKTOP V01
   Scope: index.php only.
   Zweck: Desktop/MacBook als hochwertige Basis stabilisieren.
   Keine Änderung an style.css.
   Mobile/PWA bleibt eigener Block.
   ========================================================= */

@media (min-width: 861px) {

  :root {
    --fps-x: clamp(72px, 5.1vw, 104px);
    --fps-header-h: 112px;
    --fps-gold: #c9a45a;
    --fps-text: #f3efe8;
    --fps-muted: rgba(243,239,232,.68);
    --fps-line: rgba(255,255,255,.075);
  }

  .site-header {
    height: var(--fps-header-h) !important;
    padding: 0 var(--fps-x) !important;
    background: rgba(0,0,0,.78) !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
    backdrop-filter: blur(10px) !important;
  }

  .logo-title {
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .38em !important;
    color: var(--fps-text) !important;
  }

  .logo-sub {
    margin-top: 8px !important;
    font-size: 10px !important;
    letter-spacing: .22em !important;
    color: var(--fps-gold) !important;
  }

  .main-nav {
    gap: clamp(30px, 3vw, 48px) !important;
    align-items: center !important;
  }

  .main-nav a,
  .lang-switch,
  .lang-switch a {
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: .21em !important;
    line-height: 1 !important;
  }

  .hero-section {
    min-height: 100vh !important;
    padding: 0 !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    background-image:
      linear-gradient(90deg, rgba(0,0,0,.91) 0%, rgba(0,0,0,.64) 42%, rgba(0,0,0,.88) 100%),
      url('images/hero/HERO_MASTER_FINAL_V01.jpeg') !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .hero-content {
    position: absolute !important;
    left: var(--fps-x) !important;
    top: 45.5% !important;
    transform: translateY(-50%) !important;
    width: min(690px, calc(100vw - (var(--fps-x) * 2))) !important;
    max-width: 690px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .eyebrow {
    margin: 0 0 28px 0 !important;
    color: var(--fps-gold) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .42em !important;
    line-height: 1 !important;
  }

  .hero-title,
  .hero-content h1 {
    margin: 0 0 28px 0 !important;
    max-width: 700px !important;
    color: var(--fps-text) !important;
    font-size: clamp(58px, 4.75vw, 72px) !important;
    line-height: .955 !important;
    letter-spacing: -.048em !important;
    font-weight: 800 !important;
  }

  .hero-text,
  .hero-content p {
    max-width: 640px !important;
    margin: 0 !important;
    color: var(--fps-muted) !important;
    font-size: 18px !important;
    line-height: 1.72 !important;
    font-weight: 400 !important;
    letter-spacing: -.012em !important;
  }

  .hero-buttons {
    margin-top: 34px !important;
    display: flex !important;
    gap: 14px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }

  .hero-button-primary,
  .hero-button-secondary {
    min-height: 52px !important;
    min-width: 220px !important;
    padding: 0 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .18em !important;
    line-height: 1 !important;
  }

  .hero-button-primary {
    background: linear-gradient(180deg, #d3b36d, #bc9343) !important;
    border: 1px solid rgba(211,179,109,.88) !important;
    color: #070707 !important;
  }

  .hero-button-secondary {
    background: rgba(0,0,0,.16) !important;
    border: 1px solid rgba(243,239,232,.18) !important;
    color: rgba(243,239,232,.88) !important;
  }

  .world-grid {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 42px var(--fps-x) 86px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    background: #000 !important;
  }

  .world-card {
    min-height: 220px !important;
    padding: 36px !important;
    border: 1px solid var(--fps-line) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)) !important;
  }

  .world-card h3 {
    margin: 0 0 26px 0 !important;
    color: var(--fps-text) !important;
    font-size: clamp(27px, 1.85vw, 30px) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -.035em !important;
  }

  .world-card p {
    margin: 0 !important;
    color: rgba(243,239,232,.48) !important;
    font-size: 16px !important;
    line-height: 1.78 !important;
    font-weight: 300 !important;
  }

  .site-footer {
    min-height: 64px !important;
    padding: 0 var(--fps-x) !important;
    border-top: 1px solid rgba(255,255,255,.045) !important;
    color: rgba(243,239,232,.30) !important;
    font-size: 10px !important;
    letter-spacing: .15em !important;
  }
}