:root{
    --navy:#16263f;
    --navy-deep:#0e1b2e;
    --teal:#17695a;
    --teal-light:#1f8a76;
    --gold:#c9974e;
    --gold-light:#e0b978;
    --ink:#1c2430;
    --gray:#667085;
    --gray-light:#98a2b3;
    --bg-soft:#f6f5f2;
    --line:#e7e5df;
    --serif: 'Playfair Display', Georgia, serif;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--sans);
    color:var(--ink);
    background:#fff;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.font-serif{font-family:var(--serif);}
  a{text-decoration:none;}
  .eyebrow{
    font-size:.72rem;
    letter-spacing:.14em;
    font-weight:700;
    color:var(--gold);
    text-transform:uppercase;
  }
  .section{width: 100%; padding: 5rem 0;}
  @media(max-width:767px){.section{padding:64px 0;}}
  .btn-navy{
    background:var(--navy);
    color:#fff;
    border:1px solid var(--navy);
    padding:.85rem 1.6rem;
    font-weight:600;
    font-size:.92rem;
    border-radius:2px;
    transition:.25s ease;
  }
  .btn-navy:hover{background:var(--navy-deep);color:#fff;}
  .btn-outline-navy{
    background:transparent;
    color:var(--navy);
    border:1px solid #d7d5cf;
    padding:.85rem 1.6rem;
    font-weight:600;
    font-size:.92rem;
    border-radius:2px;
    transition:.25s ease;
  }
  .btn-outline-navy:hover{background:var(--navy);color:#fff;border-color:var(--navy);}

  /* ---------- Navbar ---------- */
  .navbar-dj{
    padding:18px 0;
    background:#fff;
    border-bottom:1px solid var(--line);
  }
  .brand-mark{
    width:auto;
	  height:auto;
    border:1.5px solid var(--gold);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:var(--gold);
    font-family:var(--serif);
    font-weight:700;
    font-size:1.05rem;
    flex-shrink:0;
  }

.brand-mark img {
    width: 100%;
    max-width: 5rem;
    height: auto;
    padding: 0;
    margin: 0;
}
  .brand-name{
    font-family:var(--serif);
    font-weight:700;
    font-size:1.15rem;
    color:var(--navy);
    line-height:1.1;
  }
  .brand-tag{
    font-size:.62rem;
    letter-spacing:.1em;
    color:var(--gray-light);
    text-transform:uppercase;
  }
  .nav-dj > li > a {
    color:var(--ink);
    font-weight:500;
    font-size:.92rem;
    margin:0 14px;
    padding:0 !important;
    position:relative;
  }
  .nav-dj > li > a.active{color:var(--teal);}
  .nav-dj > li > a.active::after{
    content:"";
    position:absolute;left:0;right:0;bottom:-20px;
    height:2px;background:var(--teal);
  }
  .nav-dj > li > a:hover{color:var(--teal);}

  /* ---------- Hero ---------- */
.hero {
    background: var(--bg-soft);
    padding: 3rem 0;
    overflow: hidden;
}
  .hero-eyebrow{color:var(--gold);font-weight:700;letter-spacing:.14em;font-size:.72rem;text-transform:uppercase;}
  .hero-heading{
    font-size:2.9rem;
    font-weight:600;
    line-height:1.15;
    color:var(--navy);
  }
  .hero-heading .accent{color:var(--teal);font-style:italic;}
  @media(max-width:991px){.hero-heading{font-size:2.2rem;}}
  .hero-copy{color:var(--gray);font-size:1.02rem;max-width:460px;}

  .stat-item{display:flex;align-items:center;gap:12px;}
  .stat-icon{color:var(--gold);font-size:1.3rem;width:32px;text-align:center;}
  .stat-num{font-family:var(--serif);font-weight:700;font-size:1.3rem;color:var(--navy);line-height:1;}
  .stat-label{font-size:.68rem;color:var(--gray);text-transform:uppercase;letter-spacing:.04em;}

  .hero-photo-wrap{position:relative;}
  .hero-photo-wrap img{
    width:100%;
    height:560px;
    object-fit:cover;
    display:block;
  }
  .hero-quote {
    position: absolute;
    left: -1.5rem;
    bottom: 1.5rem;
    background: var(--navy);
    color: #fff;
    padding: 28px 30px;
    max-width: 340px;
    box-shadow: 0 20px 40px rgba(15, 27, 46, .25);
}
  @media(max-width:991px){.hero-quote{left:16px;right:16px;max-width:none;}}
  .hero-quote i{color:var(--gold);font-size:1.4rem;opacity:.6;}
  .hero-quote p{font-size:.92rem;margin:8px 0 10px;line-height:1.5;}
  .hero-quote .sig{font-family:var(--serif);font-style:italic;color:var(--gold-light);font-size:1.05rem;}

  /* ---------- About ---------- */
  .section-heading{
    font-size:2.1rem;
    font-weight:600;
    color:var(--navy);
    line-height:1.25;
  }
  .gold-rule{width:54px;height:3px;background:var(--gold);margin:18px 0;}
  .about-copy{color:var(--gray);font-size:.98rem;max-width:460px;}

  .feature-row{
    display:flex;gap:18px;
    padding:20px 0;
    border-bottom:1px solid var(--line);
  }
  .feature-row:last-child{border-bottom:none;}
  .feature-icon{
    width:52px;height:52px;flex-shrink:0;
    border-radius:50%;
    background:var(--teal);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:1.15rem;
  }
  .feature-title{font-weight:700;color:var(--navy);margin-bottom:4px;font-size:1.02rem;}
  .feature-text{color:var(--gray);font-size:.9rem;margin:0;}

  /* ---------- Expertise ---------- */
  .expertise-card{
    border:1px solid var(--line);
    padding:34px 22px;
    text-align:center;
    height:100%;
    transition:.25s ease;
  }
  .expertise-card:hover{
    border-color:var(--gold);
    box-shadow:0 16px 30px rgba(22,38,63,.08);
    transform:translateY(-4px);
  }
  .expertise-icon{
    width:56px;height:56px;
    margin:0 auto 18px;
    border-radius:50%;
    background:var(--bg-soft);
    display:flex;align-items:center;justify-content:center;
    color:var(--navy);
    font-size:1.35rem;
  }
  .expertise-card h6{font-weight:700;color:var(--navy);font-size:.98rem;margin-bottom:8px;}
  .expertise-card p{color:var(--gray);font-size:.85rem;margin:0;}

  /* ---------- Articles ---------- */
  .bg-soft{background:var(--bg-soft);}
  .view-all{color:var(--navy);font-weight:600;font-size:.88rem;}
  .view-all i{transition:.2s;}
  .view-all:hover i{transform:translateX(4px);}
  .view-all:hover{color:var(--teal);}

  .article-card{background:#fff;height:100%;}
  .article-card img{width:100%;height:190px;object-fit:cover;}
  .article-body{padding: 1rem;}
  .tag-pill{
    display:inline-block;
    background:var(--teal);
    color:#fff;
    font-size:.65rem;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    padding:4px 10px;
    margin-bottom:12px;
  }
  .article-title{
    font-weight:700;
    color:var(--navy);
    font-size:1.05rem;
    line-height:1.35;
    margin-bottom:8px;
  }
  .article-card:hover .article-title{color:var(--teal);}
  .article-excerpt{color:var(--gray);font-size:.87rem;margin-bottom:12px;}
  .article-meta{color:var(--gray-light);font-size:.78rem;}

  /* ---------- Media ---------- */
  .media-card{position:relative;overflow:hidden;}
  .media-card img{width:100%;height:150px;object-fit:cover;display:block;transition:.35s ease;}
  .media-card:hover img{transform:scale(1.06);}
  .play-btn{
    position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);
    width:46px;height:46px;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    display:flex;align-items:center;justify-content:center;
    color:var(--navy);
  }
  .media-thumb-wrap{position:relative;}
  .media-meta-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--gold);text-transform:uppercase;margin:14px 0 6px;}
  .media-title{font-weight:700;color:var(--navy);font-size:.96rem;line-height:1.35;margin-bottom:6px;}
  .media-date{color:var(--gray-light);font-size:.78rem;}

  /* ---------- Achievements ---------- */
  .achievements{
    background:var(--navy);
    color:#fff;
  }
  .achievements .section-heading{color:#fff;}
  .achievements .eyebrow{color:var(--gold-light);}
  .achievements .view-all{color:var(--gold-light);}
  .achievements p.lead-sub{color:#c6cede;}

  .achv-box{
    border:1px solid rgba(201,151,78,.45);
    padding:28px 18px;
    text-align:center;
    height:100%;
  }
  .achv-icon{color:var(--gold);font-size:1.7rem;margin-bottom:14px;}
  .achv-title{font-weight:700;font-size:.95rem;margin-bottom:6px;}
  .achv-sub{color:#a9b3c4;font-size:.8rem;line-height:1.4;}

  /* ---------- Footer ---------- */
  .footer-top{background:#fff;padding:70px 0 40px;border-top:1px solid var(--line);}
  .footer-heading{font-weight:800;font-size:.7rem;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;}
  .footer-title{font-family:var(--serif);font-weight:700;font-size:1.35rem;color:var(--navy);margin-bottom:10px;}
  .footer-copy{color:var(--gray);font-size:.9rem;}
  .footer-links li{margin-bottom:10px;}
  .footer-links a{color:var(--gray);font-size:.9rem;}
  .footer-links a:hover{color:var(--teal);}
  .social-circle{
    width:38px;height:38px;
    border-radius:50%;
    background:var(--navy);
    color:#fff;
    display:inline-flex;align-items:center;justify-content:center;
    margin-right:8px;
    font-size:.9rem;
    transition:.2s;
  }
  .social-circle:hover{background:var(--teal);color:#fff;}
  .newsletter-input{
    border:1px solid var(--line);
    border-radius:0;
    padding:.7rem 1rem;
    font-size:.9rem;
  }
  .btn-subscribe{
    background:var(--teal);
    color:#fff;
    border:none;
    padding:.7rem 1.3rem;
    font-weight:600;
    font-size:.9rem;
  }
  .btn-subscribe:hover{background:var(--navy);color:#fff;}
  .footer-bottom{
    background:var(--navy-deep);
    color:#8a93a6;
    font-size:.8rem;
    padding:18px 0;
  }
  .footer-bottom a{color:#8a93a6;}
  .footer-bottom a:hover{color:#fff;}

  ::selection{background:var(--gold-light);color:var(--navy);}

  /* reduced motion */
  @media (prefers-reduced-motion: reduce){
    *{transition:none !important;animation:none !important;}
  }

  .focus-visible-outline:focus-visible{outline:2px solid var(--teal);outline-offset:2px;}