html { scroll-behavior: smooth; }
    body {
      background:
        radial-gradient(circle at top left, rgba(198,161,91,.18), transparent 34rem),
        linear-gradient(180deg, #FFFCF5 0%, #F7F1E3 52%, #EFE4CF 100%);
    }
    .gold-line {
      background: linear-gradient(90deg, transparent, #C6A15B, transparent);
      height: 1px;
    }
    .hero-shell {
      background:
        linear-gradient(110deg, rgba(11,31,51,.92), rgba(14,59,46,.86), rgba(122,30,44,.68)),
        url('../images/hero/property_hero.jpg') center/cover;
    }
    .glass-panel {
      background: rgba(255,252,245,.90);
      backdrop-filter: blur(16px);
      border: 1px solid rgba(198,161,91,.45);
      box-shadow: 0 26px 80px rgba(0,0,0,.22);
    }
    .ornament {
      position: relative;
    }
    .ornament::before,
    .ornament::after {
      content: '';
      position: absolute;
      top: 50%;
      width: 54px;
      height: 1px;
      background: linear-gradient(90deg, transparent, #C6A15B);
    }
    .ornament::before { right: calc(100% + 16px); }
    .ornament::after { left: calc(100% + 16px); transform: rotate(180deg); }
    .category-card {
      background: linear-gradient(180deg, rgba(255,252,245,.96), rgba(247,241,227,.94));
      border: 1px solid rgba(198,161,91,.35);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    .category-card:hover {
      transform: translateY(-6px);
      border-color: rgba(198,161,91,.85);
      box-shadow: 0 22px 48px rgba(11,31,51,.13);
    }
    .listing-card {
      background: rgba(255,252,245,.94);
      border: 1px solid rgba(198,161,91,.28);
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .listing-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 22px 55px rgba(11,31,51,.16);
    }
    .premium-btn {
      background: linear-gradient(135deg, #C6A15B, #A87932);
      color: #0B1F33;
      box-shadow: 0 14px 30px rgba(198,161,91,.32);
    }
    .premium-btn:hover { filter: brightness(1.05); }
    .deep-btn {
      background: linear-gradient(135deg, #0B1F33, #0E3B2E);
      color: #FFFCF5;
    }
    .location-pill {
      background: rgba(255,252,245,.10);
      border: 1px solid rgba(255,252,245,.26);
    }
    .soft-pattern {
      background-image:
        linear-gradient(rgba(198,161,91,.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(198,161,91,.09) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    @media (max-width: 640px) {
      .ornament::before,
      .ornament::after { display: none; }
    }