:root{--bg:#080808;--text:#f5f3ee;--muted:#9b9891;--line:rgba(255,255,255,.13);--gold:#0084ff;--gold2:#005bd1;--pad:clamp(24px,5vw,92px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#0084ff #080808}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.11;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}a{color:inherit}::selection{background:var(--gold);color:#111}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#080808}::-webkit-scrollbar-thumb{border:2px solid #080808;border-radius:8px;background:linear-gradient(#65bdff,#005bd1)}
.site-header{position:absolute;inset:0 0 auto;z-index:10;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(5,5,7,.78),transparent)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand img{width:106px;height:58px;object-fit:contain}.brand span{padding-left:14px;border-left:1px solid rgba(255,255,255,.2)}.brand strong,.brand small{display:block}.brand strong{font:700 13px Rajdhani;letter-spacing:.16em}.brand small{margin-top:4px;color:#77736d;font:600 8px Rajdhani;letter-spacing:.24em}.main-nav{display:flex;align-items:center;gap:8px}.main-nav>a{position:relative;padding:11px 15px;text-decoration:none;color:#c1bfc0;font:700 11px Rajdhani;letter-spacing:.18em;transition:.2s}.main-nav>a:not(.nav-ucp):after{content:"";position:absolute;left:15px;right:15px;bottom:5px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.2s}.main-nav>a:hover,.main-nav>a.active{color:#fff}.main-nav>a:hover:after,.main-nav>a.active:after{transform:scaleX(1)}.main-nav .nav-ucp{margin-left:10px;padding:13px 20px;border:1px solid rgba(0,132,255,.38);background:rgba(12,12,12,.45);color:var(--gold)}.main-nav .nav-ucp:hover{border-color:var(--gold);background:var(--gold);color:#fff}.main-nav .nav-ucp span{margin-left:10px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:rgba(5,5,5,.5)}.menu-toggle span{display:block;width:18px;height:1px;margin:5px auto;background:#fff}
.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.hero-art{position:absolute;inset:0;z-index:-3;background:url("./assets/hero-img.jpg") center/cover no-repeat;animation:hero-in 1.6s cubic-bezier(.2,.7,.2,1) both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,6,8,.98),rgba(6,6,8,.88) 20%,rgba(6,6,8,.36) 53%,rgba(6,6,8,.08) 78%),linear-gradient(180deg,rgba(4,4,6,.48),transparent 33%,rgba(5,5,7,.12) 68%,#080808)}.hero-content{width:min(720px,calc(100% - 48px));margin-left:var(--pad);padding-top:clamp(145px,17vh,195px);animation:copy-in 1s .15s ease both}.hero-mark{display:flex;align-items:center;gap:13px;color:var(--gold);font:700 10px Rajdhani;letter-spacing:.3em}.hero-mark span{width:52px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.hero-logo{display:block;width:clamp(150px,13vw,220px);height:105px;margin:20px 0 12px;object-fit:contain;object-position:left center;filter:drop-shadow(0 14px 28px #000)}.hero h1{margin:0;font:700 clamp(56px,6.4vw,104px)/.8 Rajdhani;letter-spacing:-.055em;text-transform:uppercase}.hero h1 em{display:block;margin-top:.12em;background:linear-gradient(105deg,#fff,var(--gold) 48%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.hero-content>p{max-width:580px;margin:27px 0 0;color:#b2aea7;font-size:clamp(14px,1.1vw,17px);line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:0 22px;border:1px solid var(--line);text-decoration:none;font:700 11px Rajdhani;letter-spacing:.17em;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--gold);background:var(--gold);color:#fff}.button-primary:hover{background:#38a0ff}.button-secondary{background:rgba(8,8,8,.45)}.button-secondary:hover{border-color:rgba(0,132,255,.6)}.scroll-hint{position:absolute;right:var(--pad);bottom:32px;display:flex;align-items:center;gap:14px;text-decoration:none;color:#98958e;font:600 8px Rajdhani;letter-spacing:.23em;writing-mode:vertical-rl}.scroll-hint i{width:1px;height:60px;background:linear-gradient(var(--gold),transparent)}.art-credit{position:absolute;left:var(--pad);bottom:30px;margin:0;color:#55534f;font:600 7px Rajdhani;letter-spacing:.22em}
.about{position:relative;display:grid;grid-template-columns:90px minmax(300px,.85fr) minmax(360px,1fr);gap:clamp(30px,5vw,90px);min-height:720px;padding:clamp(110px,13vw,180px) var(--pad);overflow:hidden;background:radial-gradient(circle at 75% 15%,rgba(0,132,255,.065),transparent 32%),#080808;border-top:1px solid rgba(255,255,255,.08)}.about:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,#000 40%)}.about-index,.about-heading,.about-copy{position:relative}.about-index{color:#5b5954;font:600 10px Rajdhani;letter-spacing:.2em}.about-index:after{content:"";display:block;width:1px;height:120px;margin:18px 0 0 6px;background:linear-gradient(var(--gold),transparent)}.section-kicker{color:var(--gold);font:700 9px Rajdhani;letter-spacing:.26em}.about h2{margin:22px 0 0;font:700 clamp(44px,5.2vw,76px)/.9 Rajdhani;letter-spacing:-.04em;text-transform:uppercase}.about h2 em{color:var(--gold);font-style:normal}.about-copy{padding-top:28px}.about-copy>p{max-width:650px;margin:0 0 20px;color:#aaa69f;font-size:15px;line-height:1.85}.about-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:46px}.about-links a{position:relative;min-height:145px;padding:24px;border:1px solid var(--line);background:#0d0d0e;text-decoration:none;transition:.25s}.about-links a:hover{border-color:rgba(0,132,255,.52);transform:translateY(-3px);background:#11110f}.about-links b,.about-links small{display:block}.about-links b{font:700 13px Rajdhani;letter-spacing:.1em}.about-links small{max-width:210px;margin-top:12px;color:#77746e;font-size:10px;line-height:1.5}.about-links span{position:absolute;right:20px;top:20px;color:var(--gold)}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:28px var(--pad);border-top:1px solid var(--line);color:#5f5c57;font:600 8px Rajdhani;letter-spacing:.19em}@keyframes hero-in{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-header{height:68px}.brand img{width:90px}.brand span{display:none}.menu-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:68px;display:none;align-items:stretch;flex-direction:column;padding:14px var(--pad) 22px;background:rgba(8,8,8,.96);border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a{padding:14px 0}.main-nav>a:after{left:0!important;right:auto!important;width:40px}.main-nav .nav-ucp{margin:4px 0 0;padding:14px}.hero-content{padding-top:140px}.about{grid-template-columns:50px 1fr}.about-copy{grid-column:2}}
@media(max-width:600px){:root{--pad:20px}.hero{min-height:780px}.hero-art{background-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(6,6,8,.97),rgba(6,6,8,.5)),linear-gradient(180deg,rgba(5,5,7,.2),transparent 45%,#080808 96%)}.hero-content{width:calc(100% - 40px);padding-top:120px}.hero-logo{width:145px;height:86px;margin-bottom:8px}.hero h1{font-size:52px}.hero-content>p{font-size:14px}.hero-actions{flex-direction:column}.button{width:100%}.scroll-hint{display:none}.art-credit{bottom:18px}.about{grid-template-columns:1fr;gap:30px;min-height:auto;padding-top:90px}.about-index{display:none}.about-copy{grid-column:auto;padding-top:0}.about-links{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.hero-content{animation:none}.button,.about-links a{transition:none}}

/* NUEVO blue main-site refinement */
body:before{display:none!important}.hero-shade{background:linear-gradient(90deg,rgba(4,8,14,.98),rgba(4,10,18,.88) 21%,rgba(0,37,72,.32) 54%,rgba(0,32,64,.08) 80%),linear-gradient(180deg,rgba(2,6,12,.48),transparent 34%,rgba(0,28,55,.1) 68%,#080808)}.hero h1 em{background:linear-gradient(105deg,#dff2ff 0%,#0084ff 50%,#005bd1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.about{background:radial-gradient(circle at 75% 15%,rgba(0,132,255,.085),transparent 34%),#080808}.about-links{display:none}.hero-actions{display:none}

/* Fixed header, wider hero framing and subtle pointer parallax */
.site-header{position:fixed;background:#0a0a0d;backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06);isolation:isolate}
.main-nav .nav-ucp{min-width:112px;margin-left:10px;padding:14px 24px;border:1px solid #0084ff;background:#0084ff;color:#fff;text-align:center;justify-content:center;box-shadow:0 8px 26px rgba(0,132,255,.2)}
.main-nav .nav-ucp:hover{border-color:#2797ff;background:#2797ff;color:#fff;box-shadow:0 10px 32px rgba(0,132,255,.32)}
.hero-art{top:78px;background-size:100% auto;background-position:center center;background-color:#07090d;animation:none;transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.012);transition:transform .28s cubic-bezier(.2,.7,.2,1);will-change:transform}
@media(max-width:900px){.site-header{position:fixed}.hero-art{top:68px;background-size:cover;transform:none}.main-nav .nav-ucp{margin-left:0}}
/* Transparent-at-top header and wider hero composition */
.site-header{background:transparent;backdrop-filter:none;box-shadow:none;border-bottom-color:transparent;transition:background .28s ease,backdrop-filter .28s ease,border-color .28s ease,box-shadow .28s ease}
.site-header.scrolled{background:rgba(6,9,15,.68);backdrop-filter:blur(13px) saturate(125%);box-shadow:0 8px 30px rgba(0,0,0,.16);border-bottom-color:rgba(255,255,255,.08)}
.hero-art{top:0;background-size:92% auto;background-position:center top}
@media(max-width:900px){.hero-art{top:0;background-size:cover}}
/* Edge-fill layer: keep the main artwork zoomed out without black side bars */
.hero-art{overflow:hidden;background:none!important}
.hero-art:before,.hero-art:after{content:"";position:absolute;inset:-2%;pointer-events:none;background-image:url("./assets/hero-img.jpg");background-repeat:no-repeat}
.hero-art:before{inset:-5%;background-size:cover;background-position:center;filter:blur(18px);opacity:.72;transform:scale(1.04)}
.hero-art:after{inset:0;background-size:92% auto;background-position:center top}
@media(max-width:900px){.hero-art:after{background-size:cover;background-position:64% center}.hero-art:before{display:none}}
/* Updated 5120px-wide hero artwork */
.hero-art:before{display:none}
.hero-art:after{inset:0;background-image:url("./assets/hero-img-v2.jpg");background-size:cover;background-position:center center}
@media(max-width:900px){.hero-art:after{background-image:url("./assets/hero-img-v2.jpg");background-size:cover;background-position:center center}}
.hero h1 em{background:none!important;-webkit-background-clip:initial;background-clip:initial;color:#0084ff!important}

/* Solo brand logo and softened Discord CTA */
.brand img {
  width: 58px;
  height: 58px;
  object-fit: contain;
}
.hero-logo {
  width: clamp(92px, 8vw, 132px);
  height: 118px;
  object-fit: contain;
  object-position: left center;
}
.main-nav .nav-ucp {
  border-radius: 6px;
}
@media (max-width: 900px) {
  .brand img {
    width: 54px;
    height: 54px;
  }
}