/* =========================================================
   DENIZ ANSIN - ULTRA GOLD THEME (Premium)
   ========================================================= */

:root{
  --bg0:#0b0610;
  --bg1:#130818;
  --bg2:#1b0b20;
  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.09);
  --line: rgba(255,255,255,.12);

  --text:#f7f1ff;
  --muted: rgba(247,241,255,.72);

  --gold:#f5d27a;
  --gold2:#d6a94f;
  --rose:#ff8fd8;
  --violet:#b06bff;

  --shadow: 0 18px 60px rgba(0,0,0,.45);
  --shadow2: 0 10px 30px rgba(0,0,0,.35);
  --radius: 22px;

  --max: 1320px;
  --pad: 24px;
  --pad2: 18px;

  --glass: blur(14px);
}

*{box-sizing:border-box;}
html,body{height:100%; scroll-behavior:smooth;}
body{
  margin:0;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 520px at 72% 12%, rgba(245,210,122,.26), transparent 62%),
    radial-gradient(780px 520px at 12% 22%, rgba(176,107,255,.22), transparent 55%),
    radial-gradient(780px 520px at 20% 90%, rgba(255,143,216,.14), transparent 55%),
    linear-gradient(180deg, var(--bg0), var(--bg1) 55%, var(--bg2));
  overflow-x:hidden;
}

/* Helpers */
.container{max-width:var(--max); margin:0 auto; padding:0 var(--pad);}
.section{padding:72px 0;}
.section.sm{padding:54px 0;}
.title{
  font-size: clamp(1.35rem, 1rem + 1.2vw, 2.2rem);
  letter-spacing:.6px;
  margin:0 0 14px 0;
}
.lead{color:var(--muted); font-size:1.05rem; line-height:1.7; margin:0;}
.pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 14px; border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:rgba(247,241,255,.86);
  font-weight:600;
}

/* Top ribbon */
.ribbon{
  position:fixed; inset:0 0 auto 0;
  z-index:1200;
  backdrop-filter: var(--glass);
  background:linear-gradient(90deg, rgba(245,210,122,.13), rgba(176,107,255,.10), rgba(255,143,216,.10));
  border-bottom:1px solid rgba(255,255,255,.12);
}
.ribbon-inner{
  height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.brand{
  display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--text);
}
.brand-badge {
  width: 58px;
  height: 43px;
  border-radius: 22px;
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .25), rgba(255, 255, 255, .06));
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: var(--shadow2);
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}
.brand-badge::after{
  content:"";
  position:absolute; inset:-40px -80px auto auto;
  width:140px; height:140px;
  background: radial-gradient(circle at 30% 30%, rgba(245,210,122,.55), transparent 60%);
  transform: rotate(25deg);
}
.brand-badge svg{position:relative; z-index:1}
.brand-name{font-weight:800; letter-spacing:.6px; line-height:1;}
.brand-sub {
  font-size: 9px;
  color: var(--muted);
  margin-top: 2px;
}

.nav{
  display:flex; align-items:center; gap:18px;
}
.nav a{
  color:rgba(247,241,255,.82);
  text-decoration:none;
  font-weight:700;
  font-size:.96rem;
  padding:8px 10px;
  border-radius:12px;
  transition: background .18s, color .18s, transform .18s;
}
.nav a:hover{background:rgba(255,255,255,.06); color:var(--text); transform: translateY(-1px);}

.actions{
  display:flex; align-items:center; gap:10px;
}
.btn{
  appearance:none; border:none; cursor:pointer;
  color:var(--text);
  font-weight:800;
  letter-spacing:.4px;
  padding:10px 14px;
  border-radius:14px;
  background: rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter: var(--glass);
  transition: transform .16s, box-shadow .16s, background .16s;
}
.btn:hover{transform: translateY(-1px); box-shadow: var(--shadow2); background: rgba(255,255,255,.10);}
.btn.gold{
  background: linear-gradient(90deg, rgba(245,210,122,.95), rgba(214,169,79,.95));
  color:#2a1733;
  border:1px solid rgba(245,210,122,.55);
}
.btn.gold:hover{background: linear-gradient(90deg, rgba(255,232,160,.98), rgba(214,169,79,.95));}
.btn.icon{
  width:44px; height:44px; display:grid; place-items:center; padding:0;
}
.btn.small{padding:9px 12px; border-radius:12px; font-weight:800;}

.hamburger{display:none;}
.hamburger span{
  width:20px; height:2px; background:rgba(247,241,255,.88);
  display:block; border-radius:2px;
  position:relative;
}
.hamburger span:before,.hamburger span:after{
  content:""; position:absolute; left:0;
  width:20px; height:2px; background:rgba(247,241,255,.88);
  border-radius:2px;
}
.hamburger span:before{top:-6px;}
.hamburger span:after{top:6px;}

/* Mobile drawer */
.drawer{
  position:fixed; inset:68px 0 0 auto;
  width:min(360px, 92vw);
  transform: translateX(110%);
  transition: transform .28s ease;
  background: rgba(16,7,20,.82);
  backdrop-filter: var(--glass);
  border-left: 1px solid rgba(255,255,255,.10);
  z-index:1190;
  box-shadow: var(--shadow);
}
.drawer.open{transform: translateX(0);}
.drawer .drawer-inner{padding:18px;}
.drawer a{
  display:block;
  padding:12px 12px;
  border-radius:14px;
  color:rgba(247,241,255,.85);
  text-decoration:none;
  font-weight:800;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  margin-bottom:10px;
}
.drawer a:hover{background: rgba(255,255,255,.08);}

/* Hero */
.hero{
  padding-top: 118px; /* ribbon offset */
  padding-bottom: 34px;
}
.hero-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 26px;
  align-items:center;
}
.hero-card{
  border-radius: calc(var(--radius) + 6px);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
  box-shadow: var(--shadow);
  padding: 26px;
  position:relative;
  overflow:hidden;
}
.hero-card:before{
  content:"";
  position:absolute;
  inset:-140px -120px auto auto;
  width:360px; height:360px;
  background: radial-gradient(circle at 30% 30%, rgba(245,210,122,.55), transparent 64%);
  transform: rotate(20deg);
  pointer-events:none;
}
.hero-card:after{
  content:"";
  position:absolute;
  inset:auto -120px -160px auto;
  width:360px; height:360px;
  background: radial-gradient(circle at 35% 40%, rgba(176,107,255,.26), transparent 62%);
  transform: rotate(-10deg);
  pointer-events:none;
}
.hero h1{
  margin:12px 0 10px 0;
  font-size: clamp(2.1rem, 1.7rem + 1.5vw, 3.1rem);
  letter-spacing:.8px;
}
.kicker{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-bottom: 14px;
}
.hero .lead{margin-top:10px; max-width:55ch;}
.hero-cta{
  display:flex; gap:12px; flex-wrap:wrap;
  margin-top:18px;
}
.hero-cta .btn{padding:12px 16px; border-radius:16px;}
.social-mini{
  margin-top:16px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.social-mini a{
  display:inline-flex; align-items:center; gap:10px;
  text-decoration:none;
  color:rgba(247,241,255,.86);
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.social-mini a:hover{background: rgba(255,255,255,.08);}

.portrait{
  border-radius: calc(var(--radius) + 18px);
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadow);
  overflow:hidden;
  position:relative;
}
.portrait .img-wrap{
  aspect-ratio: 4 / 5;
  width:100%;
  display:block;
  background: radial-gradient(circle at 30% 20%, rgba(245,210,122,.28), rgba(255,255,255,.02));
  position:relative;
}
.portrait img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.03);
}
.portrait .stamp{
  position:absolute;
  left:16px; bottom:16px;
  padding:10px 12px;
  border-radius:18px;
  background: rgba(10,6,14,.56);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter: var(--glass);
  box-shadow: var(--shadow2);
  font-weight:800;
  letter-spacing:.5px;
}
.stamp small{display:block; color:var(--muted); font-weight:700; letter-spacing:.2px; margin-top:2px;}

/* Cards grid */
.grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}
.card{
  grid-column: span 4;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius: var(--radius);
  box-shadow: var(--shadow2);
  padding: 18px;
  position:relative;
  overflow:hidden;
}
.card:before{
  content:"";
  position:absolute; inset:-120px -120px auto auto;
  width:260px; height:260px;
  background: radial-gradient(circle at 35% 35%, rgba(245,210,122,.28), transparent 60%);
  pointer-events:none;
}
.card h3{margin:2px 0 8px 0; font-size:1.05rem; letter-spacing:.4px;}
.card p{margin:0; color:var(--muted); line-height:1.7;}
.card .icon{
  width:44px; height:44px; border-radius:16px;
  background: rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  display:grid; place-items:center;
  margin-bottom:12px;
}
.card ul{margin:10px 0 0 0; padding-left:18px; color:rgba(247,241,255,.78);}
.card li{margin:8px 0;}

/* Split block */
.split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items:start;
}
.panel{
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  border-radius: var(--radius);
  box-shadow: var(--shadow2);
  padding: 18px;
}
.panel .muted{color:var(--muted); line-height:1.7;}
.panel hr{border:none; border-top:1px solid rgba(255,255,255,.10); margin:14px 0;}

/* Gallery preview strip */
.gallery-strip{
  display:flex; gap:12px; overflow:auto; padding-bottom:6px;
  scroll-snap-type:x mandatory;
}
.gallery-strip::-webkit-scrollbar{height:8px;}
.gallery-strip::-webkit-scrollbar-thumb{background: rgba(255,255,255,.14); border-radius:999px;}
.thumb{
  flex:0 0 auto;
  width:219px; height:290px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  scroll-snap-align:start;
}
.thumb img{width:100%; height:100%; object-fit:cover; display:block;}

/* Booking */
.form{
  display:grid; grid-template-columns: 1fr 1fr; gap:12px;
}
.field{display:flex; flex-direction:column; gap:7px;}
.field label{font-weight:800; letter-spacing:.2px; font-size:.96rem;}
.input, textarea{
  width:100%;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:var(--text);
  outline:none;
}
textarea{min-height:110px; resize:vertical; grid-column:1/-1;}
.form .actions-row{grid-column:1/-1; display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.notice{color:rgba(247,241,255,.76); font-size:.95rem; line-height:1.6;}
.success{
  display:none;
  margin-top:10px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(69, 255, 152, .35);
  background: rgba(69, 255, 152, .09);
  color: rgba(207,255,226,.95);
  font-weight:800;
}

/* Footer */
.footer{
  padding: 38px 0 54px;
  border-top:1px solid rgba(255,255,255,.10);
  color: rgba(247,241,255,.70);
}
.footer a{color: rgba(245,210,122,.95); text-decoration:none; font-weight:800;}
.footer a:hover{text-decoration:underline;}

/* Music button */
.music-btn{
  position:fixed;
  right: 18px;
  bottom: 18px;
  z-index:1250;
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(16, 7, 20, .72);
  backdrop-filter: var(--glass);
  color:rgba(247,241,255,.92);
  font-weight:900;
  cursor:pointer;
  box-shadow: var(--shadow2);
}
.music-btn:hover{background: rgba(16, 7, 20, .84);}
.music-btn .dot{
  width:10px; height:10px; border-radius:999px;
  background: linear-gradient(90deg, var(--gold), var(--rose));
  box-shadow: 0 0 0 6px rgba(245,210,122,.14);
}
.music-overlay{
  position:fixed; inset:0;
  z-index:2000;
  display:flex; align-items:center; justify-content:center;
  padding: 24px;
  background: radial-gradient(900px 520px at 72% 12%, rgba(245,210,122,.28), transparent 62%),
              radial-gradient(780px 520px at 12% 22%, rgba(176,107,255,.24), transparent 55%),
              linear-gradient(180deg, rgba(11,6,16,.92), rgba(11,6,16,.96));
  backdrop-filter: blur(10px);
}
.music-modal{
  width:min(560px, 92vw);
  border-radius: 28px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  box-shadow: var(--shadow);
  padding: 22px;
  text-align:center;
}
.music-modal h2{margin:0 0 8px 0; letter-spacing:.7px;}
.music-modal p{margin:0 0 16px 0; color: var(--muted); line-height:1.7;}
.music-modal .row{display:flex; gap:12px; justify-content:center; flex-wrap:wrap;}
.music-modal .btn{padding:12px 16px; border-radius:16px;}

/* Intro stage (curtain) */
#intro-stage{
  position:fixed; inset:0;
  z-index:3000;
  display:flex; align-items:center; justify-content:center;
  background: radial-gradient(circle at 50% 30%, rgba(245,210,122,.12), transparent 60%),
              linear-gradient(180deg, #07030b, #140719);
  transition: opacity .8s cubic-bezier(.56,.18,.86,.78);
}
#curtain-left, #curtain-right{
  position:absolute; top:0; height:100%;
  width:50vw;
  z-index:3001;
  transition:transform 2s cubic-bezier(.75,0,.33,1.15);
}
#curtain-left{
  left:0;
  background:linear-gradient(120deg, rgba(245,210,122,.20) 0%, rgba(176,107,255,.10) 35%, rgba(255,255,255,.06) 100%);
  border-top-right-radius:220px 60vw;
  border-bottom-right-radius:190px 60vw;
  box-shadow: 18px 0 70px rgba(245,210,122,.12);
}
#curtain-right{
  right:0;
  background:linear-gradient(-120deg, rgba(245,210,122,.20) 0%, rgba(176,107,255,.10) 35%, rgba(255,255,255,.06) 100%);
  border-top-left-radius:220px 60vw;
  border-bottom-left-radius:190px 60vw;
  box-shadow: -18px 0 70px rgba(245,210,122,.12);
}
#intro-name{
  position:relative;
  z-index:3030;
  text-align:center;
  font-weight:900;
  letter-spacing:1.4px;
  font-size: clamp(2rem, 1.4rem + 2.4vw, 3.3rem);
  color: rgba(247,241,255,.95);
  text-shadow: 0 10px 60px rgba(245,210,122,.20), 0 2px 1px rgba(255,255,255,.06);
  opacity:0;
  transition: opacity 1.6s cubic-bezier(.33,.01,.56,1.09);
}
#intro-name small{
  display:block;
  margin-top:10px;
  font-size:1.05rem;
  letter-spacing:.6px;
  color: rgba(247,241,255,.74);
  font-weight:800;
}

/* Gallery page */
.tabs{
  display:flex; gap:10px; flex-wrap:wrap;
  margin:14px 0 16px 0;
}
.tab{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color: rgba(247,241,255,.86);
  cursor:pointer;
  font-weight:900;
}
.tab.active{
  background: linear-gradient(90deg, rgba(245,210,122,.95), rgba(214,169,79,.95));
  color:#2a1733;
  border:1px solid rgba(245,210,122,.55);
}
.gallery-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
}
.gitem{
  grid-column: span 4;
  border-radius: 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  cursor:pointer;
  position:relative;
  box-shadow: var(--shadow2);
}
.gitem .cap{
  position:absolute; inset:auto 10px 10px 10px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(10,6,14,.62);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: var(--glass);
  color: rgba(247,241,255,.92);
  font-weight:900;
  font-size:.95rem;
  opacity:.95;
}
.gitem img{width:100%; height:210px; object-fit:cover; display:block; transform: scale(1.02); transition: transform .18s;}
.gitem:hover img{transform: scale(1.06);}

/* Lightbox */
.lightbox{
  position:fixed; inset:0; z-index:2600;
  display:none;
  align-items:center; justify-content:center;
  padding: 16px;
  background: rgba(0,0,0,.78);
}
.lightbox.open{display:flex;}
.lightbox-inner{
  width:min(1040px, 96vw);
  border-radius: 22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(10,6,14,.55);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
}
.lightbox-top{
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 12px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.lightbox-title{font-weight:900; color: rgba(247,241,255,.92);}
.lightbox-close{
  width:44px; height:44px; border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: rgba(247,241,255,.92);
  cursor:pointer;
}
.lightbox-body{padding: 12px;}
.lightbox-body img, .lightbox-body video{
  width:100%;
  max-height: 76vh;
  border-radius: 16px;
  display:block;
  object-fit:contain;
  background: rgba(255,255,255,.03);
}

/* Responsive */
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr; gap:16px;}
  /* .portrait .img-wrap{aspect-ratio: 16/10;} */
  .card{grid-column: span 6;}
  .split{grid-template-columns:1fr;}
  .gitem{grid-column: span 6;}
}
@media (max-width: 720px){
  .nav{display:none;}
  .hamburger{display:grid;}
  .ribbon-inner{gap:10px;}
  .container{padding:0 16px;}
  .hero-card{padding:18px;}
  .card{grid-column: span 12;}
  .form{grid-template-columns:1fr;}
  .gitem{grid-column: span 12;}
}

/* Tiny */
@media (max-width: 420px){
  .brand-name{font-size:.98rem;}
  .btn.small{padding:8px 10px;}
}



/* Filter bar */
.filterbar{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; flex-wrap:wrap;
  margin: 10px 0 16px;
}
.filterchips{display:flex; gap:10px; flex-wrap:wrap;}
.chip{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  color: rgba(247,241,255,.86);
  cursor:pointer;
  font-weight:900;
  text-decoration:none;
}
.chip.active{
  background: linear-gradient(90deg, rgba(245,210,122,.95), rgba(214,169,79,.95));
  color:#2a1733;
  border:1px solid rgba(245,210,122,.55);
}

/* Mini video slider */
.vslider{
  position:relative;
}
.vtrack{
  display:flex;
  gap:12px;
  overflow:auto;
  scroll-snap-type:x mandatory;
  padding-bottom:6px;
}
.vtrack::-webkit-scrollbar{height:8px;}
.vtrack::-webkit-scrollbar-thumb{background: rgba(255,255,255,.14); border-radius:999px;}
.vcard{
  flex:0 0 auto;
  width:min(360px, 82vw);
  scroll-snap-align:start;
  border-radius: 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow2);
  position:relative;
}
.vcard video{
  width:100%;
  height:210px;
  object-fit:cover;
  background: rgba(255,255,255,.03);
  display:block;
}
.vcard .cap{
  position:absolute; inset:auto 10px 10px 10px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(10,6,14,.62);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: var(--glass);
  color: rgba(247,241,255,.92);
  font-weight:900;
  font-size:.95rem;
}
.vcontrols{
  display:flex; gap:10px; flex-wrap:wrap; align-items:center;
  margin-top: 10px;
}


.nav a{ text-decoration:none; }


/* v2 Gold + Typography */
:root{
  --gold: #f5d27a;
  --gold2: #d6a94f;
  --gold3: #b8892f;
  --ink: #f7f1ff;
  --ink2: rgba(247,241,255,.78);
  --bg0: #0b0610;
  --bg1: #12091a;
}

h1,h2,h3,.brand-name{
  font-family: "Cinzel", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .6px;
}

.brand-sub{letter-spacing:.22px; font-weight:800;}

.ribbon {
  border-bottom: 1px solid rgba(245, 210, 122, .14);
  background: radial-gradient(900px 200px at 20% -20%, rgb(255 204 76 / 87%), transparent 60%), radial-gradient(900px 240px at 90% -40%, rgba(214, 169, 79, .18), transparent 55%), rgba(10, 6, 14, .72);
}

.btn.gold{
  background: linear-gradient(90deg, rgba(245,210,122,.98), rgba(214,169,79,.98), rgba(184,137,47,.98));
  color:#251427;
  border: 1px solid rgba(245,210,122,.55);
  box-shadow: 0 14px 44px rgba(245,210,122,.18);
}
.btn.gold:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 58px rgba(245,210,122,.24);
}

.pill{
  border: 1px solid rgba(245,210,122,.22);
  background:
    linear-gradient(180deg, rgba(245,210,122,.12), rgba(255,255,255,.03));
}

.card{
  border: 1px solid rgba(245,210,122,.12);
}

.card .icon{
  background: radial-gradient(circle at 30% 30%, rgba(245,210,122,.28), rgba(255,255,255,.05));
  border: 1px solid rgba(245,210,122,.22);
}

.section{
  background:
    radial-gradient(900px 240px at 20% -10%, rgba(245,210,122,.14), transparent 60%),
    radial-gradient(700px 220px at 80% 0%, rgba(214,169,79,.12), transparent 55%),
    rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
}

.lead strong{ color: var(--gold); }

/* Nav links: no underline + premium hover */
.nav a{
  text-decoration:none;
  position:relative;
  padding:10px 10px;
  border-radius:999px;
}
.nav a:hover{
  background: rgba(245,210,122,.08);
  color: rgba(247,241,255,.92);
}

/* Premium hero */
.hero{
  background:
    radial-gradient(900px 380px at 18% 10%, rgba(245,210,122,.18), transparent 55%),
    radial-gradient(700px 320px at 88% 22%, rgba(214,169,79,.16), transparent 55%),
    radial-gradient(900px 520px at 50% 110%, rgba(170,110,255,.10), transparent 60%),
    linear-gradient(180deg, rgba(12,7,18,.88), rgba(10,6,14,.92));
  border-bottom: 1px solid rgba(245,210,122,.10);
}

.hero-card{
  border: 1px solid rgba(245,210,122,.14);
  background:
    radial-gradient(900px 240px at 10% 0%, rgba(245,210,122,.12), transparent 60%),
    rgba(255,255,255,.03);
}

.stamp{
  border: 1px solid rgba(245,210,122,.16);
  background: rgba(10,6,14,.58);
}

.notice{
  color: rgba(245,210,122,.72);
  font-weight:800;
}

/* Footer more gold */
.footer{
  border-top: 1px solid rgba(245,210,122,.10);
  background:
    radial-gradient(900px 240px at 50% 0%, rgba(245,210,122,.10), transparent 60%),
    rgba(10,6,14,.88);
}
.footer a{ color: rgba(245,210,122,.86); text-decoration:none; }
.footer a:hover{ color: rgba(245,210,122,1); }

.stats{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:12px;
  margin-top: 16px;
}
.stat{
  grid-column: span 4;
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(245,210,122,.12);
}
.stat .k{
  font-weight: 900;
  color: rgba(245,210,122,.86);
  font-size: .86rem;
  text-transform: uppercase;
  letter-spacing: .9px;
}
.stat .v{
  margin-top: 6px;
  color: rgba(247,241,255,.88);
  font-weight: 900;
}
@media (max-width: 920px){
  .stat{ grid-column: span 12; }
}


/* v3 Hero Shimmer + Oriental Pattern */
.hero{
  position: relative;
  overflow: hidden;
}
/* Oriental pattern overlay */
.hero::before{
  content:"";
  position:absolute;
  inset:-20%;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMjIwIiB2aWV3Qm94PSIwIDAgMjIwIDIyMCI+CjxkZWZzPgogIDxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgogICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjVkMjdhIiBzdG9wLW9wYWNpdHk9IjAuMjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Q2YTk0ZiIgc3RvcC1vcGFjaXR5PSIwLjE2Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8cmVjdCB3aWR0aD0iMjIwIiBoZWlnaHQ9IjIyMCIgZmlsbD0ibm9uZSIvPgo8ZyBmaWxsPSJub25lIiBzdHJva2U9InVybCgjZykiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Ik0xMTAgMThjLTIwIDIyLTIwIDQ0IDAgNjYgMjAtMjIgMjAtNDQgMC02NloiIC8+CiAgPHBhdGggZD0iTTExMCAyMDJjMjAtMjIgMjAtNDQgMC02Ni0yMCAyMi0yMCA0NCAwIDY2WiIgLz4KICA8cGF0aCBkPSJNMTggMTEwYzIyLTIwIDQ0LTIwIDY2IDAtMjIgMjAtNDQgMjAtNjYgMFoiIC8+CiAgPHBhdGggZD0iTTIwMiAxMTBjLTIyIDIwLTQ0IDIwLTY2IDAgMjItMjAgNDQtMjAgNjYgMFoiIC8+CiAgPHBhdGggZD0iTTU4IDU4YzIyIDYgMzQgMTggNDAgNDAtMjItNi0zNC0xOC00MC00MFoiIC8+CiAgPHBhdGggZD0iTTE2MiAxNjJjLTIyLTYtMzQtMTgtNDAtNDAgMjIgNiAzNCAxOCA0MCA0MFoiIC8+CiAgPHBhdGggZD0iTTE2MiA1OGMtNiAyMi0xOCAzNC00MCA0MCA2LTIyIDE4LTM0IDQwLTQwWiIgLz4KICA8cGF0aCBkPSJNNTggMTYyYzYtMjIgMTgtMzQgNDAtNDAtNiAyMi0xOCAzNC00MCA0MFoiIC8+CiAgPGNpcmNsZSBjeD0iMTEwIiBjeT0iMTEwIiByPSIxMCIvPgogIDxjaXJjbGUgY3g9IjExMCIgY3k9IjExMCIgcj0iMzQiIHN0cm9rZS1vcGFjaXR5PSIwLjI1Ii8+CiAgPGNpcmNsZSBjeD0iMTEwIiBjeT0iMTEwIiByPSI2MiIgc3Ryb2tlLW9wYWNpdHk9IjAuMTgiLz4KPC9nPgo8L3N2Zz4=');
  background-size: 220px 220px;
  background-repeat: repeat;
  opacity: .26;
  mix-blend-mode: screen;
  transform: rotate(-6deg);
  pointer-events:none;
  filter: blur(.15px);
}
/* Gold shimmer sweep */
.hero::after{
  content:"";
  position:absolute;
  inset:-35% -60%;
  background:
    radial-gradient(closest-side at 25% 40%, rgba(245,210,122,.22), transparent 70%),
    linear-gradient(110deg,
      transparent 0%,
      rgba(245,210,122,.00) 35%,
      rgba(245,210,122,.24) 45%,
      rgba(214,169,79,.18) 50%,
      rgba(245,210,122,.10) 56%,
      rgba(245,210,122,.00) 65%,
      transparent 100%);
  transform: translateX(-45%) rotate(10deg);
  animation: heroShimmer 10s ease-in-out infinite;
  pointer-events:none;
  mix-blend-mode: screen;
  opacity: .85;
}
@keyframes heroShimmer{
  0%   { transform: translateX(-55%) rotate(10deg); opacity:.55; }
  45%  { opacity:.88; }
  100% { transform: translateX(55%) rotate(10deg); opacity:.55; }
}
@media (prefers-reduced-motion: reduce){
  .hero::after{ animation:none; opacity:.35; }
}
/* ensure hero content stays above overlays */
.hero > *{ position:relative; z-index:2; }


/* v4 Header+Footer Visual */
.ribbon-inner.ribbon-v2{
  gap: 14px;
}
.brand-text{display:flex; flex-direction:column; gap:2px;}
.nav.nav-icons{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
  overflow:hidden;
}
.nav.nav-icons a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(247,241,255,.86);
  white-space:nowrap;
}
.nav.nav-icons a .ni{
  width:18px; height:18px; display:inline-grid; place-items:center;
  color: rgba(245,210,122,.88);
}
.nav.nav-icons a .ni svg{ width:18px; height:18px; }
.nav.nav-icons a .nl{ font-weight:900; font-size:.92rem; letter-spacing:.2px; }
.nav.nav-icons a.nav-cta{
  border-color: rgba(245,210,122,.22);
  background: rgba(245,210,122,.08);
}
.actions.actions-icons{
  display:flex;
  align-items:center;
  gap:10px;
}
.iconbtn{
  width:42px;height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  display:grid; place-items:center;
  color: rgba(247,241,255,.88);
  box-shadow: var(--shadow1);
}
.iconbtn svg{width:20px;height:20px;}
.iconbtn:hover{
  background: rgba(245,210,122,.08);
  border-color: rgba(245,210,122,.18);
  transform: translateY(-1px);
}
.drawer-head{margin-bottom:10px;}
.drawer-title{font-weight:900;color:rgba(247,241,255,.92);font-size:1.05rem;}
.drawer-sub{color:rgba(247,241,255,.60);font-weight:800;font-size:.92rem;}
.drawer-sep{border:none;border-top:1px solid rgba(255,255,255,.10);margin:14px 0;}

/* Desktop: prevent crowding */
@media (max-width: 1040px){
  .nav.nav-icons a .nl{ display:none; } /* icons only */
  .nav.nav-icons{ gap:8px; }
  .nav.nav-icons a{ padding:10px 11px; }
}
@media (max-width: 840px){
  .nav.nav-icons{ display:none; }
}

/* Footer v2 */
.footer.footer-v2{
  padding: 34px 0 28px;
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.5fr .9fr 1fr;
  gap: 18px;
  align-items:start;
}
.footer-brand, .footer-links, .footer-contact{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 20px;
  padding: 18px;
}
.fb-top{
  display:flex; gap:12px; align-items:center;
}
.fb-badge{
  width:44px;height:44px;
  border-radius:16px;
  display:grid; place-items:center;
  background: linear-gradient(180deg, rgba(245,210,122,.30), rgba(255,255,255,.04));
  border: 1px solid rgba(245,210,122,.24);
  color:#251427;
  font-weight: 1000;
  box-shadow: 0 18px 56px rgba(245,210,122,.14);
}
.fb-name{font-weight:1000;color:rgba(247,241,255,.92);}
.fb-sub{color:rgba(247,241,255,.62); font-weight:900;}
.fb-desc{margin:12px 0 14px;color:rgba(247,241,255,.70);line-height:1.65;}
.fb-ctas{display:flex; gap:10px; flex-wrap:wrap;}
.fb-mini{margin-top:14px; display:flex; gap:8px; flex-wrap:wrap;}
.badge{
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(245,210,122,.18);
  background: rgba(245,210,122,.08);
  color: rgba(247,241,255,.86);
  font-weight:900;
  font-size:.86rem;
}
.ft-title{
  font-weight:1000;
  color: rgba(245,210,122,.92);
  margin-bottom: 10px;
  letter-spacing:.6px;
  font-size: .96rem;
  text-transform: uppercase;
}
.footer-links a{
  display:block;
  padding:10px 10px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  margin: 8px 0;
  text-decoration:none;
}
.footer-links a:hover{
  background: rgba(245,210,122,.08);
  border-color: rgba(245,210,122,.18);
}
.ft-pill{
  display:flex; align-items:center; gap:10px;
  padding:12px 12px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  text-decoration:none;
  margin: 10px 0;
  font-weight: 900;
}
.ft-pill:hover{
  background: rgba(245,210,122,.08);
  border-color: rgba(245,210,122,.18);
}
.picon{
  width:32px;height:32px;
  border-radius: 12px;
  display:grid; place-items:center;
  background: rgba(245,210,122,.10);
  border:1px solid rgba(245,210,122,.16);
}
.ft-meta{margin-top:12px;color:rgba(247,241,255,.60);font-weight:800;line-height:1.65;}
.ft-meta .copy{margin-top:8px;}
.to-top{
  margin-top: 14px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius: 16px;
  border:1px solid rgba(245,210,122,.18);
  background: rgba(245,210,122,.08);
  text-decoration:none;
  font-weight: 1000;
}
.to-top:hover{ background: rgba(245,210,122,.12); }

@media (max-width: 980px){
  .footer-grid{ grid-template-columns: 1fr; }
}