/* ═══════════════════════════════
   TOKENS & RESET
═══════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold:#CAA56A;--gold-grad:linear-gradient(90deg,#caa56a,#caa56a);
  --beige:#fffbef;--bg:#111111;--bg2:#0e0e0e;
  --grey:#9d9d9d;--dark-grey:#3f3f3f;
  --white:#ffffff;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--beige);font-family:'Faustina',serif;overflow-x:hidden}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}


/* ═══════════════════════════════
   HERO HEADING
═══════════════════════════════ */
#page-hero{
  padding:100px 164px 60px;
  text-align:center;
}
.hero-title-line1{
  font-family:'Fredoka',sans-serif;font-weight:300;font-size:52px;text-transform: uppercase;
  color:var(--gold);line-height:normal;margin-bottom: 6px;letter-spacing: 0.04em;
}
.hero-title-line2{
  font-size:18px;line-height:normal;
  display:block;
}
.hero-italic{
  font-family:'Faustina',serif;font-weight:400;
  color:var(--white);
}
.hero-regular{
  font-family:'Faustina',serif;font-style:normal;font-weight:400;
  color:#fff;
}

/* ═══════════════════════════════
   LOCATION CARDS GRID — ROW 1 (3 equal cols)
═══════════════════════════════ */
#listings{padding:0 164px 60px}

 .loc-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:16px;
}

/* ═══════════════════════════════
   LOCATION CARD
═══════════════════════════════ */
.loc-card{
  position:relative;
  height:500px;
  border-radius:4px;
  overflow:hidden;
  cursor:pointer;
  display:block;
  text-decoration:none;
}

.last-two_crddv{
    grid-column: 1 / -1; display: flex; gap: 16px; justify-content: center;
}
.loc-card_new_lasttwo{
    width: calc(33.333% - 8px); flex-shrink:0;
}
/* background photo */
.loc-card-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transition:transform .6s cubic-bezier(.25,.46,.45,.94);
}
.loc-card:hover .loc-card-bg{transform:scale(1.2)}

/* bottom gradient always visible */
.loc-card-grad{
  position:absolute;inset:0;
  background:linear-gradient(
    to bottom,
    rgba(107,107,107,0) 42%,
    rgba(0,0,0,.8) 74%
  );
  border-radius:4px;
  transition:opacity .4s ease; 
}

/* inner border — hidden by default, slides in on hover */
.loc-card-border{
  position:absolute;
  /* inset from edges */
  top:20px;left:20px;right:20px;bottom:20px;
  /* border:1px solid rgba(98,98,98,0); */
  border: 1px solid #626262;
  border-radius:2px;
  transition:border-color .4s ease;
  pointer-events:none;
  z-index:3;
}
.loc-card:hover .loc-card-border{
  border-color:#A1701D;
}

/* text info */
.loc-card-info{
  position:absolute;
  bottom:30px;left:30px;right:30px;
  z-index:4;
  text-transform:uppercase;
}
.loc-card-name{
  font-family:'Fredoka',sans-serif;font-weight:300;font-size:34px;
  color:#fff;line-height:40px;
  display:block;
}
.loc-card-desc{
  font-family:'Faustina',serif;font-weight:300;font-size:12px;
  color:var(--grey);line-height:16px;
  display:block;margin-top:2px;
}

/* gold loader line — animates width on hover */
.loc-card-loader{
  position:absolute;
  bottom:21px;left:20px;
  height:4px;width:0;
  background:linear-gradient(90deg,#caa56a,#caa56a);
  /* border-radius:2px; */
  transition:width .6s cubic-bezier(.25,.46,.45,.94);
  z-index:5;
}
.loc-card:hover .loc-card-loader{
  width:89.5%;
}
.loc-card:hover .loc-card-name{
  color: #CAA56A;
}
.loc-card.wide:hover .loc-card-loader{width:50%}

/* ═══════════════════════════════
   SCROLL REVEAL
═══════════════════════════════ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal.d1{transition-delay:.1s}
.reveal.d2{transition-delay:.2s}
.reveal.d3{transition-delay:.3s}
.reveal.d4{transition-delay:.4s}

.loc-card:hover .loc-card-grad{
  opacity:0;
}

/* ═══════════════════════════════
   RESPONSIVE
═══════════════════════════════ */
@media(max-width:1200px){
  #page-hero,#listings{padding-left:40px;padding-right:40px}
}
@media(max-width:900px){
  .loc-grid-3{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  .last-two_crddv {display: grid;grid-column: 1;grid-template-columns: 1fr;gap: 16px;justify-content: center;}
  .loc-card_new_lasttwo{width: calc(100% - 8px); flex-shrink:0;}
}
@media(max-width:600px){
    #page-hero{
        padding-top: 89px;
    }
  .uk-navbar-container,#page-hero,#listings{padding-left:20px;padding-right:20px}
  .loc-grid-3{grid-template-columns:1fr}
  .loc-card{height:380px}
  .hero-title-line2{font-size:16px;line-height:normal}
  .hero-title-line1{font-size:28px;line-height:normal}
}