/* events.css */

body {
  font-family: 'Jost', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Hero BG */
.hero-section {
  background: url('https://images.unsplash.com/photo-1524492412937-b28074a5d7da?w=1800&q=85') center top/cover no-repeat;
}

.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(28, 20, 16, .15) 0%, rgba(28, 20, 16, .72) 80%);
}

/* Section label rule */
.rule-saffron::before {
  content: '';
  width: 20px;
  height: 1px;
  background: #D4850A;
  flex-shrink: 0;
}

/* clamp hero h1 */
.hero-h1 {
  font-size: clamp(2.8rem, 6vw, 5.5rem);
}

/* Dest-select custom arrow */
.dest-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23D4850A' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .7rem center;
  padding-right: 2rem;
}

/* Month strip no-scrollbar */
.month-strip {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
}

.month-strip::-webkit-scrollbar {
  display: none;
}

/* Map frame */
.map-frame {
  width: 100%;
  height: 320px;
  background: #e8d5b7;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-frame::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('https://images.unsplash.com/photo-1524413840807-0c3cb6fa808d?w=1200&q=60') center/cover;
  opacity: .25;
}

@media screen and (max-width: 768px) {
  .map-frame {
    height: 512px;
  }
}