:root{
  --lux-bg:#02060b;
  --lux-deep:#07111b;
  --lux-gold:#d6b27a;
  --lux-gold-2:#f0d4a1;
  --lux-blue:#58b5c6;
  --lux-ice:#dfe8ee;
  --lux-shadow:0 30px 80px rgba(0,0,0,.45);
}
body.lux-v3{
  background:
    radial-gradient(circle at 12% 18%, rgba(28,79,107,.28), transparent 28%),
    radial-gradient(circle at 82% 6%, rgba(224,178,99,.18), transparent 26%),
    radial-gradient(circle at 88% 84%, rgba(68,136,163,.14), transparent 28%),
    linear-gradient(180deg,#04070c 0%,#07111b 18%,#04070c 60%,#020407 100%);
  color:#eff4f7;
}
body.lux-v3:before,
body.lux-v3:after{
  content:"";position:fixed;inset:auto;pointer-events:none;z-index:-2;border-radius:50%;filter:blur(70px);opacity:.75;
}
body.lux-v3:before{width:36vw;height:36vw;left:-10vw;top:8vh;background:radial-gradient(circle,#174662 0,rgba(23,70,98,.05) 58%,transparent 68%);animation:luxFloatA 22s ease-in-out infinite;}
body.lux-v3:after{width:34vw;height:34vw;right:-8vw;top:50vh;background:radial-gradient(circle,rgba(208,166,95,.32) 0,rgba(208,166,95,.07) 58%,transparent 72%);animation:luxFloatB 26s ease-in-out infinite;}
@keyframes luxFloatA{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,4vh,0) scale(1.12)}}
@keyframes luxFloatB{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3vw,-5vh,0) scale(1.1)}}

.lux-spotlight{
  position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.85;
  background:
    radial-gradient(420px 420px at var(--mx,50%) var(--my,15%), rgba(255,233,187,.10), rgba(207,165,96,.08) 22%, rgba(13,29,41,.03) 48%, transparent 68%);
  mix-blend-mode:screen;
}
.lux-vignette{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at center, transparent 52%, rgba(0,0,0,.22) 100%);}
@media (pointer:coarse){.lux-spotlight{display:none}}

body.lux-v3 .film-grain{opacity:.11;mix-blend-mode:soft-light}
body.lux-v3 .page-reveal{background:radial-gradient(circle at center,#112433 0,#050a10 62%,#020406 100%)}
body.lux-v3 .site-header.scrolled{background:rgba(3,9,15,.72);backdrop-filter:blur(28px) saturate(1.4);box-shadow:0 16px 50px rgba(0,0,0,.28)}
body.lux-v3 .site-header:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(236,202,144,.6),transparent);opacity:.6}
body.lux-v3 .brand-mark{box-shadow:inset 0 0 36px rgba(224,169,93,.18),0 0 32px rgba(189,149,82,.24),0 0 0 1px rgba(255,255,255,.03)}
body.lux-v3 .nav-link{letter-spacing:.06em;text-transform:uppercase;font-size:11px}
body.lux-v3 .studio-link,.studio-modal,.atlas-shell,.join-panel,.command-glass-panel,.feature-glass-side,.floating-glass,.doc-card,.short-card,.film-modal,.project-form,.studio-modal,.atlas-info{
  box-shadow:var(--lux-shadow), inset 0 1px 0 rgba(255,255,255,.03);
}

body.lux-v3 .hero{
  position:relative;
  min-height:100svh;
  background:
    radial-gradient(circle at 18% 16%, rgba(89,165,200,.13), transparent 30%),
    radial-gradient(circle at 82% 8%, rgba(229,190,120,.16), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 24%),
    linear-gradient(180deg,#04080d 0%,#09131e 48%,#050b11 100%);
  isolation:isolate;
}
body.lux-v3 .hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.08) 22%, rgba(0,0,0,.24) 78%, rgba(0,0,0,.62) 100%),
    linear-gradient(90deg, rgba(5,12,18,.72) 0%, rgba(5,12,18,.1) 42%, rgba(5,12,18,.1) 58%, rgba(5,12,18,.72) 100%);
  z-index:-1;
}
body.lux-v3 .hero:after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 140% at 50% 100%, rgba(212,164,91,.10), transparent 55%),
    linear-gradient(125deg, transparent 30%, rgba(255,255,255,.05) 41%, transparent 48%);
  background-size:auto, 240% 100%;
  animation:heroSweep 12s linear infinite;
  opacity:.9;
  pointer-events:none;
}
@keyframes heroSweep{0%{background-position:0 0,120% 0}100%{background-position:0 0,-120% 0}}
body.lux-v3 .hero-grid{min-height:820px;align-items:center}
body.lux-v3 .hero-content{padding-block:40px}
body.lux-v3 .hero h1{filter:drop-shadow(0 12px 34px rgba(0,0,0,.30));}
body.lux-v3 .hero-overline{color:#d4bc96;letter-spacing:.48em}
body.lux-v3 .hero-white{color:#fafbfc;text-shadow:0 8px 30px rgba(5,11,17,.6)}
body.lux-v3 .hero-gold em{filter:drop-shadow(0 10px 26px rgba(214,178,122,.18));}
body.lux-v3 .hero-lead{
  border-color:rgba(222,191,138,.5);
  background:linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  padding-block:10px;
  max-width:650px;
}
body.lux-v3 .hero-cta .btn{min-height:56px; padding:14px 18px; border-radius:16px; backdrop-filter:blur(12px); letter-spacing:.08em}
body.lux-v3 .btn-gold{
  background:linear-gradient(135deg,#6f5126 0%,#d7b37a 20%,#fff0c8 48%,#c5944e 62%,#8f6732 100%);
  color:#081017;
  box-shadow:0 14px 34px rgba(209,167,100,.25), inset 0 1px 1px rgba(255,255,255,.75);
}
body.lux-v3 .btn-gold:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(209,167,100,.3), inset 0 1px 1px rgba(255,255,255,.75)}
body.lux-v3 .btn-outline, body.lux-v3 .btn-ghost{
  background:linear-gradient(180deg, rgba(11,25,37,.72), rgba(9,18,28,.48));
  border-color:rgba(222,191,138,.32);
}
body.lux-v3 .hero-features{
  background:linear-gradient(180deg, rgba(10,24,35,.46), rgba(6,13,20,.16));
  border:1px solid rgba(207,171,113,.16);
  border-radius:18px;
  padding:15px 18px;
  backdrop-filter:blur(18px);
}
body.lux-v3 .hero-feature{min-width:0}
body.lux-v3 .hero-visual{filter:drop-shadow(0 36px 80px rgba(0,0,0,.45));}
body.lux-v3 .globe-outer-halo{background:radial-gradient(circle, rgba(199,170,105,.26) 0%, rgba(75,153,182,.18) 32%, rgba(11,22,31,.03) 72%, transparent 100%);filter:blur(10px)}
body.lux-v3 .orbit-shell{background:radial-gradient(circle at 50% 50%, rgba(13,29,40,.18), transparent 60%);}
body.lux-v3 .orbit-shell:before,
body.lux-v3 .orbit-shell:after{
  content:"";position:absolute;inset:9%;border-radius:50%;pointer-events:none;
}
body.lux-v3 .orbit-shell:before{border:1px solid rgba(223,192,137,.11);box-shadow:0 0 0 1px rgba(255,255,255,.02), inset 0 0 55px rgba(16,46,63,.18)}
body.lux-v3 .orbit-shell:after{inset:2%;border:1px solid rgba(255,255,255,.03);box-shadow:0 0 80px rgba(92,154,177,.15), inset 0 0 80px rgba(207,166,97,.08)}
body.lux-v3 .globe-canvas.ready{filter:saturate(1.16) brightness(1.03) drop-shadow(0 0 45px rgba(66,143,171,.28));}
body.lux-v3 .floating-glass,
body.lux-v3 .feature-glass-side,
body.lux-v3 .atlas-info,
body.lux-v3 .join-panel,
body.lux-v3 .command-glass-panel,
body.lux-v3 .doc-card,
body.lux-v3 .short-card,
body.lux-v3 .studio-modal,
body.lux-v3 .film-modal,
body.lux-v3 .project-form{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 18%, rgba(255,255,255,.01) 19%),
    linear-gradient(180deg, rgba(13,31,44,.80), rgba(5,13,20,.84));
  border:1px solid rgba(222,191,138,.16);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
  position:relative;
  overflow:hidden;
}
body.lux-v3 .floating-glass:before,
body.lux-v3 .feature-glass-side:before,
body.lux-v3 .atlas-info:before,
body.lux-v3 .join-panel:before,
body.lux-v3 .command-glass-panel:before,
body.lux-v3 .doc-card:before,
body.lux-v3 .short-card:before,
body.lux-v3 .studio-modal:before,
body.lux-v3 .film-modal:before,
body.lux-v3 .project-form:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg, transparent 0 28%, rgba(255,255,255,.07) 42%, rgba(255,255,255,.015) 46%, transparent 58%);
  background-size:210% 100%;animation:luxReflection 15s ease-in-out infinite;
}
@keyframes luxReflection{0%,22%{background-position:120% 0}52%,100%{background-position:-120% 0}}

body.lux-v3 .hero-particles span{box-shadow:0 0 18px currentColor}
body.lux-v3 .hero-giant-word{font-weight:800;letter-spacing:.18em;opacity:.08;color:#d2dde9;text-shadow:0 0 35px rgba(255,255,255,.06)}
body.lux-v3 .chapter-rail{color:#d7bc8d}

body.lux-v3 .cinematic-feature{padding-top:110px;background:linear-gradient(180deg,#050910 0%,#08111a 55%,#04070b 100%)}
body.lux-v3 .feature-screen{
  border:1px solid rgba(219,185,124,.18);
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 40px 110px rgba(0,0,0,.48);
}
body.lux-v3 .feature-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 16%, transparent 84%, rgba(255,255,255,.03));pointer-events:none;z-index:2}
body.lux-v3 .feature-photograph{transform:scale(1.06);filter:saturate(1.05) contrast(1.06) brightness(.82)}
body.lux-v3 .feature-film-look{background:linear-gradient(0deg, rgba(4,9,15,.96) 0%, rgba(4,9,15,.56) 22%, rgba(4,9,15,.08) 55%, rgba(4,9,15,.64) 100%), linear-gradient(90deg, rgba(3,7,12,.88) 0%, rgba(3,7,12,.45) 26%, transparent 66%)}
body.lux-v3 .feature-title{letter-spacing:-.045em;text-shadow:0 14px 40px rgba(0,0,0,.45)}
body.lux-v3 .feature-title-en{color:#d8c09a}
body.lux-v3 .feature-pagination button{background:linear-gradient(180deg, rgba(11,26,38,.8), rgba(6,13,20,.78)); border-color:rgba(214,178,121,.14); border-radius:16px}
body.lux-v3 .feature-pagination button.active{box-shadow:0 0 0 1px rgba(232,202,149,.26), 0 18px 34px rgba(0,0,0,.24)}

body.lux-v3 .separator-editorial span{background:linear-gradient(90deg, transparent, rgba(216,193,151,.16), transparent);padding:10px 16px;border-radius:999px;border:1px solid rgba(216,193,151,.12)}
body.lux-v3 .section-heading h2 em,
body.lux-v3 .atlas-header h2 em,
body.lux-v3 .philosophy-copy h2 em,
body.lux-v3 .join-panel h2 em,
body.lux-v3 .command-copy h2 em{font-style:normal;background:linear-gradient(102deg,#b98a46 0%,#f0d8a7 38%,#bf9050 72%,#f2d59c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

body.lux-v3 .docs-section,
body.lux-v3 .atlas-section,
body.lux-v3 .shorts-section,
body.lux-v3 .command-section,
body.lux-v3 .philosophy-section,
body.lux-v3 .join-section{position:relative;overflow:hidden}
body.lux-v3 .docs-section:before,
body.lux-v3 .atlas-section:before,
body.lux-v3 .shorts-section:before,
body.lux-v3 .command-section:before,
body.lux-v3 .philosophy-section:before,
body.lux-v3 .join-section:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:160px;background:linear-gradient(180deg, rgba(255,255,255,.03), transparent);pointer-events:none}

body.lux-v3 .docs-grid{gap:18px}
body.lux-v3 .doc-card,body.lux-v3 .short-card{
  transform-style:preserve-3d;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
body.lux-v3 .doc-card:hover,body.lux-v3 .short-card:hover{border-color:rgba(233,201,145,.35);box-shadow:0 36px 80px rgba(0,0,0,.40)}
body.lux-v3 .doc-art,body.lux-v3 .short-card img{filter:saturate(1.08) contrast(1.04)}
body.lux-v3 .doc-card:after,body.lux-v3 .short-card:after{
  content:"";position:absolute;inset:auto 14px 12px 14px;height:1px;background:linear-gradient(90deg, transparent, rgba(232,203,152,.65), transparent);opacity:.65
}
body.lux-v3 .doc-info{background:linear-gradient(180deg, transparent 0%, rgba(5,11,17,.18) 40%, rgba(5,11,17,.92) 100%)}
body.lux-v3 .doc-card.featured-card .doc-info h3{font-size:44px}
body.lux-v3 .short-card{border-radius:26px}

body.lux-v3 .atlas-shell{border-radius:34px; background:linear-gradient(180deg, rgba(7,17,27,.85), rgba(4,10,16,.92)); border:1px solid rgba(219,185,124,.16)}
body.lux-v3 .atlas-map{border-radius:26px;overflow:hidden;box-shadow: inset 0 0 90px rgba(0,0,0,.24)}
body.lux-v3 .atlas-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 46%, rgba(88,179,201,.10), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.03), transparent 26%);pointer-events:none}
body.lux-v3 .atlas-map:after{content:"";position:absolute;inset:-50% auto auto -10%;width:130%;height:58%;background:linear-gradient(180deg, transparent, rgba(93,183,199,.06), transparent);transform:rotate(-6deg);animation:atlasScan 10s linear infinite;pointer-events:none}
@keyframes atlasScan{0%{transform:translateY(-10%) rotate(-6deg)}100%{transform:translateY(180%) rotate(-6deg)}}
body.lux-v3 .map-point{filter:drop-shadow(0 0 10px rgba(240,207,140,.65))}

body.lux-v3 .command-section{background:linear-gradient(180deg,#05080d 0%,#0a121a 100%)}
body.lux-v3 .command-glass-panel{transform-style:preserve-3d}
body.lux-v3 .command-signal{filter:drop-shadow(0 0 28px rgba(96,186,209,.24))}
body.lux-v3 .signal-ring{border-color:rgba(238,205,145,.28)}
body.lux-v3 .command-float{background:linear-gradient(180deg, rgba(17,37,52,.78), rgba(9,18,27,.74));border:1px solid rgba(219,185,124,.14)}
body.lux-v3 .command-float b{color:#f1d59f}

body.lux-v3 .philo-card{background:linear-gradient(180deg, rgba(14,31,43,.80), rgba(6,12,19,.88));border:1px solid rgba(222,191,138,.18);box-shadow:var(--lux-shadow)}
body.lux-v3 .join-panel{border-radius:34px}
body.lux-v3 .join-panel h2{letter-spacing:-.04em;text-shadow:0 18px 42px rgba(0,0,0,.4)}
body.lux-v3 .footer{background:linear-gradient(180deg, #04070b, #020406)}

/* cinematic black bars */
body.lux-v3 .hero .cinema-bar,
body.lux-v3 .cinematic-feature .cinema-bar{position:absolute;left:0;right:0;height:22px;background:rgba(0,0,0,.72);z-index:3;pointer-events:none}
body.lux-v3 .hero .cinema-bar.top, body.lux-v3 .cinematic-feature .cinema-bar.top{top:0}
body.lux-v3 .hero .cinema-bar.bottom, body.lux-v3 .cinematic-feature .cinema-bar.bottom{bottom:0}

@media (max-width:980px){
  body.lux-v3 .hero-grid{min-height:0}
  body.lux-v3 .hero-lead{max-width:100%}
}
@media (max-width:720px){
  .lux-vignette{background:radial-gradient(circle at center, transparent 44%, rgba(0,0,0,.18) 100%)}
  body.lux-v3 .hero{min-height:0}
  body.lux-v3 .hero:after{opacity:.6}
  body.lux-v3 .hero-features{padding:12px 10px}
  body.lux-v3 .feature-screen, body.lux-v3 .atlas-shell, body.lux-v3 .join-panel{border-radius:26px}
  body.lux-v3 .doc-card.featured-card .doc-info h3{font-size:38px}
}