/* VOH Festival + Latest feature extension — 2026-08-26
   Scope is intentionally limited to #latest and #festival.
   HOME / signature hero styles are not modified here. */

#latest .latest-onam-feature{
  margin:0 0 16px;
  border:1px solid rgba(183,143,82,.34);
  background:#080603;
  overflow:hidden;
}
#latest .latest-onam-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
#latest .latest-onam-media{
  min-width:0;
  background:#080603;
}
#latest .latest-onam-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:430px;
  object-fit:contain;
  object-position:center;
  background:#080603;
}
#latest .latest-onam-footer{
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 14px;
  padding:15px 16px 16px;
  border-top:1px solid rgba(183,143,82,.22);
}
#latest .latest-onam-footer span{
  grid-column:1/-1;
  color:#caa465;
  font-family:Montserrat,sans-serif;
  font-size:.58rem;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#latest .latest-onam-footer strong{
  color:#f0e1c8;
  font-family:"Bodoni Moda","Cormorant Garamond",serif;
  font-size:1.42rem;
  font-weight:400;
  line-height:1;
}
#latest .latest-onam-footer em{
  align-self:end;
  color:#caa465;
  font-family:"Bodoni Moda","Cormorant Garamond",serif;
  font-size:.76rem;
  font-style:normal;
  white-space:nowrap;
}

#festival{
  position:relative;
  background:
    radial-gradient(circle at 18% 5%,rgba(181,132,55,.13),transparent 32%),
    linear-gradient(180deg,#100b06 0%,#060504 100%)!important;
  color:#f1e5d3!important;
  border-top:1px solid rgba(183,143,82,.2)!important;
  border-bottom:1px solid rgba(183,143,82,.2)!important;
}
#festival .festival-kicker{
  display:block;
  margin:0 0 14px;
  color:#caa465;
  font-family:Montserrat,sans-serif;
  font-size:.66rem;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
}
#festival .festival-head{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr);
  gap:clamp(28px,6vw,90px);
  align-items:end;
  margin-bottom:clamp(34px,5vw,62px);
}
#festival .festival-head h2{
  color:#f1e5d3;
}
#festival .festival-intro{
  max-width:680px;
  margin:0;
  color:#a99a87;
  font-family:var(--sans,Montserrat,sans-serif);
  font-size:.95rem;
  line-height:1.8;
}
#festival .festival-feature{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.86fr);
  gap:clamp(18px,2.4vw,32px);
  align-items:start;
}
#festival .festival-image{
  margin:0;
  border:1px solid rgba(183,143,82,.42);
  background:#080603;
  overflow:hidden;
}
#festival .festival-image img{
  display:block;
  width:100%;
  height:auto;
}
#festival .festival-image.secondary{
  margin-top:clamp(48px,8vw,118px);
}
#festival .festival-caption{
  grid-column:1/-1;
  max-width:760px;
  margin:clamp(22px,3vw,42px) auto 0;
  padding:clamp(22px,3.5vw,38px);
  text-align:center;
  border-top:1px solid rgba(183,143,82,.28);
  border-bottom:1px solid rgba(183,143,82,.28);
}
#festival .festival-caption p{
  margin:0 0 12px;
  color:#d9c8b0;
  font-family:"Noto Sans Malayalam","Gayathri",sans-serif;
  font-size:clamp(.96rem,1.5vw,1.12rem);
  font-weight:400;
  line-height:1.8;
}
#festival .festival-caption .festival-signoff{
  margin-top:8px;
  color:#caa465;
  font-family:"Bodoni Moda","Cormorant Garamond",serif;
  font-size:1rem;
  letter-spacing:.04em;
}

@media(max-width:900px){
  #festival .festival-head,
  #festival .festival-feature{
    grid-template-columns:1fr;
  }
  #festival .festival-image.secondary{
    margin-top:0;
  }
}

@media(max-width:560px){
  #latest .latest-onam-media img{
    max-height:none;
  }
  #festival .festival-head{
    margin-bottom:28px;
  }
  #festival .festival-feature{
    gap:14px;
  }
  #festival .festival-caption{
    margin-top:20px;
    padding:20px 0;
    text-align:left;
  }
}