/* ── CTC V3 SHARED STYLES ── */
:root {
  --navy: #04101f; --navy2: #071828; --navy3: #0d2137;
  --gold: #c8a951; --gold2: #e2c46e; --gold3: #f0d98a;
  --white: #ffffff; --cream: #f8f5ee; --cream2: #f0ebe0;
  --off-white: #f4f1ea; --body: #3a4a5c; --muted: #6b8099; --muted2: #8fa3b8;
  --serif: 'Cormorant', Georgia, serif; --sans: 'Syne', sans-serif;
  --ease: cubic-bezier(0.23,1,0.32,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--white);color:var(--navy);overflow-x:hidden;}

/* NAV */
.nav2{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 3rem;
  background:rgba(4,16,31,0.96);backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(200,169,81,0.1);
  transition:all 0.3s;
}
.nav2.scrolled2{padding:0.7rem 3rem;box-shadow:0 4px 40px rgba(0,0,0,0.5);}
.nav-brand2{display:flex;align-items:center;gap:0.8rem;text-decoration:none;}
.nav-brand2 img{height:42px;width:auto;max-width:210px;object-fit:contain;}
.brand-mark2{display:none;}
.brand-text2{display:none;}
.brand-name2{display:none;}
.brand-sub2{display:none;}
.nav-links2{display:flex;list-style:none;gap:0.1rem;align-items:center;}
.nav-links2 a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.78rem;font-weight:500;padding:0.5rem 0.8rem;transition:color 0.2s;letter-spacing:0.03em;}
.nav-links2 a:hover,.nav-links2 .active2{color:var(--gold)!important;}
.has-sub2{position:relative;}
.has-sub2:hover .subnav2{opacity:1;visibility:visible;transform:translateY(0);}
.subnav2{
  position:absolute;top:calc(100% + 0.5rem);left:0;
  background:rgba(7,24,40,0.98);backdrop-filter:blur(16px);
  border:1px solid rgba(200,169,81,0.15);
  min-width:220px;padding:0.4rem 0;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:all 0.25s;box-shadow:0 20px 60px rgba(0,0,0,0.5);
}
.subnav2 a{display:flex;gap:0.7rem;align-items:center;padding:0.65rem 1.2rem!important;font-size:0.78rem!important;color:rgba(255,255,255,0.65)!important;border-left:2px solid transparent;transition:all 0.2s;}
.subnav2 a:hover{color:var(--gold)!important;border-left-color:var(--gold);padding-left:1.4rem!important;}
.nav-acts2{display:flex;align-items:center;gap:0.8rem;}
.nav-login2{color:var(--muted2);font-size:0.75rem;text-decoration:none;border:1px solid rgba(200,169,81,0.2);padding:0.45rem 0.9rem;border-radius:2px;transition:all 0.2s;}
.nav-login2:hover{color:var(--gold);border-color:rgba(200,169,81,0.5);}
.nav-cta2{background:var(--gold);color:var(--navy);padding:0.55rem 1.3rem;font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all 0.3s;}
.nav-cta2:hover{background:var(--gold2);transform:translateY(-1px);}
.hamburger2{display:none;background:none;border:none;color:var(--white);font-size:1.3rem;cursor:pointer;}
.mob2{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(4,16,31,0.98);backdrop-filter:blur(20px);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:2rem;}
.mob2.open2{display:flex;}
.mob-close2{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:var(--white);font-size:1.3rem;cursor:pointer;}
.mob2 a{font-family:var(--serif);font-size:2rem;color:var(--white);text-decoration:none;transition:color 0.3s;}
.mob2 a:hover{color:var(--gold);}

/* PAGE HEADER */
.page-hdr2{
  background:linear-gradient(160deg,#04101f 0%,#071828 60%,#050e1a 100%);
  padding:9rem 4rem 5rem;position:relative;overflow:hidden;
}
.page-hdr2::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(200,169,81,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,81,0.03) 1px,transparent 1px);
  background-size:70px 70px;
}
.page-hdr-inner2{position:relative;z-index:1;max-width:750px;}
.breadcrumb2{display:flex;gap:0.5rem;align-items:center;font-size:0.72rem;color:var(--muted);margin-bottom:1.5rem;}
.breadcrumb2 a{color:var(--muted);text-decoration:none;transition:color 0.2s;}
.breadcrumb2 a:hover{color:var(--gold);}
.breadcrumb2 span{color:rgba(255,255,255,0.25);}
.page-hdr-badge2{display:inline-block;background:rgba(200,169,81,0.1);border:1px solid rgba(200,169,81,0.25);padding:0.35rem 1rem;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold2);border-radius:20px;margin-bottom:1.5rem;}
.page-hdr2 h1{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:600;line-height:1.05;color:var(--white);margin-bottom:1.5rem;}
.page-hdr2 h1 em{font-style:italic;color:var(--gold);}
.page-hdr2 p{font-size:1rem;color:rgba(255,255,255,0.6);line-height:1.75;max-width:580px;margin-bottom:2rem;font-weight:300;}
.hdr-btns2{display:flex;gap:1rem;flex-wrap:wrap;}

/* BUTTONS */
.btn-gold2{background:linear-gradient(135deg,var(--gold) 0%,#a8842e 100%);color:var(--navy);padding:0.9rem 2.2rem;font-size:0.82rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border:none;border-radius:2px;cursor:pointer;transition:all 0.3s;display:inline-block;}
.btn-gold2:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(200,169,81,0.4);}
.btn-outline2{background:transparent;color:var(--white);padding:0.9rem 2.2rem;border:1px solid rgba(255,255,255,0.25);font-size:0.82rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:2px;cursor:pointer;transition:all 0.3s;display:inline-block;}
.btn-outline2:hover{border-color:var(--gold);color:var(--gold);}
.btn-navy2{background:var(--navy);color:var(--white);padding:0.85rem 2rem;font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;border-radius:2px;cursor:pointer;transition:all 0.3s;display:inline-block;}
.btn-navy2:hover{background:var(--navy3);transform:translateY(-2px);}

/* UTILS */
.label2{font-size:0.68rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:0.8rem;display:block;}
.gold-bar2{width:50px;height:2px;background:var(--gold);margin-bottom:1.5rem;}
.h2-dark2{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3rem);color:var(--navy);font-weight:600;line-height:1.1;margin-bottom:1rem;}
.h2-dark2 em{font-style:italic;color:var(--gold);}
.body-text2{font-size:0.92rem;color:var(--body);line-height:1.8;font-weight:300;margin-bottom:1.2rem;}

/* REVEAL */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s var(--ease),transform 0.7s var(--ease);}
.reveal.vis2{opacity:1;transform:translateY(0);}

/* FOOTER */
.footer2{background:#020b15;padding:5rem 4rem 2rem;}
.footer-top2{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,0.05);}
.footer-name2{font-family:var(--serif);font-size:1.2rem;color:var(--gold);margin-bottom:0.8rem;}
.footer-desc2{font-size:0.82rem;color:var(--muted);line-height:1.7;max-width:260px;margin-bottom:1rem;}
.footer-badges2{display:flex;flex-wrap:wrap;gap:0.5rem;}
.fbadge2{background:rgba(200,169,81,0.06);border:1px solid rgba(200,169,81,0.15);padding:0.25rem 0.7rem;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(200,169,81,0.5);}
.fcol2{display:flex;flex-direction:column;gap:0.6rem;}
.fcol2 h5{font-size:0.65rem;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.25);margin-bottom:0.8rem;font-weight:600;}
.fcol2 a{color:var(--muted);text-decoration:none;font-size:0.82rem;transition:color 0.2s;}
.fcol2 a:hover{color:var(--gold);}
.fcol2 span{color:var(--muted);font-size:0.82rem;}
.footer-btm2{padding-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:0.72rem;color:rgba(107,128,153,0.4);}

@media(max-width:1024px){
  .nav2{padding:0.8rem 1.5rem;}
  .nav-links2{display:none;}
  .nav-acts2 .nav-login2{display:none;}
  .hamburger2{display:block;}
  .page-hdr2{padding:7rem 2rem 4rem;}
  .footer2{padding:4rem 2rem 2rem;}
  .footer-top2{grid-template-columns:1fr 1fr;gap:2.5rem;}
  .footer-btm2{flex-direction:column;gap:0.5rem;text-align:center;}
}
@media(max-width:600px){
  .footer-top2{grid-template-columns:1fr;}
  .hdr-btns2{flex-direction:column;}
}
</style>