@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Cinzel:wght@400;500&family=Noto+Serif+SC:wght@300;400;500&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#C9A84C;--gold-light:#E8D08A;--gold-dim:#8B6F35;--obsidian:#0A0A0B;--deep:#111114;--surface:#16161A;--surface2:#1E1E24;--muted:#6B6B7A;--text:#E8E6DF;--text-dim:#9A9890;}
html{scroll-behavior:smooth}
body{background:var(--obsidian);color:var(--text);font-family:'Noto Serif SC',serif;overflow-x:hidden}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0.9rem 2.5rem;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,11,0.97);border-bottom:1px solid rgba(201,168,76,0.12);backdrop-filter:blur(10px)}
.nav-logo a{text-decoration:none;font-family:'Cinzel',serif;font-size:0.78rem;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;display:block}
.nav-logo span{display:block;font-family:'Noto Serif SC',serif;font-size:0.55rem;letter-spacing:0.28em;color:var(--gold-dim);margin-top:1px}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{font-family:'Cinzel',serif;font-size:0.6rem;letter-spacing:0.18em;color:var(--text-dim);text-decoration:none;text-transform:uppercase;transition:color 0.3s}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-cta{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.18em;padding:0.45rem 1.1rem;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;text-transform:uppercase;transition:all 0.3s;text-decoration:none}
.nav-cta:hover{background:rgba(201,168,76,0.1)}
.page-header{padding:5.5rem 2.5rem 2.5rem;border-bottom:1px solid rgba(201,168,76,0.1);position:relative;overflow:hidden}
.page-header-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(201,168,76,0.04) 0%,transparent 70%);pointer-events:none}
.page-eyebrow{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.38em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:0.6rem}
.page-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:300;line-height:1.05;color:var(--text);margin-bottom:0.3rem}
.page-title em{font-style:italic;color:var(--gold)}
.page-title-cn{font-family:'Noto Serif SC',serif;font-size:0.85rem;font-weight:300;letter-spacing:0.4em;color:var(--text-dim)}
section{padding:3rem 2.5rem}
.section-tag{font-family:'Cinzel',serif;font-size:0.58rem;letter-spacing:0.35em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:0.6rem;display:flex;align-items:center;gap:0.75rem}
.section-tag::before{content:'';width:20px;height:1px;background:var(--gold-dim)}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300;line-height:1.15;margin-bottom:0.3rem}
.section-title-cn{font-family:'Noto Serif SC',serif;font-size:0.8rem;font-weight:300;letter-spacing:0.32em;color:var(--text-dim);margin-bottom:1.8rem}
.btn-primary{font-family:'Cinzel',serif;font-size:0.62rem;letter-spacing:0.2em;padding:0.75rem 2rem;background:var(--gold);color:var(--obsidian);border:none;cursor:pointer;text-transform:uppercase;transition:all 0.3s;display:inline-block;text-decoration:none;font-weight:500}
.btn-primary:hover{background:var(--gold-light)}
.btn-ghost{font-family:'Cinzel',serif;font-size:0.62rem;letter-spacing:0.2em;padding:0.75rem 2rem;border:1px solid rgba(201,168,76,0.4);color:var(--gold);background:transparent;cursor:pointer;text-transform:uppercase;transition:all 0.3s;display:inline-block;text-decoration:none}
.btn-ghost:hover{border-color:var(--gold);background:rgba(201,168,76,0.05)}
.ornament{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}
.ornament-line{width:50px;height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,0.3))}
.ornament-line.r{background:linear-gradient(to left,transparent,rgba(201,168,76,0.3))}
.ornament-gem{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.gold-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,0.2),transparent);margin:2rem 0}
.stats-bar{background:var(--surface);border-top:1px solid rgba(201,168,76,0.12);border-bottom:1px solid rgba(201,168,76,0.12);padding:1.2rem 2.5rem;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{text-align:center;padding:0.6rem;position:relative}
.stat:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(201,168,76,0.12)}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;color:var(--gold);line-height:1}
.stat-label{font-family:'Cinzel',serif;font-size:0.5rem;letter-spacing:0.22em;color:var(--muted);text-transform:uppercase;margin-top:0.25rem}
footer{background:var(--deep);border-top:1px solid rgba(201,168,76,0.1);padding:2.5rem}
.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
.footer-brand .nav-logo a{margin-bottom:0.6rem;display:block}
.footer-desc{font-family:'Cormorant Garamond',serif;font-size:0.85rem;font-weight:300;color:var(--muted);line-height:1.75;margin-top:0.5rem;margin-bottom:1rem}
.footer-cities{font-family:'Cinzel',serif;font-size:0.52rem;letter-spacing:0.2em;color:var(--gold-dim)}
.footer-col-title{font-family:'Cinzel',serif;font-size:0.56rem;letter-spacing:0.28em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:1rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
.footer-links a{font-family:'Cormorant Garamond',serif;font-size:0.88rem;font-weight:300;color:var(--muted);text-decoration:none;transition:color 0.3s}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(201,168,76,0.08);padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-family:'Cinzel',serif;font-size:0.52rem;letter-spacing:0.12em;color:var(--muted)}
.fade-in{opacity:0;transform:translateY(14px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
.grid-bg{background:rgba(201,168,76,0.06)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(201,168,76,0.08)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(201,168,76,0.08)}
.grid-cell{background:var(--obsidian);padding:1.8rem;transition:background 0.3s}
.grid-cell:hover{background:var(--surface)}
.tag{display:inline-block;font-family:'Cinzel',serif;font-size:0.48rem;letter-spacing:0.18em;padding:0.25rem 0.65rem;border:1px solid rgba(201,168,76,0.3);color:var(--gold-dim);text-transform:uppercase}
.tag-filled{background:var(--gold);color:var(--obsidian);border:none;font-family:'Cinzel',serif;font-size:0.48rem;letter-spacing:0.18em;padding:0.25rem 0.65rem;text-transform:uppercase;display:inline-block}

/* ── MOBILE RESPONSIVE ─────────────────────────────────── */
@media(max-width:768px){
  nav{padding:0.8rem 1.2rem}
  .nav-links{display:none}
  .page-header{padding:4.5rem 1.2rem 1.8rem}
  section{padding:2rem 1.2rem}
  .stats-bar{grid-template-columns:repeat(2,1fr);padding:1rem 1.2rem}
  .stat:nth-child(2)::after{display:none}
  .about-strip{grid-template-columns:1fr;gap:1.5rem;padding:2rem 1.2rem}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr;padding:0}
  footer{padding:2rem 1.2rem}
  .footer-bottom{flex-direction:column;gap:0.5rem;text-align:center}
  .hero-btns{flex-direction:column;gap:0.8rem}
  .cta-btns{flex-direction:column;align-items:center}
  .event-row{grid-template-columns:70px 1fr auto;gap:1rem;padding:1rem 1.2rem}
  .event-day{font-size:1.8rem}
}
@media(max-width:480px){
  .stats-bar{grid-template-columns:1fr 1fr}
  .stat::after{display:none}
  .footer-inner{grid-template-columns:1fr}
  .hero-title{font-size:2.8rem}
  .tiers{grid-template-columns:1fr}
  .tier.featured{border-top:2px solid var(--gold)}
  .testimonials-grid,.grid-3{grid-template-columns:1fr}
  .apply-grid{grid-template-columns:1fr}
  .apply-sidebar{display:none}
  .tier-select{grid-template-columns:1fr}
  .event-row{grid-template-columns:60px 1fr;gap:0.8rem}
  .event-arrow{display:none}
}

/* ── MOBILE NAV HAMBURGER ──────────────────────────────── */
.nav-hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:4px}
.nav-hamburger span{display:block;width:22px;height:1px;background:var(--gold)}
@media(max-width:768px){
  .nav-hamburger{display:flex}
  .nav-mobile-open .nav-links{display:flex;flex-direction:column;position:fixed;top:52px;left:0;right:0;background:rgba(10,10,11,0.98);padding:1.2rem;gap:0;border-bottom:1px solid rgba(201,168,76,0.12);z-index:99}
  .nav-mobile-open .nav-links li{padding:0.6rem 0;border-bottom:1px solid rgba(201,168,76,0.06)}
  .nav-mobile-open .nav-links a{font-size:0.75rem}
  .admin-wrap{grid-template-columns:1fr}
  .sidebar{display:none}
}