:root {
  --navy: #0b1f3a;
  --gold: #c89b3c;
  --light: #f7f8fa;
  --text: #253044;
  --muted: #687386;
  --white: #fff;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: Inter, Arial, sans-serif;
  color: var(--text);
  line-height: 1.7;
  background: #fff;
}
a {
  text-decoration: none;
  color: inherit;
}
.container {
  width: min(1160px, 92%);
  margin: auto;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 18px 0;
  transition: 0.3s;
}
.header.scrolled {
  background: rgba(11, 31, 58, 0.97);
  box-shadow: 0 5px 25px #0002;
}
.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.logo {
  font-family: "Playfair Display", serif;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
}
.logo span {
  color: var(--gold);
}
.nav-links {
  display: flex;
  gap: 27px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.nav-links a:hover {
  color: var(--gold);
}
.menu {
  display: none;
  color: #fff;
  font-size: 27px;
  cursor: pointer;
}
.hero {
  min-height: 760px;
  background: linear-gradient(110deg, #07172d 0%, #102d50 58%, #173c62 100%);
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
/* .hero:after {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  border: 1px solid #ffffff20;
  border-radius: 50%;
  right: -180px;
  top: 100px;
} */
.hero-content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.2fr 0.9fr;
  align-items: center;
  gap: 50px;
  padding-top: 70px;
}
.eyebrow {
  color: var(--gold);
  font-size: 13px;
  letter-spacing: 3px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}
h1,
h2,
h3 {
  font-family: "Playfair Display", serif;
}
.hero h1 {
  font-size: clamp(46px, 6vw, 50px);
  line-height: 1.08;
  margin-bottom: 20px;
}
.hero p {
  max-width: 650px;
  color: #d9e2ed;
  font-size: 18px;
}
.buttons {
  display: flex;
  gap: 14px;
  margin-top: 30px;
  flex-wrap: wrap;
}
.btn {
  display: inline-block;
  padding: 13px 23px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
}
.btn-primary {
  background: var(--gold);
  color: #101a27;
}
.btn-outline {
  border: 1px solid #ffffff55;
  color: #fff;
}
.profile-wrap {
  display: flex;
  justify-content: center;
}
.profile {
  width: min(390px, 85vw);
  height: 490px;
  border-radius: 190px 190px 12px 12px;
  background: linear-gradient(145deg, #d9dee5, #8795a7);
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 70px #0005;
  border: 1px solid #fff;
}
.profile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
/* .profile:before {
  content: "PROFILE PHOTO";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #44536a;
  font-weight: 700;
  letter-spacing: 2px;
} */
.stats {
  background: #fff;
  box-shadow: 0 12px 35px #13294b15;
  position: relative;
  margin-top: -55px;
  z-index: 5;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 30px;
}
.stat {
  text-align: center;
  border-right: 1px solid #e7e9ed;
}
.stat:last-child {
  border: 0;
}
.stat strong {
  display: block;
  font: 700 34px "Playfair Display";
  color: var(--navy);
}
.stat span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--muted);
}
section {
  padding: 100px 0;
}
.section-head {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 50px;
}
.section-head .eyebrow {
  margin-bottom: 8px;
}
.section-head h2 {
  font-size: 42px;
  color: var(--navy);
  line-height: 1.2;
  margin-bottom: 12px;
}
.section-head p {
  color: var(--muted);
}
.about {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 70px;
  align-items: center;
}
.about-image {
  height: 480px;
  border-radius: 8px;
  background: #e7ebf0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #65748a;
  font-weight: 700;
  letter-spacing: 2px;
    overflow: hidden;
    border: 1px solid #000;
}

.about-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about h2 {
  font-size: 44px;
  color: var(--navy);
  line-height: 1.2;
  margin: 8px 0 20px;
}
.about p {
  color: var(--muted);
  margin-bottom: 18px;
}
.link {
  color: var(--gold);
  font-weight: 700;
}
.light {
  background: var(--light);
}
.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.card {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  border: 1px solid #e9edf2;
  transition: 0.3s;
}
.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px #0b1f3a12;
}
.card .year {
  color: var(--gold);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.card h3 {
  color: var(--navy);
  font-size: 20px;
  margin: 10px 0;
  line-height: normal;
}
.card p {
  color: var(--muted);
  font-size: 14px;
}
.publication {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 25px;
  align-items: start;
}
.book {
  height: 155px;
  background: linear-gradient(145deg, var(--navy), #244b73);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-family: "Playfair Display";
  font-size: 14px;
  padding: 12px;
}
.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.gallery div {
  height: 210px;
  background: #dfe5ec;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #66758a;
  font-size: 12px;
  font-weight: 700;
  border-radius: 5px;
  overflow: hidden;
}
/* .gallery div:nth-child(2),
.gallery div:nth-child(5) {
  height: 260px;
} */


.gallery div img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.gallery div:hover img {
    transform: scale(1.06);
}
.press {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.press .card{
        padding: 0;
    overflow: hidden;
    border: 1px solid #bababa;
}
.press-image {
  height: 180px;
  background: #dfe5ec;
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #66758a;
  font-size: 12px;
}
.press-content {
  padding: 22px;
}
.press-content h3 {
  color: var(--navy);
  font-size: 21px;
}
.cta {
  background: var(--navy);
  color: #fff;
  text-align: center;
  padding: 90px 20px;
}
.cta h2 {
  font-size: 45px;
  margin-bottom: 15px;
}
.cta p {
  color: #cbd5e1;
  margin-bottom: 25px;
}
footer {
  background: #07172d;
  color: #aeb9c8;
  padding: 35px 0;
  text-align: center;
  font-size: 13px;
}
@media (max-width: 850px) {
  .nav-links {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: var(--navy);
    padding: 20px;
    flex-direction: column;
    gap: 15px;
  }
  .nav-links.open {
    display: flex;
  }
  .menu {
    display: block;
  }
  .hero {
    min-height: auto;
    padding: 130px 0 80px;
  }
  .hero-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .hero p {
    margin: auto;
  }
  .buttons {
    justify-content: center;
  }
  .profile-wrap {
    order: -1;
  }
  .profile {
    height: 390px;
    width: 300px;
  }
  .stats {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  .stat {
    border: 0;
  }
  .about {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .cards,
  .press {
    grid-template-columns: 1fr;
  }
  .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
  section {
    padding: 75px 0;
  }
}
@media (max-width: 480px) {
  .hero h1 {
    font-size: 43px;
  }
  .section-head h2,
  .about h2,
  .cta h2 {
    font-size: 34px;
  }
  .stats {
    padding: 22px 10px;
  }
  .gallery div {
    height: 150px;
  }
  .gallery div:nth-child(2),
  .gallery div:nth-child(5) {
    height: 190px;
  }
}





/* About */

:root{
    --navy:#0b1f3a;
    --navy2:#102d50;
    --gold:#c89b3c;
    --light:#f7f8fa;
    --text:#253044;
    --muted:#687386;
    --white:#fff;
    --border:#e5e9ef;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:"Inter",Arial,sans-serif;
    color:var(--text);
    line-height:1.6;
    background:#fff;
}

a{
    text-decoration:none;
    color:inherit;
}
ul,li,strong{color:var(--muted);}
.container{
    width:min(1160px,92%);
    margin:auto;
}

/* HEADER */

.header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999;
    background:rgba(11,31,58,.98);
    padding:17px 0;
    box-shadow:0 5px 25px rgba(0,0,0,.12);
}

.nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
    color:#fff;
    font-family:"Playfair Display",serif;
    font-size:25px;
    font-weight:700;
}

.logo span{
    color:var(--gold);
}
.logo img{
    height: 35px;
}
.nav-links{
    display:flex;
    gap:27px;
    color:#fff;
    font-size:14px;
    font-weight:600;
}

.nav-links a{
    transition:.3s;
}

.nav-links a:hover,
.nav-links a.active{
    color:var(--gold);
}

.menu{
    display:none;
    color:#fff;
    font-size:28px;
    cursor:pointer;
}

/* PAGE HERO */

.page-hero{
    min-height:470px;
    padding:150px 0 80px;
    background:
        linear-gradient(110deg,rgba(7,23,45,.97),rgba(16,45,80,.88)),
        url("images/about-banner.jpg") center/cover;
    color:#fff;
    display:flex;
    align-items:center;
}

/* .page-hero-content{
    max-width:800px;
} */

.eyebrow{
    color:var(--gold);
    font-size:13px;
    letter-spacing:3px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:14px;
}

.page-hero h1{
    font-family:"Playfair Display",serif;
    font-size:clamp(46px,6vw,70px);
    line-height:1.1;
    margin-bottom:20px;
}

.page-hero p{
    color:#dbe4ee;
    max-width:700px;
    font-size:17px;
}

/* BREADCRUMB */

.breadcrumb{
    background:#fff;
    border-bottom:1px solid var(--border);
}

.breadcrumb-inner{
    padding:17px 0;
    color:var(--muted);
    font-size:13px;
}

.breadcrumb a{
    color:var(--navy);
    font-weight:600;
}

.breadcrumb span{
    margin:0 8px;
}

/* INTRO */

section{
    padding:95px 0;
}

.intro{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:70px;
    align-items:center;
}

.profile-image{
    min-height:520px;
    border-radius:8px;
    background:
        linear-gradient(145deg,#dce2e9,#a8b4c2);
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#617084;
    font-weight:700;
    letter-spacing:2px;
}

.profile-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.profile-image:after{
    content:"A distinguished courtesy meeting with the Hon’ble President of India.";
    position:absolute;
    bottom:-71px;
    left:25px;
    right:25px;
    padding:12px;
    text-align:center;
    background:rgba(255,255,255,.8);
    border-radius:4px;
    color:var(--navy);
    font-size:14px;
    letter-spacing:1px;
}

.intro h2{
    font-family:"Playfair Display",serif;
    font-size:38px;
    line-height:1.2;
    color:var(--navy);
    margin-bottom:22px;
}

.intro p{
    color:var(--muted);
    margin-bottom:18px;
}

.signature{
    /* margin-top:28px; */
    font-family:"Playfair Display",serif;
    font-size:20px;
    color:var(--navy);
}

/* HIGHLIGHTS */

.highlights{
    background:var(--light);
}

.section-heading{
    max-width:720px;
    margin:0 auto 50px;
    text-align:center;
}

.section-heading h2{
    font-family:"Playfair Display",serif;
    font-size:42px;
    color:var(--navy);
    line-height:1.2;
    margin-bottom:15px;
}

.section-heading p{
    color:var(--muted);
}

.highlight-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.highlight-card{
    background:#fff;
    padding:32px;
    border:1px solid var(--border);
    border-radius:8px;
    transition:.3s;
}

.highlight-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(11,31,58,.10);
}

.icon{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#f4ead4;
    color:var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:20px;
}

.highlight-card h3{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:23px;
    margin-bottom:10px;
}

.highlight-card p{
    color:var(--muted);
    font-size:14px;
}

/* TIMELINE */

.timeline-section{
    background:#fff;
}

.timeline{
    position:relative;
    max-width:900px;
    margin:auto;
}

.timeline:before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:1px;
    background:#d9dee5;
    transform:translateX(-50%);
}

.timeline-item{
    width:50%;
    padding:0 45px 50px;
    position:relative;
}

.timeline-item:nth-child(even){
    margin-left:50%;
}

.timeline-dot{
    position:absolute;
    top:4px;
    width:14px;
    height:14px;
    border-radius:50%;
    background:var(--gold);
    border:3px solid #fff;
    box-shadow:0 0 0 2px var(--gold);
}

.timeline-item:nth-child(odd) .timeline-dot{
    right:-7px;
}

.timeline-item:nth-child(even) .timeline-dot{
    left:-7px;
}

.timeline-year{
    color:var(--gold);
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform: uppercase;
}

.timeline-item h3{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:24px;
    margin:5px 0 8px;
}

.timeline-item p{
    color:var(--muted);
    font-size:14px;
}

/* EXPERTISE */

.expertise{
    background:var(--navy);
    color:#fff;
}

.expertise-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.expertise h2{
    font-family:"Playfair Display",serif;
    font-size:43px;
    line-height:1.2;
    margin-bottom:18px;
}

.expertise p{
    color:#cbd5e1;
}

.expertise-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.expertise-list div{
    padding:18px 20px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:5px;
    color:#e7edf4;
    background:rgba(255,255,255,.03);
}

.expertise-list div:before{
    content:"✓";
    color:var(--gold);
    margin-right:10px;
    font-weight:700;
}

/* QUOTE */

.quote{
    background:var(--light);
    text-align:center;
}

.quote-box{
    max-width:850px;
    margin:auto;
}

.quote-mark{
    color:var(--gold);
    font-family:Georgia,serif;
    font-size:70px;
    line-height:1;
}

.quote blockquote{
    font-family:"Playfair Display",serif;
    font-size:34px;
    line-height:1.45;
    color:var(--navy);
}

.quote-author{
    margin-top:20px;
    color:var(--muted);
    font-size:14px;
}

/* CTA */

.cta{
    background:linear-gradient(110deg,#0b1f3a,#173c62);
    color:#fff;
    text-align:center;
    padding:90px 20px;
}

.cta h2{
    font-family:"Playfair Display",serif;
    font-size:44px;
    margin-bottom:15px;
}

.cta p{
    color:#ccd7e3;
    margin-bottom:28px;
}

.btn{
    display:inline-block;
    padding:13px 25px;
    background:var(--gold);
    color:#111c29;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
}

/* FOOTER */

footer{
    background:#07172d;
    color:#aeb9c8;
    padding:35px 0;
    text-align:center;
    font-size:13px;
}

/* RESPONSIVE */

@media(max-width:850px){

    .nav-links{
        display:none;
        position:absolute;
        top:70px;
        left:0;
        right:0;
        background:var(--navy);
        padding:20px;
        flex-direction:column;
        gap:15px;
    }

    .nav-links.open{
        display:flex;
    }

    .menu{
        display:block;
    }

    .page-hero{
        min-height:400px;
        padding:130px 0 70px;
    }

    .intro{
        grid-template-columns:1fr;
        gap:40px;
    }

    .profile-image{
        min-height:420px;
    }

    .highlight-grid{
        grid-template-columns:1fr;
    }

    .timeline:before{
        left:10px;
    }

    .timeline-item{
        width:100%;
        margin-left:0!important;
        padding-left:40px;
        padding-right:0;
    }

    .timeline-item:nth-child(odd) .timeline-dot,
    .timeline-item:nth-child(even) .timeline-dot{
        left:3px;
        right:auto;
    }

    .expertise-grid{
        grid-template-columns:1fr;
        gap:40px;
    }
}

@media(max-width:500px){

    section{
        padding:70px 0;
    }

    .page-hero h1{
        font-size:44px;
    }

    .intro h2,
    .section-heading h2,
    .expertise h2,
    .cta h2{
        font-size:34px;
    }

    .expertise-list{
        grid-template-columns:1fr;
    }

    .quote blockquote{
        font-size:25px;
    }
}


/* Awards */
/* PAGE HERO */

.page-hero{
    min-height:470px;
    padding:150px 0 80px;
    background:
        linear-gradient(110deg,rgba(7,23,45,.97),rgba(16,45,80,.88)),
        url("images/about-banner.jpg") center/cover;
    color:#fff;
    display:flex;
    align-items:center;
}

/* .page-hero-content{
    max-width:800px;
} */

.eyebrow{
    color:var(--gold);
    font-size:13px;
    letter-spacing:3px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:14px;
}

.page-hero h1{
    font-family:"Playfair Display",serif;
    font-size:clamp(46px,6vw,70px);
    line-height:1.1;
    margin-bottom:20px;
}

.page-hero p{
    color:#dbe4ee;
    max-width:700px;
    font-size:17px;
}

/* BREADCRUMB */

.breadcrumb{
    background:#fff;
    border-bottom:1px solid var(--border);
}

.breadcrumb-inner{
    padding:17px 0;
    color:var(--muted);
    font-size:13px;
}

.breadcrumb a{
    color:var(--navy);
    font-weight:600;
}

.breadcrumb span{
    margin:0 8px;
}

/* INTRO */

section{
    padding:95px 0;
}

.intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.intro h2{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:38px;
    line-height:1.2;
    margin-bottom:20px;
}

.intro p{
    color:var(--muted);
    margin-bottom:18px;
}

.award-highlight{
    background:linear-gradient(145deg,var(--navy),var(--navy2));
    color:#fff;
    min-height:420px;
    border-radius:10px;
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    overflow:hidden;
}

.award-highlight:before{
    content:"★";
    position:absolute;
    right:-25px;
    top:-55px;
    font-size:240px;
    color:rgba(255,255,255,.035);
}

.trophy{
    width:68px;
    height:68px;
    border-radius:50%;
    background:rgba(200,155,60,.15);
    border:1px solid rgba(200,155,60,.4);
    color:var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;
}

.award-highlight h3{
    font-family:"Playfair Display",serif;
    font-size:32px;
    margin-bottom:12px;
}

.award-highlight p{
    color:#cbd6e3;
}

.award-year{
    color:var(--gold);
    font-size:13px;
    letter-spacing:2px;
    font-weight:700;
    margin-bottom:8px;
}

/* AWARDS */

.awards-section{
    background:var(--light);
}

.section-heading{
    max-width:750px;
    text-align:center;
    margin:0 auto 55px;
}

.section-heading h2{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:43px;
    line-height:1.2;
    margin-bottom:15px;
}

.section-heading p{
    color:var(--muted);
}

.awards-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.award-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:8px;
    padding:32px;
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.award-card:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 40px rgba(11,31,58,.10);
}

.award-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:var(--gold);
}

.award-number{
    font-family:"Playfair Display",serif;
    color:#e9edf2;
    font-size:60px;
    font-weight:700;
    position:absolute;
    right:20px;
    top:8px;
}

.award-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#f7edd9;
    color:var(--gold);
    font-size:23px;
    margin-bottom:22px;
}

.award-card .year{
    color:var(--gold);
    font-weight:700;
    font-size:12px;
    letter-spacing:1.5px;
}

.award-card h3{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:24px;
    line-height:1.3;
    margin:8px 0 12px;
}

.award-card p{
    color:var(--muted);
    font-size:14px;
}

/* TIMELINE */

.timeline-section{
    background:#fff;
}

.timeline{
    max-width:950px;
    margin:auto;
    position:relative;
}

.timeline:before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:1px;
    background:#d9dee6;
    transform:translateX(-50%);
}

.timeline-item{
    width:50%;
    position:relative;
    padding:0 45px 55px;
}

.timeline-item:nth-child(even){
    margin-left:50%;
}

.timeline-dot{
    width:16px;
    height:16px;
    position:absolute;
    top:4px;
    border-radius:50%;
    background:var(--gold);
    border:3px solid #fff;
    box-shadow:0 0 0 2px var(--gold);
}

.timeline-item:nth-child(odd) .timeline-dot{
    right:-8px;
}

.timeline-item:nth-child(even) .timeline-dot{
    left:-8px;
}

.timeline-year{
    color:var(--gold);
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
}

.timeline-item h3{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:24px;
    margin:5px 0 8px;
}

.timeline-item p{
    color:var(--muted);
    font-size:14px;
}

/* RECOGNITION */

.recognition{
    background:var(--navy);
    color:#fff;
}

.recognition-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:70px;
    align-items:center;
}

.recognition h2{
    font-family:"Playfair Display",serif;
    font-size:43px;
    line-height:1.2;
    margin-bottom:18px;
}

.recognition p{
    color:#cbd5e1;
}

.recognition-list{
    display:grid;
    gap:15px;
}

.recognition-item{
    display:flex;
    align-items:center;
    gap:17px;
    padding:19px 20px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.03);
    border-radius:6px;
}

.recognition-item .check{
    width:35px;
    height:35px;
    flex-shrink:0;
    border-radius:50%;
    background:rgba(200,155,60,.15);
    color:var(--gold);
    display:flex;
    justify-content:center;
    align-items:center;
}

.recognition-item span{
    color:#e6edf5;
    font-size:14px;
}

/* CTA */

.cta{
    padding:90px 20px;
    background:linear-gradient(110deg,#0b1f3a,#173c62);
    text-align:center;
    color:#fff;
}

.cta h2{
    font-family:"Playfair Display",serif;
    font-size:44px;
    margin-bottom:15px;
}

.cta p{
    color:#ccd7e3;
    margin-bottom:28px;
}

.btn{
    display:inline-block;
    background:var(--gold);
    color:#111b28;
    padding:13px 26px;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
}

/* FOOTER */

footer{
    background:#07172d;
    color:#aeb9c8;
    padding:35px 0;
    text-align:center;
    font-size:13px;
}

/* RESPONSIVE */

@media(max-width:900px){

    .nav-links{
        display:none;
        position:absolute;
        left:0;
        right:0;
        top:70px;
        padding:20px;
        background:var(--navy);
        flex-direction:column;
        gap:15px;
    }

    .nav-links.open{
        display:flex;
    }

    .menu{
        display:block;
    }

    .intro{
        grid-template-columns:1fr;
    }

    .awards-grid{
        grid-template-columns:1fr 1fr;
    }

    .recognition-grid{
        grid-template-columns:1fr;
    }

    .timeline:before{
        left:10px;
    }

    .timeline-item{
        width:100%;
        margin-left:0!important;
        padding-left:40px;
        padding-right:0;
    }

    .timeline-item:nth-child(odd) .timeline-dot,
    .timeline-item:nth-child(even) .timeline-dot{
        left:3px;
        right:auto;
    }

}

@media(max-width:600px){

    section{
        padding:70px 0;
    }

    .page-hero{
        min-height:400px;
    }

    .page-hero h1{
        font-size:44px;
    }

    .intro h2,
    .section-heading h2,
    .recognition h2,
    .cta h2{
        font-size:34px;
    }

    .awards-grid{
        grid-template-columns:1fr;
    }

    .award-highlight{
        min-height:360px;
        padding:30px;
    }

}


/* ------------------------- Awards----------------------------- */

/* HERO */

.page-hero{
    min-height:470px;
    padding:150px 0 80px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(110deg,rgba(7,23,45,.97),rgba(16,45,80,.90)),
        url("images/awards-banner.jpg") center/cover;
    color:#fff;
}

/* .hero-content{
    max-width:850px;
} */

.eyebrow{
    color:var(--gold);
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:14px;
}

.page-hero h1{
    font-family:"Playfair Display",serif;
    font-size:clamp(46px,6vw,70px);
    line-height:1.1;
    margin-bottom:20px;
}

.page-hero p{
    max-width:720px;
    color:#dce5ef;
    font-size:17px;
}

/* BREADCRUMB */

.breadcrumb{
    border-bottom:1px solid var(--border);
    background:#fff;
}

.breadcrumb-inner{
    padding:17px 0;
    color:var(--muted);
    font-size:13px;
}

.breadcrumb a{
    color:var(--navy);
    font-weight:600;
}

.breadcrumb span{
    margin:0 8px;
}

/* INTRO */

section{
    padding:95px 0;
}

.intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.intro h2{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:38px;
    line-height:1.2;
    margin-bottom:20px;
}

.intro p{
    color:var(--muted);
    margin-bottom:18px;
}

.award-highlight{
    background:linear-gradient(145deg,var(--navy),var(--navy2));
    color:#fff;
    min-height:420px;
    border-radius:10px;
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    overflow:hidden;
}

.award-highlight:before{
    content:"★";
    position:absolute;
    right:-25px;
    top:-55px;
    font-size:240px;
    color:rgba(255,255,255,.035);
}

.trophy{
    width:68px;
    height:68px;
    border-radius:50%;
    background:rgba(200,155,60,.15);
    border:1px solid rgba(200,155,60,.4);
    color:var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:25px;
}

.award-highlight h3{
    font-family:"Playfair Display",serif;
    font-size:32px;
    margin-bottom:12px;
}

.award-highlight p{
    color:#cbd6e3;
}

.award-year{
    color:var(--gold);
    font-size:13px;
    letter-spacing:2px;
    font-weight:700;
    margin-bottom:8px;
}

/* AWARDS */

.awards-section{
    background:var(--light);
}

.section-heading{
    max-width:750px;
    text-align:center;
    margin:0 auto 55px;
}

.section-heading h2{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:43px;
    line-height:1.2;
    margin-bottom:15px;
}

.section-heading p{
    color:var(--muted);
}

.awards-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.award-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:8px;
    padding:32px;
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.award-card:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 40px rgba(11,31,58,.10);
}

.award-card:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:var(--gold);
}

.award-number{
    font-family:"Playfair Display",serif;
    color:#e9edf2;
    font-size:60px;
    font-weight:700;
    position:absolute;
    right:20px;
    top:8px;
}

.award-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#f7edd9;
    color:var(--gold);
    font-size:23px;
    margin-bottom:22px;
}

.award-card .year{
    color:var(--gold);
    font-weight:700;
    font-size:12px;
    letter-spacing:1.5px;
}

.award-card h3{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:24px;
    line-height:1.3;
    margin:8px 0 12px;
}

.award-card p{
    color:var(--muted);
    font-size:14px;
}

/* TIMELINE */

.timeline-section{
    background:#fff;
}

.timeline{
    max-width:950px;
    margin:auto;
    position:relative;
}

.timeline:before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:1px;
    background:#d9dee6;
    transform:translateX(-50%);
}

.timeline-item{
    width:50%;
    position:relative;
    padding:0 45px 55px;
}

.timeline-item:nth-child(even){
    margin-left:50%;
}

.timeline-dot{
    width:16px;
    height:16px;
    position:absolute;
    top:4px;
    border-radius:50%;
    background:var(--gold);
    border:3px solid #fff;
    box-shadow:0 0 0 2px var(--gold);
}

.timeline-item:nth-child(odd) .timeline-dot{
    right:-8px;
}

.timeline-item:nth-child(even) .timeline-dot{
    left:-8px;
}

.timeline-year{
    color:var(--gold);
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
}

.timeline-item h3{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:24px;
    margin:5px 0 8px;
}

.timeline-item p{
    color:var(--muted);
    font-size:14px;
}

/* RECOGNITION */

.recognition{
    background:var(--navy);
    color:#fff;
}

.recognition-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:70px;
    align-items:center;
}

.recognition h2{
    font-family:"Playfair Display",serif;
    font-size:43px;
    line-height:1.2;
    margin-bottom:18px;
}

.recognition p{
    color:#cbd5e1;
}

.recognition-list{
    display:grid;
    gap:15px;
}

.recognition-item{
    display:flex;
    align-items:center;
    gap:17px;
    padding:19px 20px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.03);
    border-radius:6px;
}

.recognition-item .check{
    width:35px;
    height:35px;
    flex-shrink:0;
    border-radius:50%;
    background:rgba(200,155,60,.15);
    color:var(--gold);
    display:flex;
    justify-content:center;
    align-items:center;
}

.recognition-item span{
    color:#e6edf5;
    font-size:14px;
}

/* CTA */

.cta{
    padding:90px 20px;
    background:linear-gradient(110deg,#0b1f3a,#173c62);
    text-align:center;
    color:#fff;
}

.cta h2{
    font-family:"Playfair Display",serif;
    font-size:44px;
    margin-bottom:15px;
}

.cta p{
    color:#ccd7e3;
    margin-bottom:28px;
}

.btn{
    display:inline-block;
    background:var(--gold);
    color:#111b28;
    padding:13px 26px;
    border-radius:4px;
    font-size:14px;
    font-weight:700;
}

/* FOOTER */

footer{
    background:#07172d;
    color:#aeb9c8;
    padding:35px 0;
    text-align:center;
    font-size:13px;
}

/* RESPONSIVE */

@media(max-width:900px){

    .nav-links{
        display:none;
        position:absolute;
        left:0;
        right:0;
        top:70px;
        padding:20px;
        background:var(--navy);
        flex-direction:column;
        gap:15px;
    }

    .nav-links.open{
        display:flex;
    }

    .menu{
        display:block;
    }

    .intro{
        grid-template-columns:1fr;
    }

    .awards-grid{
        grid-template-columns:1fr 1fr;
    }

    .recognition-grid{
        grid-template-columns:1fr;
    }

    .timeline:before{
        left:10px;
    }

    .timeline-item{
        width:100%;
        margin-left:0!important;
        padding-left:40px;
        padding-right:0;
    }

    .timeline-item:nth-child(odd) .timeline-dot,
    .timeline-item:nth-child(even) .timeline-dot{
        left:3px;
        right:auto;
    }

}

@media(max-width:600px){

    section{
        padding:70px 0;
    }

    .page-hero{
        min-height:400px;
    }

    .page-hero h1{
        font-size:44px;
    }

    .intro h2,
    .section-heading h2,
    .recognition h2,
    .cta h2{
        font-size:34px;
    }

    .awards-grid{
        grid-template-columns:1fr;
    }

    .award-highlight{
        min-height:360px;
        padding:30px;
    }

}
/* ------------------------------------- Publications ----------------------------------------- */
/* =========================
HERO
========================= */

.page-hero{
    min-height:470px;
    padding:150px 0 80px;
    display:flex;
    align-items:center;

    background:
        linear-gradient(
            110deg,
            rgba(7,23,45,.97),
            rgba(16,45,80,.90)
        ),
        url("images/publications-banner.jpg")
        center/cover;

    color:#fff;
}

/* .hero-content{
    max-width:850px;
} */

.eyebrow{
    color:var(--gold);
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:14px;
}

.page-hero h1{
    font-family:"Playfair Display",serif;
    font-size:clamp(46px,6vw,70px);
    line-height:1.1;
    margin-bottom:20px;
}

.page-hero p{
    max-width:720px;
    color:#dce5ef;
    font-size:17px;
}

/* =========================
BREADCRUMB
========================= */

.breadcrumb{
    border-bottom:1px solid var(--border);
    background:#fff;
}

.breadcrumb-inner{
    padding:17px 0;
    color:var(--muted);
    font-size:13px;
}

.breadcrumb a{
    color:var(--navy);
    font-weight:600;
}

.breadcrumb span{
    margin:0 8px;
}

/* =========================
INTRO
========================= */

section{
    padding:95px 0;
}

.intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.intro h2{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:38px;
    line-height:1.2;
    margin-bottom:20px;
}

.intro p{
    color:var(--muted);
    margin-bottom:18px;
}

.publication-stat{
    background:
        linear-gradient(
            145deg,
            var(--navy),
            var(--navy2)
        );

    color:#fff;
    min-height:360px;
    border-radius:10px;

    padding:45px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    position:relative;
    overflow:hidden;
}

.publication-stat:after{
    content:"BOOKS";
    position:absolute;
    right:-35px;
    bottom:-35px;

    font-family:"Playfair Display",serif;
    font-size:120px;

    color:rgba(255,255,255,.035);
}

.publication-stat-icon{
    width:70px;
    height:70px;
    border-radius:50%;

    background:rgba(200,155,60,.15);
    border:1px solid rgba(200,155,60,.4);

    color:var(--gold);

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:30px;

    margin-bottom:25px;
}

.publication-stat h3{
    font-family:"Playfair Display",serif;
    font-size:35px;
    margin-bottom:10px;
}

.publication-stat p{
    color:#cbd6e3;
}

/* =========================
CATEGORY NAV
========================= */

.category-section{
    background:var(--light);
    padding:45px 0;
}

.category-nav{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.category-btn{
    border:1px solid var(--border);
    background:#fff;
    color:var(--navy);

    padding:12px 22px;

    border-radius:30px;

    font-size:13px;
    font-weight:700;

    cursor:pointer;

    transition:.3s;
}

.category-btn:hover,
.category-btn.active{
    background:var(--navy);
    color:#fff;
    border-color:var(--navy);
}

/* =========================
PUBLICATIONS
========================= */

.publications-section{
    background:#fff;
}

.section-heading{
    max-width:750px;
    text-align:center;
    margin:0 auto 55px;
}

.section-heading h2{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:43px;
    line-height:1.2;
    margin-bottom:15px;
}

.section-heading p{
    color:var(--muted);
}

/* =========================
BOOK GRID
========================= */

.books-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.book-card{
    background:#fff;

    border:1px solid var(--border);

    border-radius:8px;

    overflow:hidden;

    transition:.3s;
}

.book-card:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 40px rgba(11,31,58,.10);
}

.book-cover{
    height:270px;

    background:
        linear-gradient(
            145deg,
            #102d50,
            #244d75
        );

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:30px;

    text-align:center;

    position:relative;
}

.book-cover:before{
    content:"PUBLICATION";

    position:absolute;

    top:18px;
    left:18px;

    color:rgba(255,255,255,.5);

    font-size:10px;

    letter-spacing:2px;
}

.book-cover-inner{
    border:1px solid rgba(255,255,255,.3);

    padding:25px 18px;

    width:90%;
}

.book-cover h3{
    font-family:"Playfair Display",serif;
    font-size:22px;
    line-height:1.3;
}

.book-info{
    padding:25px;
}

.book-year{
    color:var(--gold);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
}

.book-info h3{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:22px;
    line-height:1.35;
    margin:7px 0 10px;
}

.book-info p{
    color:var(--muted);
    font-size:14px;
}

.book-meta{
    margin-top:18px;
    padding-top:15px;

    border-top:1px solid var(--border);

    font-size:12px;
    color:#7b8492;
}

/* =========================
RESEARCH PAPERS
========================= */

.research-section{
    background:var(--light);
}

.research-list{
    max-width:950px;
    margin:auto;
}

.research-item{
    background:#fff;

    border:1px solid var(--border);

    border-radius:8px;

    padding:28px 30px;

    margin-bottom:18px;

    display:grid;

    grid-template-columns:75px 1fr;

    gap:25px;

    transition:.3s;
}

.research-item:hover{
    transform:translateX(5px);

    box-shadow:
        0 12px 30px rgba(11,31,58,.08);
}

.research-number{
    width:60px;
    height:60px;

    background:var(--gold-light);

    color:var(--gold);

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:50%;

    font-family:"Playfair Display",serif;

    font-size:22px;
    font-weight:700;
}

.research-year{
    color:var(--gold);

    font-size:11px;

    letter-spacing:1.5px;

    font-weight:700;
}

.research-item h3{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:22px;

    line-height:1.35;

    margin:5px 0 9px;
}

.research-item p{
    color:var(--muted);

    font-size:14px;
}

.research-meta{
    margin-top:10px;

    font-size:12px;

    color:#7b8492;
}

/* =========================
PUBLICATION TYPES
========================= */

.types{
    background:var(--navy);

    color:#fff;
}

.types-grid{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;
}

.types h2{
    font-family:"Playfair Display",serif;

    font-size:43px;

    line-height:1.2;

    margin-bottom:18px;
}

.types p{
    color:#cbd5e1;
}

.type-list{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;
}

.type-item{
    padding:20px;

    border:
        1px solid
        rgba(255,255,255,.12);

    background:
        rgba(255,255,255,.03);

    border-radius:6px;
}

.type-item strong{
    display:block;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:19px;

    margin-bottom:4px;
}

.type-item span{
    color:#aebdce;

    font-size:12px;
}

/* =========================
CTA
========================= */

.cta{
    padding:90px 20px;

    background:
        linear-gradient(
            110deg,
            #0b1f3a,
            #173c62
        );

    text-align:center;

    color:#fff;
}

.cta h2{
    font-family:"Playfair Display",serif;

    font-size:44px;

    margin-bottom:15px;
}

.cta p{
    color:#ccd7e3;

    margin-bottom:28px;
}

.btn{
    display:inline-block;

    background:var(--gold);

    color:#111b28;

    padding:13px 26px;

    border-radius:4px;

    font-size:14px;

    font-weight:700;
}

/* =========================
FOOTER
========================= */

footer{
    background:#07172d;

    color:#aeb9c8;

    padding:35px 0;

    text-align:center;

    font-size:13px;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:900px){

    .nav-links{
        display:none;

        position:absolute;

        left:0;
        right:0;
        top:70px;

        padding:20px;

        background:var(--navy);

        flex-direction:column;

        gap:15px;
    }

    .nav-links.open{
        display:flex;
    }

    .menu{
        display:block;
    }

    .intro{
        grid-template-columns:1fr;
    }

    .books-grid{
        grid-template-columns:1fr 1fr;
    }

    .types-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:600px){

    section{
        padding:70px 0;
    }

    .page-hero{
        min-height:400px;
    }

    .page-hero h1{
        font-size:44px;
    }

    .intro h2,
    .section-heading h2,
    .types h2,
    .cta h2{
        font-size:34px;
    }

    .books-grid{
        grid-template-columns:1fr;
    }

    .type-list{
        grid-template-columns:1fr;
    }

    .research-item{
        grid-template-columns:1fr;
    }

}




/* Participations */

/* =========================
HERO
========================= */

.page-hero{
    min-height:470px;
    padding:150px 0 80px;

    display:flex;
    align-items:center;

    background:
        linear-gradient(
            110deg,
            rgba(7,23,45,.97),
            rgba(16,45,80,.90)
        ),
        url("images/participations-banner.jpg")
        center/cover;

    color:#fff;
}

/* .hero-content{
    max-width:850px;
} */

.eyebrow{
    color:var(--gold);
    font-size:13px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:14px;
}

.page-hero h1{
    font-family:"Playfair Display",serif;
    font-size:clamp(46px,6vw,70px);
    line-height:1.1;
    margin-bottom:20px;
}

.page-hero p{
    max-width:720px;
    color:#dce5ef;
    font-size:17px;
}

/* =========================
BREADCRUMB
========================= */

.breadcrumb{
    border-bottom:1px solid var(--border);
    background:#fff;
}

.breadcrumb-inner{
    padding:17px 0;
    color:var(--muted);
    font-size:13px;
}

.breadcrumb a{
    color:var(--navy);
    font-weight:600;
}

.breadcrumb span{
    margin:0 8px;
}

/* =========================
INTRO
========================= */

section{
    padding:95px 0;
}

.intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.intro h2{
    font-family:"Playfair Display",serif;
    color:var(--navy);
    font-size:38px;
    line-height:1.2;
    margin-bottom:20px;
}

.intro p{
    color:var(--muted);
    margin-bottom:18px;
}

.participation-highlight{
    min-height:390px;

    background:
        linear-gradient(
            145deg,
            var(--navy),
            var(--navy2)
        );

    border-radius:10px;

    padding:45px;

    color:#fff;

    display:flex;
    flex-direction:column;
    justify-content:center;

    position:relative;
    overflow:hidden;
}

.participation-highlight:after{
    content:"EVENTS";

    position:absolute;

    right:-50px;
    bottom:-35px;

    font-family:"Playfair Display",serif;

    font-size:105px;

    color:rgba(255,255,255,.035);
}

.highlight-icon{
    width:70px;
    height:70px;

    border-radius:50%;

    background:rgba(200,155,60,.15);

    border:1px solid rgba(200,155,60,.4);

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--gold);

    font-size:29px;

    margin-bottom:25px;
}

.participation-highlight h3{
    font-family:"Playfair Display",serif;

    font-size:34px;

    margin-bottom:12px;
}

.participation-highlight p{
    color:#cbd6e3;
}

/* =========================
CATEGORY
========================= */

.category-section{
    padding:45px 0;

    background:var(--light);
}

.category-nav{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.category-btn{
    padding:12px 23px;

    border:1px solid var(--border);

    background:#fff;

    color:var(--navy);

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;
}

.category-btn:hover,
.category-btn.active{
    background:var(--navy);
    color:#fff;
    border-color:var(--navy);
}

/* =========================
EVENTS
========================= */

.events-section{
    background:#fff;
}

.section-heading{
    max-width:750px;

    text-align:center;

    margin:0 auto 55px;
}

.section-heading h2{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:43px;

    line-height:1.2;

    margin-bottom:15px;
}

.section-heading p{
    color:var(--muted);
}

/* EVENT GRID */

.events-grid{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:25px;
}

.event-card{
    background:#fff;

    border:1px solid var(--border);

    border-radius:8px;

    overflow:hidden;

    transition:.3s;
}

.event-card:hover{
    transform:translateY(-7px);

    box-shadow:
        0 20px 40px
        rgba(11,31,58,.10);
}

.event-image{
    height:190px;

    background:
        linear-gradient(
            145deg,
            #dce3eb,
            #aebbc9
        );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#627188;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    position:relative;
}
.event-image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.event-category{
    position:absolute;

    left:15px;
    top:15px;

    padding:6px 10px;

    border-radius:3px;

    background:var(--gold);

    color:#151d28;

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;
}

.event-content{
    padding:25px;
}

.event-date{
    color:var(--gold);

    font-size:11px;

    letter-spacing:1.5px;

    font-weight:700;
}

.event-content h3{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:22px;

    line-height:1.35;

    margin:7px 0 10px;
}

.event-content p{
    color:var(--muted);

    font-size:14px;
}

.event-location{
    margin-top:16px;

    padding-top:14px;

    border-top:1px solid var(--border);

    color:#7c8795;

    font-size:12px;
}

/* =========================
TIMELINE
========================= */

.timeline-section{
    background:var(--light);
}

.timeline{
    max-width:950px;

    margin:auto;

    position:relative;
}

.timeline:before{
    content:"";

    position:absolute;

    left:50%;

    top:0;
    bottom:0;

    width:1px;

    background:#d9dee6;

    transform:translateX(-50%);
}

.timeline-item{
    width:50%;

    position:relative;

    padding:
        0 45px 55px;
}

.timeline-item:nth-child(even){
    margin-left:50%;
}

.timeline-dot{
    position:absolute;

    top:4px;

    width:16px;
    height:16px;

    border-radius:50%;

    background:var(--gold);

    border:3px solid #fff;

    box-shadow:
        0 0 0 2px var(--gold);
}

.timeline-item:nth-child(odd)
.timeline-dot{
    right:-8px;
}

.timeline-item:nth-child(even)
.timeline-dot{
    left:-8px;
}

.timeline-year{
    color:var(--gold);

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;
}

.timeline-item h3{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:24px;

    margin:5px 0 8px;
}

.timeline-item p{
    color:var(--muted);

    font-size:14px;
}

/* =========================
PARTICIPATION AREAS
========================= */

.areas{
    background:var(--navy);

    color:#fff;
}

.areas-grid{
    display:grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap:70px;

    align-items:center;
}

.areas h2{
    font-family:"Playfair Display",serif;

    font-size:43px;

    line-height:1.2;

    margin-bottom:18px;
}

.areas p{
    color:#cbd5e1;
}

.area-list{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:15px;
}

.area-item{
    padding:20px;

    border:
        1px solid
        rgba(255,255,255,.12);

    background:
        rgba(255,255,255,.03);

    border-radius:6px;
}

.area-item strong{
    display:block;

    font-family:"Playfair Display",serif;

    color:#fff;

    font-size:19px;

    margin-bottom:3px;
}

.area-item span{
    color:#aebdce;

    font-size:12px;
}

/* =========================
QUOTE
========================= */

.quote{
    background:#fff;

    text-align:center;
}

.quote-box{
    max-width:850px;

    margin:auto;
}

.quote-mark{
    font-family:Georgia,serif;

    color:var(--gold);

    font-size:70px;

    line-height:1;
}

.quote blockquote{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:33px;

    line-height:1.45;
}

.quote-author{
    margin-top:20px;

    color:var(--muted);

    font-size:14px;
}

/* =========================
CTA
========================= */

.cta{
    padding:90px 20px;

    background:
        linear-gradient(
            110deg,
            #0b1f3a,
            #173c62
        );

    text-align:center;

    color:#fff;
}

.cta h2{
    font-family:"Playfair Display",serif;

    font-size:44px;

    margin-bottom:15px;
}

.cta p{
    color:#ccd7e3;

    margin-bottom:28px;
}

.btn{
    display:inline-block;

    background:var(--gold);

    color:#111b28;

    padding:13px 26px;

    border-radius:4px;

    font-size:14px;

    font-weight:700;
}

/* =========================
FOOTER
========================= */

footer{
    background:#07172d;

    color:#aeb9c8;

    padding:35px 0;

    text-align:center;

    font-size:13px;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:900px){

    .nav-links{
        display:none;

        position:absolute;

        left:0;
        right:0;
        top:70px;

        padding:20px;

        background:var(--navy);

        flex-direction:column;

        gap:15px;
    }

    .nav-links.open{
        display:flex;
    }

    .menu{
        display:block;
    }

    .intro{
        grid-template-columns:1fr;
    }

    .events-grid{
        grid-template-columns:
            1fr 1fr;
    }

    .areas-grid{
        grid-template-columns:1fr;
    }

    .timeline:before{
        left:10px;
    }

    .timeline-item{
        width:100%;

        margin-left:0!important;

        padding-left:40px;

        padding-right:0;
    }

    .timeline-item:nth-child(odd)
    .timeline-dot,
    .timeline-item:nth-child(even)
    .timeline-dot{
        left:3px;
        right:auto;
    }

}

@media(max-width:600px){

    section{
        padding:70px 0;
    }

    .page-hero{
        min-height:400px;
    }

    .page-hero h1{
        font-size:44px;
    }

    .intro h2,
    .section-heading h2,
    .areas h2,
    .cta h2{
        font-size:34px;
    }

    .events-grid{
        grid-template-columns:1fr;
    }

    .area-list{
        grid-template-columns:1fr;
    }

    .quote blockquote{
        font-size:25px;
    }

}


/* ----------------------------------- Press ----------------------------------------- */

/* =====================================
HERO
===================================== */

.page-hero{
    min-height:470px;

    padding:150px 0 80px;

    display:flex;

    align-items:center;

    background:
        linear-gradient(
            110deg,
            rgba(7,23,45,.97),
            rgba(16,45,80,.90)
        ),
        url("images/press-banner.jpg")
        center/cover;

    color:#fff;
}

/* .hero-content{
    max-width:850px;
} */

.eyebrow{
    color:var(--gold);

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:14px;
}

.page-hero h1{
    font-family:"Playfair Display",serif;

    font-size:clamp(46px,6vw,70px);

    line-height:1.1;

    margin-bottom:20px;
}

.page-hero p{
    max-width:720px;

    color:#dce5ef;

    font-size:17px;
}


/* =====================================
BREADCRUMB
===================================== */

.breadcrumb{
    border-bottom:1px solid var(--border);

    background:#fff;
}

.breadcrumb-inner{
    padding:17px 0;

    color:var(--muted);

    font-size:13px;
}

.breadcrumb a{
    color:var(--navy);

    font-weight:600;
}

.breadcrumb span{
    margin:0 8px;
}


/* =====================================
INTRO
===================================== */

section{
    padding:95px 0;
}

.intro{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;
}

.intro h2{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:38px;

    line-height:1.2;

    margin-bottom:20px;
}

.intro p{
    color:var(--muted);

    margin-bottom:18px;
}


/* =====================================
MEDIA HIGHLIGHT
===================================== */

.press-highlight{
    min-height:390px;

    border-radius:10px;

    padding:45px;

    background:
        linear-gradient(
            145deg,
            var(--navy),
            var(--navy2)
        );

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    position:relative;

    overflow:hidden;
}

.press-highlight:after{
    content:"PRESS";

    position:absolute;

    right:-50px;

    bottom:-35px;

    font-family:"Playfair Display",serif;

    font-size:110px;

    color:rgba(255,255,255,.035);
}

.press-icon{
    width:70px;
    height:70px;

    border-radius:50%;

    background:rgba(200,155,60,.15);

    border:1px solid rgba(200,155,60,.4);

    color:var(--gold);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;
}

.press-highlight h3{
    font-family:"Playfair Display",serif;

    font-size:34px;

    margin-bottom:12px;
}

.press-highlight p{
    color:#cbd6e3;
}


/* =====================================
PRESS SECTION
===================================== */

.press-section{
    background:var(--light);
}

.section-heading{
    max-width:760px;

    text-align:center;

    margin:0 auto 55px;
}

.section-heading h2{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:43px;

    line-height:1.2;

    margin-bottom:15px;
}

.section-heading p{
    color:var(--muted);
}


/* =====================================
FILTER
===================================== */

.filter-bar{
    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:50px;
}

.filter-btn{
    padding:11px 22px;

    border:1px solid var(--border);

    background:#fff;

    color:var(--navy);

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;
}

.filter-btn:hover,
.filter-btn.active{
    background:var(--navy);

    color:#fff;

    border-color:var(--navy);
}


/* =====================================
PRESS GRID
===================================== */

.press-grid{
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:25px;
}

.press-image a {
    display: block;
    width: 100%;
    height: 260px;
}
/* =====================================
PRESS CARD
===================================== */

.press-card{
    background:#fff;

    border:1px solid var(--border);

    border-radius:8px;

    overflow:hidden;

    transition:.3s;

    display:flex;

    flex-direction:column;
}

.press-card:hover{
    transform:translateY(-7px);

    box-shadow:
        0 20px 45px
        rgba(11,31,58,.10);
}


/* IMAGE */

.press-image{
    height:205px;

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #dce3eb,
            #aebbc9
        );

    color:#637188;

    font-size:11px;

    letter-spacing:2px;

    font-weight:700;
}

.press-image img{
    width:100%;

    height:100%;

    object-fit:cover;

    display:block;
}

.press-category{
    position:absolute;

    left:15px;

    top:15px;

    padding:6px 11px;

    border-radius:3px;

    background:var(--gold);

    color:#101b29;

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;
}


/* CONTENT */

.press-content{
    padding:25px;

    flex:1;

    display:flex;

    flex-direction:column;
    display: none;
}

.press-date{
    color:var(--gold);

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;
}

.press-content h3{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:22px;

    line-height:1.35;

    margin:7px 0 12px;
}

.press-content p{
    color:var(--muted);

    font-size:14px;

    margin-bottom:18px;
}

.press-source{
    margin-top:auto;

    padding-top:14px;

    border-top:1px solid var(--border);

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:10px;
}

.press-source span{
    color:#7b8795;

    font-size:11px;
}

.read-more{
    color:var(--navy);

    font-size:12px;

    font-weight:700;

    transition:.3s;
}

.read-more:hover{
    color:var(--gold);
}


/* =====================================
FEATURED RELEASE
===================================== */

.featured-release{
    background:#fff;
}

.featured-release-box{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    min-height:450px;

    overflow:hidden;

    border-radius:10px;

    background:var(--navy);

    box-shadow:
        0 20px 60px
        rgba(11,31,58,.12);
}

.featured-release-image{
    min-height:450px;

    background:
        linear-gradient(
            135deg,
            #71849a,
            #344e69
        );

    display:flex;

    align-items:center;

    justify-content:center;

    color:#dbe4ed;

    font-size:11px;

    letter-spacing:2px;

    font-weight:700;
}
.featured-release-image img{
    height: 100%;
    width: 100%;
    /* object-fit: cover; */
    object-position: center ;
}
.featured-release-content{
    padding:55px;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;
}

.featured-release-content .eyebrow{
    margin-bottom:12px;
}

.featured-release-content h2{
    font-family:"Playfair Display",serif;

    font-size:38px;

    line-height:1.2;

    margin-bottom:18px;
}

.featured-release-content p{
    color:#c9d4df;

    margin-bottom:25px;
}

.featured-meta{
    color:#aebdcc;

    font-size:12px;

    margin-bottom:25px;
}

.gold-btn{
    display:inline-block;

    width:max-content;

    padding:12px 23px;

    background:var(--gold);

    color:#111a25;

    border-radius:4px;

    font-size:13px;

    font-weight:700;
}


/* =====================================
MEDIA COVERAGE
===================================== */

.media-section{
    background:var(--light);
}

.media-grid{
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:18px;
}

.media-item{
    background:#fff;

    padding:28px 20px;

    border:1px solid var(--border);

    border-radius:7px;

    text-align:center;

    transition:.3s;
}

.media-item:hover{
    transform:translateY(-5px);

    border-color:var(--gold);
}

.media-logo{
    width:60px;

    height:60px;

    border-radius:50%;

    margin:0 auto 15px;

    background:var(--gold-light);

    color:var(--navy);

    display:flex;

    align-items:center;

    justify-content:center;

    font-family:"Playfair Display",serif;

    font-weight:700;

    font-size:19px;
}

.media-item h3{
    color:var(--navy);

    font-family:"Playfair Display",serif;

    font-size:18px;

    margin-bottom:5px;
}

.media-item p{
    color:var(--muted);

    font-size:12px;
}


/* =====================================
QUOTE
===================================== */

.quote{
    background:#fff;

    text-align:center;
}

.quote-box{
    max-width:850px;

    margin:auto;
}

.quote-mark{
    font-family:Georgia,serif;

    color:var(--gold);

    font-size:70px;

    line-height:1;
}

.quote blockquote{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:33px;

    line-height:1.45;
}

.quote-author{
    margin-top:20px;

    color:var(--muted);

    font-size:14px;
}


/* =====================================
CTA
===================================== */

.cta{
    padding:90px 20px;

    background:
        linear-gradient(
            110deg,
            #0b1f3a,
            #173c62
        );

    text-align:center;

    color:#fff;
}

.cta h2{
    font-family:"Playfair Display",serif;

    font-size:44px;

    margin-bottom:15px;
}

.cta p{
    color:#ccd7e3;

    margin-bottom:28px;
}

.btn{
    display:inline-block;

    background:var(--gold);

    color:#111b28;

    padding:13px 26px;

    border-radius:4px;

    font-size:14px;

    font-weight:700;
}


/* =====================================
FOOTER
===================================== */

footer{
    background:#07172d;

    color:#aeb9c8;

    padding:35px 0;

    text-align:center;

    font-size:13px;
}


/* =====================================
PRESS MODAL
===================================== */

.modal{
    position:fixed;

    inset:0;

    z-index:2000;

    background:rgba(3,12,24,.94);

    display:none;

    align-items:center;

    justify-content:center;

    padding:20px;
}

.modal.show{
    display:flex;
}

.modal-box{
    background:#fff;

    width:min(850px,100%);

    max-height:90vh;

    overflow-y:auto;

    border-radius:8px;

    position:relative;
}

.modal-header{
    padding:30px 35px;

    border-bottom:1px solid var(--border);
}

.modal-header .date{
    color:var(--gold);

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;
}

.modal-header h2{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:30px;

    line-height:1.25;

    margin-top:6px;
}

.modal-body{
    padding:30px 35px;
}

.modal-body p{
    color:var(--muted);

    margin-bottom:18px;
}

.modal-close{
    position:absolute;

    right:18px;

    top:15px;

    width:38px;

    height:38px;

    border-radius:50%;

    border:0;

    background:var(--navy);

    color:#fff;

    font-size:22px;

    cursor:pointer;

    z-index:2;
}


/* =====================================
RESPONSIVE
===================================== */

@media(max-width:1000px){

    .press-grid{
        grid-template-columns:
            1fr 1fr;
    }

    .media-grid{
        grid-template-columns:
            1fr 1fr;
    }

}

@media(max-width:900px){

    .nav-links{
        display:none;

        position:absolute;

        left:0;
        right:0;

        top:70px;

        padding:20px;

        background:var(--navy);

        flex-direction:column;

        gap:15px;
    }

    .nav-links.open{
        display:flex;
    }

    .menu{
        display:block;
    }

    .intro{
        grid-template-columns:1fr;
    }

    .featured-release-box{
        grid-template-columns:1fr;
    }

    .featured-release-image{
        min-height:350px;
    }

}

@media(max-width:600px){

    section{
        padding:70px 0;
    }

    .page-hero{
        min-height:400px;
    }

    .page-hero h1{
        font-size:44px;
    }

    .intro h2,
    .section-heading h2,
    .cta h2{
        font-size:34px;
    }

    .press-grid{
        grid-template-columns:1fr;
    }

    .media-grid{
        grid-template-columns:1fr 1fr;
    }

    .featured-release-content{
        padding:35px 25px;
    }

    .featured-release-content h2{
        font-size:30px;
    }

    .quote blockquote{
        font-size:25px;
    }

    .modal-header,
    .modal-body{
        padding:25px;
    }

}


/* ------------------ contact ---------------------------- */

/* =====================================
HERO
===================================== */

.page-hero{
    min-height:470px;

    padding:150px 0 80px;

    display:flex;

    align-items:center;

    background:
        linear-gradient(
            110deg,
            rgba(7,23,45,.97),
            rgba(16,45,80,.90)
        ),
        url("images/contact-banner.jpg")
        center/cover;

    color:#fff;
}

/* .hero-content{
    max-width:850px;
} */

.eyebrow{
    color:var(--gold);

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:14px;
}

.page-hero h1{
    font-family:"Playfair Display",serif;

    font-size:clamp(46px,6vw,70px);

    line-height:1.1;

    margin-bottom:20px;
}

.page-hero p{
    max-width:720px;

    color:#dce5ef;

    font-size:17px;
}


/* =====================================
BREADCRUMB
===================================== */

.breadcrumb{
    border-bottom:1px solid var(--border);

    background:#fff;
}

.breadcrumb-inner{
    padding:17px 0;

    color:var(--muted);

    font-size:13px;
}

.breadcrumb a{
    color:var(--navy);

    font-weight:600;
}

.breadcrumb span{
    margin:0 8px;
}


/* =====================================
CONTACT SECTION
===================================== */

section{
    padding:95px 0;
}

.contact-section{
    background:#fff;
}

.contact-layout{
    display:grid;

    grid-template-columns:
        .85fr 1.15fr;

    gap:70px;

    align-items:start;
}


/* =====================================
LEFT CONTENT
===================================== */

.contact-info h2{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:43px;

    line-height:1.2;

    margin-bottom:20px;
}

.contact-info > p{
    color:var(--muted);

    margin-bottom:30px;
}

.contact-details{
    display:flex;

    flex-direction:column;

    gap:16px;
}

.contact-item{
    display:flex;

    align-items:flex-start;

    gap:17px;

    padding:18px;

    border:1px solid var(--border);

    border-radius:7px;

    background:#fff;

    transition:.3s;
}

.contact-item:hover{
    transform:translateX(5px);

    border-color:rgba(200,155,60,.5);

    box-shadow:
        0 10px 30px rgba(11,31,58,.06);
}

.contact-icon{
    flex:0 0 48px;

    width:48px;
    height:48px;

    border-radius:50%;

    background:var(--gold-light);

    color:var(--navy);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:19px;
}

.contact-item h3{
    color:var(--navy);

    font-family:"Playfair Display",serif;

    font-size:18px;

    margin-bottom:2px;
}

.contact-item p,
.contact-item a{
    color:var(--muted);

    font-size:13px;
}

.contact-item a:hover{
    color:var(--gold);
}


/* =====================================
SOCIAL
===================================== */

.social-section{
    margin-top:30px;
}

.social-section h3{
    color:var(--navy);

    font-family:"Playfair Display",serif;

    font-size:20px;

    margin-bottom:14px;
}

.social-links{
    display:flex;

    gap:10px;
}

.social-link{
    width:42px;
    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--navy);

    color:#fff;

    font-size:13px;

    font-weight:700;

    transition:.3s;
}

.social-link:hover{
    background:var(--gold);

    color:var(--navy);

    transform:translateY(-3px);
}


/* =====================================
FORM BOX
===================================== */

.form-box{
    padding:40px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:10px;

    box-shadow:
        0 20px 60px
        rgba(11,31,58,.08);
}

.form-header{
    margin-bottom:28px;
}

.form-header .eyebrow{
    margin-bottom:8px;
}

.form-header h2{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:34px;

    line-height:1.2;
}

.form-header p{
    color:var(--muted);

    font-size:13px;

    margin-top:8px;
}

.form-row{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;
}

.form-group{
    margin-bottom:18px;
}

.form-group.full{
    grid-column:1/-1;
}

.form-group label{
    display:block;

    color:var(--navy);

    font-size:12px;

    font-weight:700;

    margin-bottom:7px;
}

.form-group label span{
    color:#c0392b;
}

.form-control{
    width:100%;

    border:1px solid #dce1e8;

    background:#fbfcfd;

    border-radius:4px;

    padding:13px 14px;

    color:var(--text);

    font-size:13px;

    outline:none;

    transition:.3s;
}

.form-control:focus{
    border-color:var(--gold);

    background:#fff;

    box-shadow:
        0 0 0 3px rgba(200,155,60,.10);
}

textarea.form-control{
    min-height:145px;

    resize:vertical;
}

select.form-control{
    appearance:auto;
}

.form-check{
    display:flex;

    align-items:flex-start;

    gap:9px;

    margin:5px 0 22px;

    color:var(--muted);

    font-size:11px;
}

.form-check input{
    margin-top:5px;
}

.submit-btn{
    width:100%;

    border:0;

    background:var(--navy);

    color:#fff;

    padding:14px 25px;

    border-radius:4px;

    font-size:13px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;
}

.submit-btn:hover{
    background:var(--gold);

    color:var(--navy);
}

.submit-btn:disabled{
    opacity:.6;

    cursor:not-allowed;
}


/* =====================================
SUCCESS MESSAGE
===================================== */

.form-message{
    display:none;

    padding:13px 15px;

    margin-bottom:20px;

    border-radius:4px;

    background:#eaf7ef;

    color:var(--success);

    border:1px solid #c9ead5;

    font-size:13px;
}

.form-message.show{
    display:block;
}


/* =====================================
MAP
===================================== */

.map-section{
    padding-top:0;

    background:#fff;
}

.map-wrapper{
    overflow:hidden;

    border-radius:10px;

    border:1px solid var(--border);

    height:400px;

    background:#e9edf2;

    position:relative;
}

.map-wrapper iframe{
    width:100%;

    height:100%;

    border:0;
}

.map-placeholder{
    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-direction:column;

    text-align:center;

    color:var(--muted);
}

.map-placeholder strong{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:26px;

    margin-bottom:8px;
}


/* =====================================
CONTACT CTA
===================================== */

.contact-cta{
    background:var(--light);
}

.cta-grid{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:25px;
}

.cta-card{
    padding:40px;

    border-radius:8px;

    background:#fff;

    border:1px solid var(--border);

    transition:.3s;
}

.cta-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 15px 40px
        rgba(11,31,58,.07);
}

.cta-card.dark{
    background:var(--navy);

    color:#fff;

    border-color:var(--navy);
}

.cta-card h3{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:28px;

    margin-bottom:10px;
}

.cta-card.dark h3{
    color:#fff;
}

.cta-card p{
    color:var(--muted);

    font-size:13px;

    margin-bottom:20px;
}

.cta-card.dark p{
    color:#cbd6e3;
}

.cta-btn{
    display:inline-block;

    padding:11px 21px;

    border-radius:4px;

    background:var(--gold);

    color:var(--navy);

    font-size:12px;

    font-weight:700;
}


/* =====================================
FOOTER
===================================== */

footer{
    background:#07172d;

    color:#aeb9c8;

    padding:35px 0;

    text-align:center;

    font-size:13px;
}


/* =====================================
RESPONSIVE
===================================== */

@media(max-width:900px){

    .nav-links{
        display:none;

        position:absolute;

        left:0;
        right:0;

        top:70px;

        padding:20px;

        background:var(--navy);

        flex-direction:column;

        gap:15px;
    }

    .nav-links.open{
        display:flex;
    }

    .menu{
        display:block;
    }

    .contact-layout{
        grid-template-columns:1fr;
    }

    .cta-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:600px){

    section{
        padding:70px 0;
    }

    .page-hero{
        min-height:400px;
    }

    .page-hero h1{
        font-size:44px;
    }

    .contact-info h2{
        font-size:34px;
    }

    .form-box{
        padding:25px 20px;
    }

    .form-row{
        grid-template-columns:1fr;
    }

    .form-group.full{
        grid-column:auto;
    }

    .map-wrapper{
        height:300px;
    }

}


/* -------------------------------- Gallery ----------------------------------- */

/* =====================================
HERO
===================================== */

.page-hero{
    min-height:470px;

    padding:150px 0 80px;

    display:flex;

    align-items:center;

    background:
        linear-gradient(
            110deg,
            rgba(7,23,45,.97),
            rgba(16,45,80,.90)
        ),
        url("images/gallery-banner.jpg")
        center/cover;

    color:#fff;
}

/* .hero-content{
    max-width:850px;
} */

.eyebrow{
    color:var(--gold);

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:14px;
}

.page-hero h1{
    font-family:"Playfair Display",serif;

    font-size:clamp(46px,6vw,70px);

    line-height:1.1;

    margin-bottom:20px;
}

.page-hero p{
    max-width:720px;

    color:#dce5ef;

    font-size:17px;
}


/* =====================================
BREADCRUMB
===================================== */

.breadcrumb{
    border-bottom:1px solid var(--border);

    background:#fff;
}

.breadcrumb-inner{
    padding:17px 0;

    color:var(--muted);

    font-size:13px;
}

.breadcrumb a{
    color:var(--navy);

    font-weight:600;
}

.breadcrumb span{
    margin:0 8px;
}


/* =====================================
INTRO
===================================== */

section{
    padding:95px 0;
}

.intro{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:55px;

    align-items:flex-start;
}

.intro h2{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:25px;

    line-height:1.1;

    margin-bottom:20px;
}

.intro p{
    color:var(--muted);

    margin-bottom:18px;
}


/* =====================================
PHOTO STAT
===================================== */

.gallery-highlight{
    min-height:390px;

    border-radius:10px;

    padding:45px;

    background:
        linear-gradient(
            145deg,
            var(--navy),
            var(--navy2)
        );

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    position:relative;

    overflow:hidden;
}

.gallery-highlight:after{
    content:"GALLERY";

    position:absolute;

    right:-45px;

    bottom:-35px;

    font-family:"Playfair Display",serif;

    font-size:100px;

    color:rgba(255,255,255,.035);
}

.gallery-icon{
    width:70px;
    height:70px;

    border-radius:50%;

    background:rgba(200,155,60,.15);

    border:1px solid rgba(200,155,60,.4);

    color:var(--gold);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:29px;

    margin-bottom:25px;
}

.gallery-highlight h3{
    font-family:"Playfair Display",serif;

    font-size:34px;

    margin-bottom:12px;
}

.gallery-highlight p{
    color:#cbd6e3;
}


/* =====================================
CATEGORY FILTER
===================================== */

.filter-section{
    background:var(--light);

    padding:45px 0;
}

.filters{
    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;
}

.filter-btn{
    padding:12px 23px;

    border:1px solid var(--border);

    background:#fff;

    color:var(--navy);

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;
}

.filter-btn:hover,
.filter-btn.active{
    background:var(--navy);

    color:#fff;

    border-color:var(--navy);
}


/* =====================================
GALLERY
===================================== */

.gallery-section{
    background:#fff;
}

.section-heading{
    max-width:750px;

    text-align:center;

    margin:0 auto 55px;
}

.section-heading h2{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:43px;

    line-height:1.2;

    margin-bottom:15px;
}

.section-heading p{
    color:var(--muted);
}


/* =====================================
GALLERY GRID
===================================== */

.gallery-grid{
    columns:3 300px;

    column-gap:20px;
}

.gallery-item{
    position:relative;

    display:inline-block;

    width:100%;

    margin:0 0 20px;

    overflow:hidden;

    border-radius:8px;

    background:#e8edf2;

    cursor:pointer;

    break-inside:avoid;
}

.gallery-item img{
    width:100%;

    height:auto;

    display:block;

    transition:
        transform .6s ease;
}

.gallery-item:hover img{
    transform:scale(1.06);
}


/* overlay */

.gallery-overlay{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    padding:45px 20px 20px;

    background:
        linear-gradient(
            transparent,
            rgba(5,18,35,.92)
        );

    color:#fff;

    opacity:0;

    transition:.35s;
}

.gallery-item:hover .gallery-overlay{
    opacity:1;
}

.gallery-overlay .category{
    color:var(--gold);

    font-size:10px;

    letter-spacing:1.5px;

    font-weight:700;

    text-transform:uppercase;
}

.gallery-overlay h3{
    font-family:"Playfair Display",serif;

    font-size:20px;

    line-height:1.3;

    margin-top:4px;
}

.gallery-overlay p{
    color:#d9e1ea;

    font-size:12px;

    margin-top:4px;
}


/* =====================================
PLACEHOLDER IMAGES
===================================== */

.placeholder{
    min-height:250px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
        linear-gradient(
            135deg,
            #dfe5eb,
            #aebbc8
        );

    color:#607086;

    font-size:11px;

    letter-spacing:2px;

    font-weight:700;
}


/* =====================================
FEATURED GALLERY
===================================== */

.featured{
    background:var(--light);
}

.featured-grid{
    display:grid;

    grid-template-columns:
        1.3fr .7fr;

    gap:20px;

    max-width:1100px;

    margin:auto;
}

.featured-large{
    min-height:500px;

    position:relative;

    overflow:hidden;

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            #d9e1e8,
            #9eacba
        );

    display:flex;

    align-items:flex-end;

    padding:30px;
}

.featured-small{
    display:grid;

    grid-template-rows:1fr 1fr;

    gap:20px;
}

.featured-box{
    position:relative;

    overflow:hidden;

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            #d9e1e8,
            #9eacba
        );

    display:flex;

    align-items:flex-end;

    padding:25px;
}

.featured-title{
    position:relative;

    z-index:2;

    color:#fff;

    text-shadow:
        0 2px 8px rgba(0,0,0,.35);
}

.featured-title .small{
    color:var(--gold);

    font-size:10px;

    letter-spacing:2px;

    font-weight:700;
}

.featured-title h3{
    font-family:"Playfair Display",serif;

    font-size:26px;

    line-height:1.2;
}


/* =====================================
QUOTE
===================================== */

.quote{
    text-align:center;

    background:#fff;
}

.quote-box{
    max-width:850px;

    margin:auto;
}

.quote-mark{
    font-family:Georgia,serif;

    color:var(--gold);

    font-size:70px;

    line-height:1;
}

.quote blockquote{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:33px;

    line-height:1.45;
}

.quote-author{
    margin-top:20px;

    color:var(--muted);

    font-size:14px;
}


/* =====================================
CTA
===================================== */

.cta{
    padding:90px 20px;

    background:
        linear-gradient(
            110deg,
            #0b1f3a,
            #173c62
        );

    text-align:center;

    color:#fff;
}

.cta h2{
    font-family:"Playfair Display",serif;

    font-size:44px;

    margin-bottom:15px;
}

.cta p{
    color:#ccd7e3;

    margin-bottom:28px;
}

.btn{
    display:inline-block;

    background:var(--gold);

    color:#111b28;

    padding:13px 26px;

    border-radius:4px;

    font-size:14px;

    font-weight:700;
}


/* =====================================
FOOTER
===================================== */

footer{
    background:#07172d;

    color:#aeb9c8;

    padding:35px 0;

    text-align:center;

    font-size:13px;
}


/* =====================================
LIGHTBOX
===================================== */

.lightbox{
    position:fixed;

    inset:0;

    background:rgba(3,12,24,.96);

    z-index:2000;

    display:none;

    align-items:center;

    justify-content:center;

    padding:30px;
}

.lightbox.show{
    display:flex;
}

.lightbox-content{
    max-width:1000px;

    max-height:90vh;

    text-align:center;

    position:relative;
}

.lightbox img{
    max-width:100%;

    max-height:75vh;

    object-fit:contain;

    border-radius:5px;

    box-shadow:
        0 20px 80px rgba(0,0,0,.5);
}

.lightbox-caption{
    color:#fff;

    margin-top:15px;
}

.lightbox-caption strong{
    display:block;

    font-family:"Playfair Display",serif;

    font-size:22px;
}

.lightbox-caption span{
    color:#aebdce;

    font-size:13px;
}

.lightbox-close{
    position:fixed;

    right:30px;

    top:20px;

    width:45px;

    height:45px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.2);

    background:rgba(255,255,255,.08);

    color:#fff;

    font-size:25px;

    cursor:pointer;

    z-index:2001;
}


/* =====================================
RESPONSIVE
===================================== */

@media(max-width:900px){

    .nav-links{
        display:none;

        position:absolute;

        left:0;
        right:0;

        top:70px;

        padding:20px;

        background:var(--navy);

        flex-direction:column;

        gap:15px;
    }

    .nav-links.open{
        display:flex;
    }

    .menu{
        display:block;
    }

    .intro{
        grid-template-columns:1fr;
    }

    .featured-grid{
        grid-template-columns:1fr;
    }

    .featured-large{
        min-height:400px;
    }

    .featured-small{
        grid-template-columns:1fr 1fr;

        grid-template-rows:300px;
    }

}


@media(max-width:600px){

    section{
        padding:70px 0;
    }

    .page-hero{
        min-height:400px;
    }

    .page-hero h1{
        font-size:44px;
    }

    .intro h2,
    .section-heading h2,
    .cta h2{
        font-size:34px;
    }

    .gallery-grid{
        columns:1;
    }

    .featured-small{
        grid-template-columns:1fr;

        grid-template-rows:250px 250px;
    }

    .quote blockquote{
        font-size:25px;
    }

    .lightbox{
        padding:15px;
    }

    .lightbox-close{
        right:15px;
        top:15px;
    }

}


/* --------------------------------- Thank you ------------------------------- */
/* =====================================
MAIN
===================================== */

.thank-you-wrapper{
    min-height:
        calc(100vh - 77px);

    display:flex;

    align-items:center;

    justify-content:center;

    padding:70px 20px;

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #f7f8fa 0%,
            #ffffff 50%,
            #f2f5f8 100%
        );
}


/* Decorative background */

.thank-you-wrapper::before{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    border-radius:50%;

    background:
        rgba(200,155,60,.07);

    top:-250px;
    right:-180px;
}

.thank-you-wrapper::after{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
        rgba(11,31,58,.035);

    bottom:-230px;
    left:-180px;
}


/* =====================================
CARD
===================================== */

.thank-you-card{
    width:min(720px,100%);

    background:#fff;

    border:1px solid var(--border);

    border-radius:12px;

    padding:60px 55px;

    text-align:center;

    position:relative;

    z-index:2;

    box-shadow:
        0 25px 80px
        rgba(11,31,58,.10);

    animation:
        fadeUp .7s ease forwards;
}


/* =====================================
SUCCESS ICON
===================================== */

.success-icon{
    width:92px;
    height:92px;

    border-radius:50%;

    margin:0 auto 27px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--gold-light);

    border:2px solid rgba(200,155,60,.45);

    position:relative;
}

.success-icon::before{
    content:"";

    width:66px;
    height:66px;

    border-radius:50%;

    background:var(--navy);

    position:absolute;
}

.check{
    position:relative;

    z-index:2;

    width:28px;
    height:16px;

    border-left:4px solid var(--gold);

    border-bottom:4px solid var(--gold);

    transform:
        rotate(-45deg)
        translate(2px,-2px);
}


/* =====================================
TEXT
===================================== */

.eyebrow{
    color:var(--gold);

    font-size:12px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:12px;
}

.thank-you-card h1{
    font-family:"Playfair Display",serif;

    color:var(--navy);

    font-size:
        clamp(40px,6vw,58px);

    line-height:1.15;

    margin-bottom:18px;
}

.thank-you-card > p{
    max-width:560px;

    margin:0 auto;

    color:var(--muted);

    font-size:15px;

    line-height:1.8;
}


/* =====================================
MESSAGE BOX
===================================== */

.message-box{
    margin:30px auto 28px;

    max-width:540px;

    padding:18px 22px;

    background:#fafbfd;

    border-left:3px solid var(--gold);

    text-align:left;

    border-radius:4px;
}

.message-box strong{
    display:block;

    color:var(--navy);

    font-family:"Playfair Display",serif;

    font-size:18px;

    margin-bottom:4px;
}

.message-box span{
    color:var(--muted);

    font-size:13px;
}


/* =====================================
BUTTONS
===================================== */

.action-buttons{
    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    flex-wrap:wrap;

    margin-top:30px;
}

.btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:160px;

    padding:13px 24px;

    border-radius:4px;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    transition:.3s;
    box-shadow: none !important;
}

.btn-primary{
    background:var(--navy);

    color:#fff;
}

.btn-primary:hover{
    background:var(--gold);

    color:var(--navy);
}

.btn-secondary{
    background:#fff;

    color:var(--navy);

    border:1px solid var(--border);
}

.btn-secondary:hover{
    border-color:var(--gold);

    color:var(--gold);
}


/* =====================================
CONTACT NOTE
===================================== */

.response-note{
    margin-top:35px;

    padding-top:25px;

    border-top:1px solid var(--border);

    color:#87909d;

    font-size:11px;

    line-height:1.7;
}


/* =====================================
FOOTER
===================================== */

.footer{
    background:#07172d;

    color:#aeb9c8;

    text-align:center;

    padding:22px 15px;

    font-size:11px;
}


/* =====================================
ANIMATION
===================================== */

@keyframes fadeUp{

    from{
        opacity:0;

        transform:
            translateY(25px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}


/* =====================================
RESPONSIVE
===================================== */

@media(max-width:600px){

    .header{
        padding:15px 0;
    }

    .logo{
        font-size:21px;
    }

    .back-home{
        font-size:12px;
    }

    .thank-you-wrapper{
        padding:45px 15px;
    }

    .thank-you-card{
        padding:45px 22px;
    }

    .success-icon{
        width:82px;
        height:82px;
    }

    .success-icon::before{
        width:58px;
        height:58px;
    }

    .thank-you-card h1{
        font-size:40px;
    }

    .thank-you-card > p{
        font-size:14px;
    }

    .action-buttons{
        flex-direction:column;
    }

    .btn{
        width:100%;
    }

}


p.text-end{
    margin-top: 15px;
}

p.text-end a.link{
    color: #000;
}

.custom-outline{
    background: transparent;
    color: #000;
    border: 1px solid #000;
}

.qualification-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.qualification-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #f6f8fa;
    border: 1px solid #e5e9ee;
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 12px;
}

.qualification-list .number {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background: #153665;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.qualification-list p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

.qualification-list strong {
    color: #0d2d59;
    font-weight: 700;
}

h3.custom-heading{
    color: #000;
}

.about-timeline{
    max-width: none;
}

/* =========================================================
   HOME - ENGAGEMENT SECTION
   ========================================================= */

.sa-home-engagement{
    background:#f7f8fa;
}

.sa-engagement-grid{
    display:grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap:25px;
}

.sa-engagement-card{
    display:grid;

    grid-template-columns:70px 1fr;

    gap:22px;

    padding:32px;

    background:#fff;

    border:1px solid var(--sa-border);

    border-radius:8px;

    transition:var(--sa-transition);
}

.sa-engagement-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 20px 45px
        rgba(11,31,58,.08);
}

.sa-engagement-icon{
    width:58px;
    height:58px;

    display:flex;

    align-items:center;
    justify-content:center;

    flex-shrink:0;

    color:var(--sa-navy);

    background:var(--sa-gold-light);

    border:1px solid
        rgba(200,155,60,.35);

    border-radius:50%;
}

.sa-engagement-icon span{
    font-family:"Playfair Display",serif;

    font-size:17px;

    font-weight:700;
}

.sa-engagement-card h3{
    margin:0 0 12px;

    color:var(--sa-navy);

    font-family:"Playfair Display",serif;

    font-size:24px;

    line-height:1.3;
}

.sa-engagement-card p{
    margin:0 0 14px;

    color:var(--sa-muted);

    font-size:14px;

    line-height:1.8;
}

.sa-engagement-card p:last-child{
    margin-bottom:0;
}

.sa-engagement-card ul{
    margin:15px 0;

    padding-left:20px;

    color:var(--sa-muted);

    font-size:13px;
}

.sa-engagement-card li{
    margin-bottom:8px;

    padding-left:3px;

    line-height:1.7;
}

.sa-engagement-card li::marker{
    color:var(--sa-gold);
}


/* Featured Vision Card */

.sa-engagement-featured{
    grid-column:1 / -1;

    grid-template-columns:70px 1fr;

    

    border-color:transparent;
}





.sa-engagement-featured .sa-engagement-icon{
    color:var(--sa-navy);

    background:var(--sa-gold);

    border-color:var(--sa-gold);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:800px){

    .sa-engagement-grid{
        grid-template-columns:1fr;
    }

    .sa-engagement-featured{
        grid-column:auto;
    }

}

@media(max-width:600px){

    .sa-engagement-card{
        grid-template-columns:1fr;

        padding:25px;
    }

    .sa-engagement-icon{
        width:52px;
        height:52px;
    }

    .sa-engagement-card h3{
        font-size:21px;
    }

}