/* DESIGN SYSTEM (Royal Palette) */
 :root {
   --royal-navy: #071b2e;
   --royal-gold: #c9a24d;
   --soft-gold: #ead8b0;
   --ivory: #fffaf0;
   --ink: #1e1e1e;
   --card-bg: #fffdf7;
 }

 /* Dark Royal Mode */
 body.dark {
   --ivory: #071b2e;
   --ink: #f5f5f5;
   --card-bg: #0d2a45;
   background: #061525;
   color: #f5f5f5;
 }

    /* RESET & BASE */




 body {
   font-family: 'Poppins', sans-serif;
   background: linear-gradient(180deg, #fffaf0, #f6efe3);
   color: var(--ink);
   scroll-behavior: smooth;
 }

 

 img {
   max-width: 100%;
   display: block;
 }

       /* TOP BAR */

 .top-bar {
   background: linear-gradient(90deg, #071b2e, #0b2a44);
   color: #fff;
   padding: 6px 30px;
   display: flex;
   justify-content: space-between;
   font-size: 14px;
 }

/* ===== NAVBAR (Sticky + Glass Effect) ===== */
.navbar {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255, 250, 240, 0.88);
  backdrop-filter: blur(12px);

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

  padding: 14px 30px;      
  border-bottom: 1px solid var(--soft-gold);
}



/* ===== LOGO (BIG + CLEAR) ===== */
:root{
  --ink:#222;
  --royal-gold:#c9a227;
}

/* ===== NAVBAR ===== */
.navbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:5px 15px;
}

/* ===== LOGO (same as yours) ===== */
.logo{
  display:flex;
  align-items:center;
}

.logo img{
  height:105px;
  padding:1px 14px;
  width:auto;
  border-radius:50%;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
}

/* ===== NAV LINKS 2x2 ===== */
.nav-links{
  display:grid;
  grid-template-columns:repeat(2, auto);
 column-gap: 15px;
 row-gap: 6px;
  list-style:none;
  margin:0;
  padding:0;
  text-align:right;
  margin-left: 20px;
}




/* Links style */
.nav-links a{
  text-decoration:none;
  font-size:18px;
  font-weight:500;
  color:var(--ink);
  position:relative;
}

/* Hover underline */
.nav-links a::after{
  content:'';
  position:absolute;
  bottom:-6px;
  left:0;
  width:0;
  height:2px;
  background:var(--royal-gold);
  transition:0.3s;
}

.nav-links a:hover::after{
  width:100%;
}

/* ===== DROPDOWN ===== */
.dropdown{
  position:relative;
}

.dropdown-menu{
  display:none;
  position:absolute;
  top:30px;
  left:0;
  background:white;
  list-style:none;
  padding:10px 0;
  min-width:160px;
  box-shadow:0 5px 15px rgba(0,0,0,0.1);
  border-radius:6px;
}

.dropdown-menu li{
  padding:8px 15px;
}

.dropdown-menu li a{
  font-size:15px;
}

.dropdown:hover .dropdown-menu{
  display:block;
}

/* ===== MOBILE RESPONSIVE FIX ===== */
@media (max-width: 768px){
  .navbar{
    padding: 10px 18px;
  }

  .logo img{
    height: 80px;            
  }

  .nav-links a{
    margin: 0 10px;
    font-size: 14px;
  }
}

/* ===== SMALL MOBILE ===== */
@media (max-width: 480px){
  .logo img{
    height: 105px;           
  }
}

     /* HERO SECTION */



 .hero {
  min-height: 90vh;  
  background:
    linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)),
    url("images/hero.jpg") center / cover no-repeat; 

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;

  color: #fff;
  padding: 0 20px;  
}

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

.hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  margin-bottom: 8px;
  animation: fadeUp 1.2s ease forwards;
}




/* ===== GOLD LINE ===== */
.gold-line {
  width: 120px;
  height: 3px;
  background: var(--royal-gold);
  margin: 20px 0;
}

/* ===== TAGLINE ===== */
#tagline {
  font-size: 20px;
  opacity: 0.9;
  max-width: 750px;
  animation: fadeUp 1.6s ease forwards;
}

/* ===== ANIMATION ===== */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .hero h1 {
    font-size: 16px;
    letter-spacing: 1px;
  }

  #tagline {
    font-size: 16px;
  }

  .gold-line {
    width: 80px;
  }
}















.lm-content{
  display:none;
}

.lm-btn{
  background:none;
  border:none;
  color:var(--royal-gold);
  font-weight:600;
  cursor:pointer;
  margin-top:8px;
  padding:0;
}