:root {
  --saffron:#FF9933; --saffron-dark:#d97816; --white:#FFFFFF;
  --green:#138808; --green-dark:#0d6506; --navy:#000080;
  --dark:#222222; --muted:#667085; --cream:#fffaf3;
  --line:rgba(34,34,34,.10); --shadow:0 12px 35px rgba(34,34,34,.08);
}
html{scroll-behavior:smooth}
body{margin:0;color:var(--dark);background:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
h1,h2,h3,h4,h5{font-family:Georgia,"Times New Roman",serif;line-height:1.2}
a{text-decoration:none} img{max-width:100%;display:block}
.tricolor-line{height:4px;background:linear-gradient(to right,var(--saffron) 0 33.33%,var(--white) 33.33% 66.66%,var(--green) 66.66% 100%)}
.site-header{background:var(--white);border-bottom:1px solid var(--line)}
.brand{color:var(--navy);font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:700}
.brand:hover{color:var(--navy)}
.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;border:3px solid var(--navy);border-radius:50%;color:var(--navy);font-size:.8rem;position:relative}
.brand-mark:before{content:"";position:absolute;width:4px;height:4px;background:var(--navy);border-radius:50%}
.brand-mark:after{content:"";position:absolute;inset:5px;border:1px dotted var(--navy);border-radius:50%}
.nav-link{color:#444!important;font-weight:600;border-bottom:2px solid transparent}
.nav-link:hover,.nav-link.active{color:var(--navy)!important;border-bottom-color:var(--saffron)}
.navbar-nav{flex-wrap:wrap}
.hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.45),rgba(0,0,0,.18)),url("../assets/images/tajmahal.jpg") center/cover;color:#fff}
.hero h1{max-width:850px;font-size:clamp(3rem,7vw,5.8rem);font-weight:700}
.hero h1 span{color:var(--saffron)} .hero p{max-width:720px;color:#f4f4f4;font-size:1.08rem}
.eyebrow,.section-kicker{color:var(--saffron-dark);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow-light{color:#ffd3ad}
.btn-saffron{background:var(--saffron);border:1px solid var(--saffron);color:#fff;font-weight:700}
.btn-saffron:hover{background:var(--saffron-dark);border-color:var(--saffron-dark);color:#fff}
.btn-navy{background:var(--navy);border:1px solid var(--navy);color:#fff;font-weight:700}
.btn-navy:hover{background:#00005c;color:#fff}
.section-pad{padding:80px 0}
.section-title{font-size:clamp(2.1rem,4vw,3.4rem);font-weight:700}
.section-copy{color:var(--muted);max-width:760px}
.cultural-card,.article-card,.info-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 6px 24px rgba(34,34,34,.05)}
.article-card img,.cultural-card img{width:100%;height:230px;object-fit:cover}
.card-body{padding:1.5rem}.card-body p{color:var(--muted)}
.category{display:inline-block;padding:.3rem .7rem;border-radius:50px;background:#fff2e5;color:var(--saffron-dark);font-size:.78rem;font-weight:800}
.category.green{background:#eaf6e8;color:var(--green-dark)} .category.navy{background:#eeeeff;color:var(--navy)}
.quote-box{background:#fff;border-left:5px solid var(--saffron);box-shadow:var(--shadow);padding:2rem}
.quote-box p{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;margin:0}
.tricolor-band{border-top:5px solid var(--saffron);border-bottom:5px solid var(--green);background:#fff}
.split-section{background:#f3f7f0}
.page-hero{padding:95px 0 70px;color:#fff;background:linear-gradient(100deg,rgba(0,0,0,.78),rgba(0,0,0,.48)),url("../assets/images/dance.jpg") center/cover}
.page-hero h1{font-size:clamp(2.8rem,6vw,4.8rem);font-weight:700}.page-hero p{max-width:760px;color:#f0f0f0}
.fact-list{list-style:none;padding:0;margin:0}.fact-list li{padding:.75rem 0;border-bottom:1px solid var(--line)}
.fact-list li:last-child{border-bottom:0}.fact-list strong{color:var(--navy)}
.form-control,.form-select{border-radius:10px;padding:.75rem 1rem;border-color:#d7d7d7}
.form-control:focus,.form-select:focus{border-color:var(--saffron);box-shadow:0 0 0 .2rem rgba(255,153,51,.18)}
.footer{background:var(--navy);color:#d9d9ef;padding:55px 0 20px}.footer h5{color:#fff}.footer a{color:#fff}.footer a:hover{color:#ffd09f}
.footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.table-wrap th{background:var(--navy);color:#fff}
@media(max-width:767.98px){
  .site-nav .container{flex-direction:column;align-items:stretch!important}
  .navbar-nav{margin-top:.75rem;gap:.2rem!important}
  .nav-link{padding:.55rem 0!important;border-bottom:1px solid var(--line)}
  .hero{min-height:600px}.hero h1{font-size:clamp(2.6rem,13vw,4rem)}
  .section-pad{padding:60px 0}.page-hero{padding:75px 0 55px}
}