@import url('approved-home.css?v=20260908-hero-frame-final');

/* Short homepage hero: preserve the event content and show the complete new panorama. */
.hero{
  height:560px;min-height:0;max-height:none;
  background-color:#210515;
  background-image:url('dandiya-hero-wide-20261003.webp');
  background-size:100% auto;background-position:right bottom;background-repeat:no-repeat;
  padding:112px clamp(24px,4vw,64px) 42px;
  align-items:center;
}
.hero .shade{background:linear-gradient(90deg,rgba(25,3,19,.6),rgba(25,3,19,.22) 43%,transparent 67%)}
.hero .hero-copy{width:min(650px,53%)}
.hero h1{max-width:650px;font-size:clamp(44px,4.3vw,64px);line-height:1;margin:18px 0 16px}
.hero h1 em{max-width:none}
.hero-copy>p{max-width:600px;margin:0;font-size:16px;line-height:1.55}
.hero .event-meta{max-width:600px;gap:28px;padding:12px 0;margin-top:18px}
.hero .event-meta b{font-size:16px}
.hero .hero-actions{gap:20px;margin-top:18px}
.hero .hero-actions strong{font-size:20px}
.hero .float-card{width:112px;height:112px;right:24px;bottom:22px;top:auto}
.hero .free-entry-badge b{font-size:26px}
.hero .free-entry-badge small{font-size:12px}
.hero .free-entry-badge:before{left:10px;font-size:12px}
.hero .free-entry-badge:after{right:10px;font-size:12px}
.hero .scroll{bottom:15px;font-size:8px}
@media(min-width:1600px){.hero{height:600px}.hero .hero-copy{width:680px}}
@media(max-width:1000px) and (min-width:781px){
  .hero .hero-copy{width:58%}
  .hero .hero-actions{gap:12px}
  .hero .hero-actions strong{font-size:16px}
  .hero .hero-actions>span{font-size:10px}
}
@media(max-width:780px){
  .hero{height:auto;min-height:0;max-height:none;padding:278px 22px 30px;align-items:flex-end;background-size:auto 330px;background-position:78% top}
  .hero .shade{background:linear-gradient(0deg,#210515 0%,#210515 45%,rgba(33,5,21,.8) 60%,rgba(33,5,21,.05) 86%)}
  .hero .hero-copy{width:100%}
  .hero h1{font-size:42px;line-height:1;margin:14px 0}
  .hero-copy>p{font-size:14px;line-height:1.5}
  .hero .event-meta{flex-direction:row;flex-wrap:wrap;gap:12px 24px;padding:10px 0;margin-top:14px}
  .hero .event-meta b{font-size:14px}
  .hero .hero-actions{flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:14px;align-items:center}
  .hero .hero-actions strong{font-size:16px}
  .hero .hero-actions>span{font-size:10px}
  .hero .float-card{width:90px;height:90px;right:16px;top:94px;bottom:auto}
  .hero .free-entry-badge b{font-size:22px}
  .hero .free-entry-badge small{font-size:10px}
  .hero .free-entry-badge span{font-size:8px}
  .hero .scroll{display:none}
}
@media(max-width:380px){.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:37px}}