/* Heritage / History page styles */

#history-hero ~ section p, #history-hero ~ section li { line-height: 1.85; letter-spacing: 0.01em; }
#history-hero ~ section p { max-width: 68ch; }
#history-hero ~ section .text-center p { max-width: 60ch; margin-left: auto; margin-right: auto; }

/* Restore gradient text + shine animation (broken by inline style using fake -webkit-text-fill-animation) */
[style*="BF953F"],[style*="bf953f"]{
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  animation:shine 12s linear infinite!important;
}
[style*="94a3b8"]{
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  animation:shine 12s linear infinite!important;
}
/* Nav slide-in (was animated by React JS, now trigger via CSS) */
nav[style*="translateY(-100px)"]{
  transform:translateY(0)!important;
  transition:none!important;
}

/* Uniform golden gradient + shine effect on all section headings */
#history-hero ~ section h2:not([style]),
#history-hero ~ section h3:not([style]),
#history-hero ~ section h4:not([style]) {
  background: linear-gradient(to right, #BF953F 0%, #FCF6BA 25%, #B38728 50%, #FBF5B7 75%, #AA771C 100%);
  background-size: 200% auto;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  width: fit-content;
  animation: shine 12s linear infinite;
}
@keyframes shine {
  to { background-position: 200% center; }
}

/* History Hero */
#history-hero{
  position:relative;
  min-height:clamp(600px,80vh,900px);
  display:flex;
  align-items:center;
  overflow:hidden;
  background:url('../images/bhuj/hotel-view.webp') center center / cover no-repeat;
  animation:heroZoom 2.4s cubic-bezier(0.22,1,0.36,1) forwards;
  padding-top:80px;
}
#history-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(to right, rgba(10,10,11,0.78) 0%, rgba(10,10,11,0.38) 42%, rgba(10,10,11,0.08) 62%, transparent 100%),
    linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.12) 30%, transparent 70%);
}
#history-hero .hero-inner{
  position:relative;width:100%;
  z-index:2;
  padding:3rem 2rem;
  max-width:1600px;margin:0 auto;
}
#history-hero .hero-badge{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.4rem 1.2rem;
  background:rgba(180,120,20,0.18);
  border:1px solid rgba(214,167,86,0.35);
  border-radius:999px;
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#d4a84b;
  margin-bottom:1.25rem;
}
#history-hero h1{
  font-size:clamp(3rem,6vw,5.5rem);
  font-weight:900;font-family:'EB Garamond',Georgia,serif;
  line-height:1.1;
  margin-bottom:1.25rem;
  text-align:left;
  background:linear-gradient(to right,#BF953F 0%,#FCF6BA 25%,#B38728 50%,#FBF5B7 75%,#AA771C 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,220,0.35)) drop-shadow(0 -1px 0 rgba(80,40,0,0.55)) drop-shadow(0 0 4px rgba(210,160,20,0.12));
  animation:fadeSlideLeft 0.9s cubic-bezier(0.22,1,0.36,1) 0.35s both;
max-width:700px;}
#history-hero p{
  font-size:1.15rem;
  color:rgba(240,234,224,0.88);
  font-weight:300;
  line-height:1.7;
  max-width:580px;
  text-align:left;
  animation:fadeSlideUp 0.9s cubic-bezier(0.22,1,0.36,1) 0.6s both;
}
@keyframes heroZoom{
  0%{transform:scale(1.08);}
  100%{transform:scale(1);}
}
@keyframes fadeSlideLeft{
  0%{opacity:0;transform:translateX(-24px);}
  100%{opacity:1;transform:translateX(0);}
}
@keyframes fadeSlideUp{
  0%{opacity:0;transform:translateY(28px);}
  100%{opacity:1;transform:translateY(0);}
}