@charset "utf-8";
.hide{display:none}
    /* ── LANGUAGE ── */
    [data-lang]             { display:none !important; }
    [data-lang].lang-active { display:block !important; }
    span[data-lang].lang-active,em[data-lang].lang-active,
    strong[data-lang].lang-active { display:inline !important; }

    /* ── GOLD GRADIENT TEXT ── */
    .tgg {
      background: linear-gradient(135deg, #d4af6a 0%, #b8953a 40%, #e8d5a0 70%, #b8953a 100%);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
    }

    /* ── NAV ── */
    .nav {
      position:fixed; top:0; left:0; right:0; z-index:500;
      background: rgba(0,0,0,.75);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(184,149,58,.12);
      height: 64px;
      display:flex; align-items:center;
    }
    .nav-in {
      max-width:1400px; margin:0 auto;
      padding:0 1.5rem; width:100%;
      display:flex; align-items:center; gap:1.5rem;
    }
    /* Signature logo */
    .sig-logo { height:32px; opacity:.8; transition:opacity .3s; }
    .sig-logo:hover { opacity:1; }

    .nav-links {
      display:flex; align-items:center; list-style:none;
      flex:1; justify-content:center; gap:0;
    }
    .nav-links a {
      display:block; padding:.3rem .75rem;
      font-size:.62rem; letter-spacing:.15em; text-transform:uppercase;
      text-decoration:none; color:rgba(226,221,240,.5);
      transition:color .3s; white-space:nowrap;
    }
    .nav-links a:hover, .nav-links a.active { color: var(--goldL); }

    /* Lang switcher */
    .lang-sw { display:flex; align-items:center; gap:2px; border:1px solid rgba(184,149,58,.2); border-radius:3px; padding:2px; flex-shrink:0; }
    .lang-btn { display:flex; align-items:center; gap:3px; padding:3px 7px; border-radius:2px; font-family:'Tenor Sans',sans-serif; font-size:9px; letter-spacing:.1em; text-transform:uppercase; border:1px solid transparent; background:transparent; cursor:pointer; transition:all .25s; color:rgba(226,221,240,.3); }
    .lang-btn .flag { font-size:10px; }
    .lang-btn .code { display:none; }
    @media(min-width:480px){ .lang-btn .code { display:inline; } }
    .lang-btn.active { border-color: var(--gold); color: var(--goldL); }
    .lang-btn:not(.active):hover { color: var(--text); }

    /* Burger */
    .burger { display:none; background:none; border:none; cursor:pointer; padding:.4rem; color:var(--goldL); flex-shrink:0; }
    .burger span { display:block; width:22px; height:1.5px; background:currentColor; margin:5px 0; transition:all .3s; }
    .burger.open span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
    .burger.open span:nth-child(2){ opacity:0; }
    .burger.open span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

    .mob-menu { position:fixed; top:64px; left:0; right:0; z-index:499; background:rgba(0,0,0,.97); border-bottom:1px solid rgba(184,149,58,.1); max-height:0; overflow:hidden; transition:max-height .4s ease; }
    .mob-menu.open { max-height:400px; }
    .mob-menu a { display:block; padding:.7rem 1.5rem; font-size:.72rem; letter-spacing:.15em; text-transform:uppercase; text-decoration:none; color:rgba(226,221,240,.55); border-bottom:1px solid rgba(255,255,255,.04); transition:color .3s; }
    .mob-menu a:hover { color:var(--goldL); }

    @media(max-width:1024px){ .nav-links{display:none;} .burger{display:block;} .nav-in{justify-content:space-between;} }
    @media(max-width:360px){ .sig-logo{height:26px;} }

    /* ═══════════════════════════════════════════════
       SPLIT HERO
    ═══════════════════════════════════════════════ */
    .hero {
      min-height: 100vh;
      display: grid;
      grid-template-columns:2fr 1fr;
      padding-top: 64px;background:linear-gradient(160deg,#000 0%,#160743 60%,#000 100%);
    }
    @media(max-width:900px){
      .hero { grid-template-columns:1fr; min-height: auto; }
      
    }

    /* LEFT PANEL */
    .hero-left {
      display:flex; flex-direction:column; justify-content:center;
      padding: 4rem 3.5rem 4rem 2.5rem;
      background: linear-gradient(135deg, #000000 0%, #160743 50%, #000000 100%);
      position:relative; overflow:hidden;
    }
    /* Particle scatter decorations */
    .hero-left::before {
      content:''; position:absolute; inset:0;
      background:
        radial-gradient(circle at 20% 30%, rgba(0,212,255,.06) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(204,68,255,.06) 0%, transparent 50%);
      pointer-events:none;
    }
    .hero-left::after {
      content:''; position:absolute;
      top:50%; right:0; transform:translateY(-50%);
      width:1px; height:60%;
      background: linear-gradient(to bottom, transparent, rgba(184,149,58,.3), transparent);
    }
    @media(max-width:900px){
      .hero-left { padding:3rem 1.5rem; }
      .hero-left::after { display:none; }
    }

    /* RIGHT PANEL — full-height image */
    .hero-right {
      position:relative; overflow:hidden;
      
    }
    .hero-right img {
      width:100%; height:100%;
      object-fit:contain; object-position:center;

    }

    @media(max-width:900px){
      .hero-right { height:auto; min-height:0; }
      .hero-right img { height:auto; max-height:none; object-fit:contain; object-position:center; width:100%; }
    }

    /* Hero text */
    .hero-eyebrow {
      font-size:.6rem; letter-spacing:.28em; text-transform:uppercase;
      color: rgba(0,212,255,.7); margin-bottom:1.25rem; display:block;
    }
    .hero-h1 {
      font-family:'Cinzel',serif;
      font-size:clamp(1.8rem, 4.5vw, 3.8rem);
      font-weight:600; line-height:1.1;
      color: var(--text); margin-bottom:.5rem;
    }
    .hero-h1 span { display:block; }
    .hero-sub-title {
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(1rem,2.5vw,1.5rem);
      font-style:italic; color:var(--goldL);
      margin-bottom:1.5rem; line-height:1.4;
    }
    .hero-bar { width:48px; height:2px; background:linear-gradient(90deg,var(--gold),var(--mag)); margin:1.5rem 0; }
    .hero-p {
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(.95rem,1.8vw,1.25rem); font-style:italic;
      color:var(--muted); line-height:1.75;
      max-width:667px; margin-bottom:2rem;
    }

    /* Hero buttons */
    .hero-btns { display:flex; flex-wrap:wrap; gap:.75rem; }
    .btn-primary {
      font-size:.65rem; letter-spacing:.18em; text-transform:uppercase;
      padding:.7rem 1.6rem;
      background: linear-gradient(135deg, var(--gold), var(--goldXL));
      color:#000; text-decoration:none; font-weight:700;
      transition:opacity .3s;
    }
    .btn-primary:hover { opacity:.85; }
    .btn-ghost {
      font-size:.65rem; letter-spacing:.18em; text-transform:uppercase;
      padding:.7rem 1.6rem;
      border:1px solid rgba(184,149,58,.4);
      color:var(--goldL); text-decoration:none;
      transition:border-color .3s, color .3s;
    }
    .btn-ghost:hover { border-color:var(--gold); color:var(--goldXL); }

    /* ═══════════════════════════════════════════════
       SECTIONS
    ═══════════════════════════════════════════════ */
    section { padding:5rem 1.5rem; }
    .sec-in { max-width:1200px; margin:0 auto; }

    .sec-eyebrow {
      display:block; font-size:.6rem; letter-spacing:.28em; text-transform:uppercase;
      color:rgba(0,212,255,.6); margin-bottom:1rem;
    }
    h2 {
      font-family:'Cinzel',serif;
      font-size:clamp(1.5rem,3.5vw,2.8rem);
      font-weight:600; line-height:1.15;
      color:var(--text); margin-bottom:1.25rem;
    }
    h2 em { font-style:italic; font-family:'Cormorant Garamond',serif; }
    h3 {
      font-family:'Cinzel',serif;
      font-size:clamp(1rem,2vw,1.4rem);
      font-weight:600; color:var(--text); margin-bottom:.6rem;
    }
    p { color:var(--muted); line-height:1.8; margin-bottom:1rem; font-family:'Cormorant Garamond',serif; font-size:1.05rem; }
    p:last-child { margin-bottom:0; }
    .lead { font-size:clamp(1.05rem,2vw,1.3rem); font-style:italic; color:var(--text); }

    /* Gold divider */
    .gold-div { width:100%; height:1px; background:linear-gradient(90deg,transparent,rgba(184,149,58,.2) 30%,rgba(204,68,255,.15) 50%,rgba(184,149,58,.2) 70%,transparent); }
    .gold-div:nth-child(even) { background:linear-gradient(90deg,transparent,rgba(184,149,58,.2) 30%,rgba(0,212,255,.15) 50%,rgba(184,149,58,.2) 70%,transparent); }

    /* ── GRID HELPERS ── */
    .g2 { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
    .g3 { display:grid; grid-template-columns:repeat(3,1fr); gap:1.75rem; }
    @media(max-width:900px){ .g2{grid-template-columns:1fr;gap:2rem;} .g3{grid-template-columns:1fr 1fr;} }
    @media(max-width:560px){ .g3{grid-template-columns:1fr;} }

    /* ── PULL QUOTE ── */
    .pull-q {
      border-left:3px solid var(--gold);
      padding:1.25rem 1.75rem;
      background:rgba(184,149,58,.05);
      margin:1.75rem 0;
    }
    .pull-q p { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-style:italic; color:var(--goldL); margin:0; line-height:1.7; }

    /* ── CARD ── */
    .card {
      border:1px solid rgba(184,149,58,.12);
      background:rgba(22,7,67,.2);
      padding:2rem;
      transition:border-color .4s, background .4s;
      position:relative; overflow:hidden;
    }
    .card::before {
      content:''; position:absolute; top:0; left:0; right:0; height:2px;
      background:linear-gradient(90deg,transparent,var(--gold),transparent);
      transform:scaleX(0); transition:transform .5s;
    }
    .card:hover::before { transform:scaleX(1); }
    .card:hover { border-color:rgba(184,149,58,.35); background:rgba(37,6,71,.3); }

    /* ── PARTICLE CARD ── */
    .p-card {
      padding:1.75rem;
      border:1px solid rgba(0,212,255,.12);
      background:rgba(0,20,40,.25);
      transition:border-color .4s, background .4s;
    }
    .p-card:hover { border-color:rgba(0,212,255,.35); background:rgba(0,30,60,.3); }
    .p-card-num { font-family:'Cinzel',serif; font-size:2rem; color:rgba(184,149,58,.27); line-height:1; margin-bottom:.5rem; }

    /* ── ART IMAGE ── */
    .art-img { display:block; width:100%;transition:filter .6s, transform .6s; }
    .art-img:hover { filter:brightness(1) saturate(1.05); transform:scale(1.03); }
    .art-wrap { overflow:hidden; }

    /* ── REVOLUTION CARD ── */
    .rev-card {
      padding:2rem 1.75rem;
      border-top:3px solid;
      background:rgba(10,3,24,.4);
    }
    .rev-card.br { border-color:var(--gold); }
    .rev-card.ka { border-color:var(--mag); }
    .rev-card.lv { border-color:var(--cyan); }

    /* ── PARTICLE FLOAT ANIMATION ── */
    @keyframes floatP { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-12px) scale(1.04)} }
    @keyframes pulse { 0%,100%{opacity:.3} 50%{opacity:.7} }
    .float-a { animation:floatP 8s ease-in-out infinite; }
    .float-b { animation:floatP 11s ease-in-out 2s infinite; }
    .pulse { animation:pulse 5s ease-in-out infinite; }

    /* ── FADE UP ── */
    .fu { opacity:0; transform:translateY(24px); transition:opacity .9s ease,transform .9s ease; }
    .fu.vis { opacity:1; transform:translateY(0); }

    /* ── SECTION BACKGROUNDS ── */
    .bg-deep { background:linear-gradient(135deg,#000 0%,#160743 60%,#000 100%); }
    .bg-darker { background:linear-gradient(-135deg,#000 0%,#0a0318 80%,#000 100%); }

    /* ── FOOTER ── */
    footer { background:#000; border-top:1px solid rgba(184,149,58,.1); padding:4rem 1.5rem 2rem; }
    .f-in { max-width:1200px; margin:0 auto; }
    .f-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:3rem; margin-bottom:3rem; }
    @media(max-width:768px){ .f-grid{grid-template-columns:1fr;gap:2rem;} }
    .f-brand { font-family:'Cinzel',serif; font-size:.85rem; color:var(--goldL); letter-spacing:.1em; margin-bottom:.5rem; }
    .f-tagline { font-family:'Cormorant Garamond',serif; font-size:1.21rem; font-style:italic; color:rgba(226,221,240,.35); }
    .f-ht { font-size:.6rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(0,212,255,.5); margin-bottom:.9rem; }
    .f-ul { list-style:none; }
    .f-ul li { margin-bottom:.4rem; }
    .f-ul a { font-family:'Cormorant Garamond',serif; font-size:.95rem; color:rgba(226,221,240,.4); text-decoration:none; transition:color .3s; }
    .f-ul a:hover { color:var(--goldL); }
    .f-bot { border-top:1px solid rgba(255,255,255,.05); padding-top:1.75rem; display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; align-items:flex-start; }
    .f-legal { font-size:.89rem; line-height:1.3; color:rgba(226,221,240,.3); max-width:520px; }
    .f-copy { font-size:.89rem; color:rgba(226,221,240,.3); white-space:nowrap; }

    /* footer particle deco */
    .f-deco {
      display:flex; align-items:center; gap:1rem; margin-bottom:2rem;
    }
    .f-deco-line { flex:1; height:1px; background:linear-gradient(90deg,rgba(184,149,58,.3),transparent); }
    .f-deco-particle {
      width:10px; height:10px; border-radius:50%;
      background:radial-gradient(circle,var(--cyan),var(--mag));
      box-shadow:0 0 12px var(--cyan), 0 0 24px var(--mag);
    }