html,body { background:#0a0805; color:#e9dfc8; }
  body { font-family: Inter, sans-serif; }
  .tracking-luxe { letter-spacing: .22em; }
  .tracking-wider2 { letter-spacing: .3em; }
  .display { font-family: 'Cinzel', serif; font-weight: 500; }
  .serif   { font-family: 'Cormorant Garamond', serif; }

  /* gold rule between sections */
  .rule-gold { background: linear-gradient(90deg, transparent, #c9a35b 35%, #c9a35b 65%, transparent); height:1px; }
  .rule-vert { background: linear-gradient(180deg, transparent, #c9a35b40 25%, #c9a35b40 75%, transparent); width:1px; }

  /* button */
  .btn-gold { background: linear-gradient(180deg, #d2ad62, #b88f3f); color:#19130a; }
  .btn-gold:hover { filter: brightness(1.05); }
.btn-ghost {
    border: 1px solid #c9a35b;
    color: #a37c45;
    background: rgba(20, 16, 9, .4);
    font-weight: 700;
}
  .btn-ghost:hover { background: rgba(201,163,91,.12); }

  /* card hover */
  .card { transition: transform .35s ease, box-shadow .35s ease; }
  .card:hover { transform: translateY(-4px); }
  .card:hover .card-img img { transform: scale(1.05); }
  .card-img img { transition: transform .8s ease; }

  /* Image placeholders – using picsum / unsplash sources. Keep them in CSS so the markup is clean. */
  .img-yacht-hero    { background: url('../images/yacht-hero.png') center/cover; }
  .img-yacht         { background: url('../images/yacht-img.png') center/cover; }
  .img-yacht-aerial  { background: url('../images/yacht-img.png') center/cover; }
  .img-horse-rider   { background: url('../images/horse-riding.jpg') center/cover; }
  .img-camera        { background: url('../images/film-television.jpg') center/cover; }
  .img-animation-movie { background: url('../images/animation.jpg') center/cover; }
  .img-yacht-feature { background: url('../images/fea-yasht-img.jpg') center/cover; }
  .equ-fea-slight { background: url('../images/fea-equ-slight.jpg') center/cover; }
  .img-moscow        { background: url('../images/fea-mosque.jpg') center/cover; }
  .img-trading       { background: url('../images/fea-trading-cover.jpg') center/cover; }
  .fea-trading-illusion { background: url('../images/fea-trading-illusion.jpg') center/cover; }
  .img-city-night    { background: url('../images/city-night-img.jpg') center/cover; }
  .img-mountains     { background: url('../images/mountain.jpg') center/cover; }
  .latest-new-trading-illusion { background: url('../images/latest-new-trading-illusion.jpg') center/cover;  }

  /* Vignette over hero */
  .vignette::after{
    content:''; position:absolute; inset:0; pointer-events:none;
    background: radial-gradient(120% 80% at 50% 50%, transparent 40%, rgba(0,0,0,.55) 100%),
                linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,0) 30%, rgba(0,0,0,.55) 100%);
  }

  /* ornate divider “— OUR DIVISIONS —” style */
  .ornament { display:flex; align-items:center; justify-content:center; gap:18px; }
  .ornament .bar { width:60px; height:1px; }
  .ornament .dot { width:5px; height:5px; transform:rotate(45deg); background:#c9a35b; }

  /* poster gradient overlay */
  .poster-grad{ background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.85) 100%); }

  /* underline animation on nav */
  .navlink { position:relative; }
  .navlink::after{ content:''; position:absolute; left:50%; right:50%; bottom:-6px; height:1px; background:#c9a35b; transition: all .25s; }
  .navlink:hover::after, .navlink.active::after { left:0; right:0; }

  /* gold thin border */
  .gold-border { 
    border:1px solid #ffffff; 
  }
  .gold-border-soft {

  }

  /* scrollbar */
  ::-webkit-scrollbar { width:10px; height:10px; }
  ::-webkit-scrollbar-track { background:#0a0805; }
  ::-webkit-scrollbar-thumb { background:#2a1f12; border-radius:10px; }
  ::-webkit-scrollbar-thumb:hover { background:#3a2c1b; }

  /* SL monogram huge */
  .monogram {
    font-family: 'Cinzel', serif;
    font-weight: 600;
    background: linear-gradient(180deg, #e6c275 0%, #c9a35b 45%, #8a6e36 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    letter-spacing: -0.08em;
  }

  /* poster shimmer */
  .poster { position:relative; overflow:hidden; }
  .poster::after{
    content:''; position:absolute; inset:0;
    background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.55) 100%);
    pointer-events:none;
  }

  /* ============== RESPONSIVE LAYOUT ============== */
  /* Stack the right rail under main on tablets & smaller */
  @media (max-width: 1023px) {
    .rail-grid { grid-template-columns: 1fr !important; }
    .rail-divider { border-right: 0 !important; }
  }

  /* Tablet (iPad portrait & landscape) tuning */
  @media (max-width: 1023px) {
    .hero-pad { padding: 2rem !important; }
    .h-hero  { height: 60vh; min-height: 440px; }
    .h1-hero { font-size: clamp(28px, 5vw, 40px) !important; line-height: 1.05 !important; }
    .sec-pad { padding-left: 2rem !important; padding-right: 2rem !important; padding-top: 3rem !important; padding-bottom: 3rem !important; }
    .monogram { font-size: 96px !important; }
  }

  /* Mobile */
  @media (max-width: 640px) {
    .hero-pad { padding: 1.25rem !important; }
    .h-hero { height: 80vh; min-height: 480px; }
    .h1-hero { font-size: clamp(26px, 7vw, 34px) !important; }
    .sec-pad { padding-left: 1.25rem !important; padding-right: 1.25rem !important; padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
    .right-pad { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
    .card-h { height: 220px !important; }
    .poster-h { height: 220px !important; }
    .monogram { font-size: 72px !important; }
    .news-grid { grid-template-columns: 90px 1fr !important; gap: 12px !important; }
    .news-thumb { height: 64px !important; }
    .hero-cta { flex-direction: column; align-items: stretch; }
    .hero-cta button { width: 100%; justify-content: center; }
    .stats-grid { gap: 1.5rem !important; }
    .footer-cols { grid-template-columns: 1fr 1fr !important; }
  }

  /* ============== NAV DROPDOWNS ============== */
  .nav-item { position: relative; }
  .nav-item > .nav-trigger { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
  .nav-item > .nav-trigger .chev {
    display:inline-block; width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor;
    transform: rotate(45deg) translate(-1px,-1px); transition: transform .25s ease;
  }
  .nav-item:hover > .nav-trigger { color: #c9a35b; }
  .nav-item:hover > .nav-trigger .chev { transform: rotate(225deg) translate(-1px,-1px); }

  .dropdown {
    position: absolute; top: calc(100% + 14px); left: -24px;
    min-width: 320px;
    background: linear-gradient(180deg, #110d09 0%, #0a0805 100%);
    border: 1px solid #2a1f12;
    box-shadow: 0 30px 60px rgba(0,0,0,.6), 0 2px 0 rgba(201,163,91,.15) inset;
    opacity: 0; visibility: hidden; transform: translateY(-8px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
    z-index: 60;
    padding: 8px 0 12px;
  }
  /* gold top hairline */
  .dropdown::before{
    content:''; position:absolute; top:-1px; left:14%; right:14%; height:1px;
    background: linear-gradient(90deg, transparent, #c9a35b, transparent);
  }
  /* hover bridge so cursor can travel into dropdown */
  .dropdown::after{
    content:''; position:absolute; top:-14px; left:0; right:0; height:14px;
  }
  .nav-item:hover .dropdown, .nav-item:focus-within .dropdown {
    opacity: 1; visibility: visible; transform: translateY(0);
  }

  /* mega panel (wider) */
  .dropdown.mega { min-width: 560px; padding: 18px; left: -40px; }
  .dropdown.mega-3 { min-width: 700px; }

  /* item rows */
  .dd-item {
    display: grid; grid-template-columns: 28px 1fr auto;
    align-items: center; gap: 12px;
    padding: 12px 22px; color: #e9dfc8;
    border-left: 1px solid transparent;
    transition: background .2s, border-color .2s, color .2s;
    text-decoration: none;
  }
  .dd-item:hover { background: rgba(201,163,91,.06); border-left-color: #c9a35b; color: #fff; }
  .dd-item .ic { color: #c9a35b; display:flex; align-items:center; justify-content:center; }
  .dd-item .ttl { font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: .22em; }
  .dd-item .sub { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 13px; color:#8a7d65; display:block; margin-top:2px; }
  .dd-item .arrow { color: #c9a35b; opacity: 0; transform: translateX(-4px); transition: all .2s; font-size: 14px; }
  .dd-item:hover .arrow { opacity: 1; transform: translateX(0); }

  .dd-divider { height:1px; background: linear-gradient(90deg, transparent, #2a1f12 30%, #2a1f12 70%, transparent); margin: 6px 22px; }

  /* mega panel grid */
  .mega-grid { display:grid; grid-template-columns: 1.1fr 1fr; gap: 18px; }
  .mega-grid.three { grid-template-columns: 1fr 1fr 1fr; }
  .mega-col-title {
    font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: .3em; color:#c9a35b;
    padding: 4px 10px 10px; border-bottom: 1px solid #2a1f12; margin-bottom: 6px;
  }
  .mega-feature {
    position: relative; height: 200px; overflow: hidden; border: 1px solid #2a1f12;
    display:flex; align-items:flex-end; padding: 14px; color: #e9dfc8;
    background-size: cover; background-position: center;
  }
  .mega-feature::after{
    content:''; position:absolute; inset:0;
    background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.85) 100%);
  }
  .mega-feature > * { position: relative; z-index: 1; }
  .mega-feature .badge { font-family:'Cinzel',serif; font-size:9px; letter-spacing:.3em; color:#c9a35b; }
  .mega-feature h4 { font-family:'Cinzel',serif; font-size: 14px; letter-spacing:.18em; margin-top:6px; }

  /* mobile nav dropdown chevron */
  .m-sub { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
  .m-sub.open { max-height: 600px; }
  .m-chev { transition: transform .25s ease; }
  .m-chev.open { transform: rotate(90deg); }

  #mobile-menu { transition: transform .3s ease, opacity .3s ease; }
  #mobile-menu.hidden-menu { opacity: 0; transform: translateY(-8px); pointer-events: none; }
  .hamburger span {
    display:block; width:22px; height:1.5px; background:#c9a35b; margin:5px 0;
    transition: transform .25s ease, opacity .25s ease;
  }
  .hamburger.open span:nth-child(1){ transform: translateY(6.5px) rotate(45deg); }
  .hamburger.open span:nth-child(2){ opacity: 0; }
  .hamburger.open span:nth-child(3){ transform: translateY(-6.5px) rotate(-45deg); }
  .big_logo-center{
    width: 50%;
  }
  img.header_logo {
    max-width: 56px;
  }
  img.icon-center-ps {
    width: 25px;
    margin: 0 auto;
  }
  nav .m-sub {
    background-color: rgb(10 8 5 / var(--tw-bg-opacity, 1));
    padding: 5px 0;
  }