:root{--black: #000000;--black-soft: #050505;--ink: #0a0a0a;--char: #111111;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .18);--white: #ffffff;--white-dim: rgba(255, 255, 255, .55);--white-mute: rgba(255, 255, 255, .35);--gold: #e1bd48;--gold-bright: #ecd45e;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, .6, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--black);scroll-behavior:auto}body{background:var(--black);color:var(--white);font-family:var(--font-sans);font-weight:300;font-feature-settings:"ss01" on,"ss02" on,"cv01" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;letter-spacing:-.01em}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.reveal-line{overflow:hidden}.reveal-line>.inner{display:block;transform:translateY(110%)}.top-bar{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;pointer-events:none;mix-blend-mode:difference}.top-bar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--white);font-weight:400}.brand-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 8px var(--gold)}.brand-mark{width:26px;height:26px;border:1px solid var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;font-size:10px;letter-spacing:.05em}.top-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--white-mute);display:flex;gap:24px}.top-meta a{color:var(--white-mute);transition:color .25s}.top-meta a:hover,.top-meta a[aria-current=page]{color:var(--white)}.menu-toggle{display:none;width:40px;height:40px;margin-right:-8px;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:none;border:0;cursor:pointer}.menu-toggle span{display:block;width:22px;height:1px;background:var(--white);transition:transform .45s var(--ease-out),opacity .3s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:90;display:none;flex-direction:column;justify-content:center;padding:0 32px;background:#000000f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}.menu-open .mobile-menu{opacity:1;visibility:visible}.menu-open{overflow:hidden}.mobile-menu-inner{display:flex;flex-direction:column}.mobile-menu-inner a{display:flex;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-family:var(--font-sans);font-weight:200;font-size:28px;letter-spacing:-.02em;color:var(--white-dim);opacity:0;transform:translateY(14px);transition:color .3s}.mobile-menu-inner a small{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--gold);font-variant-numeric:tabular-nums}.mobile-menu-inner a[aria-current=page]{color:var(--white)}.menu-open .mobile-menu-inner a{opacity:1;transform:translateY(0);transition:color .3s,opacity .6s var(--ease-out) calc(.08s + var(--i) * .06s),transform .6s var(--ease-out) calc(.08s + var(--i) * .06s)}.mobile-menu-foot{position:absolute;bottom:32px;left:32px;font-family:var(--font-mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--white-mute)}@media (max-width: 768px){.top-bar{padding:0 16px}.top-meta{display:none}.menu-toggle,.mobile-menu{display:flex}}.btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;padding:18px 36px;border:1px solid var(--white);background:var(--white);color:var(--black);cursor:pointer;transition:all .3s var(--ease);display:inline-flex;align-items:center;gap:12px}.btn:hover{background:var(--gold);border-color:var(--gold);color:var(--black);transform:translateY(-2px)}.btn.ghost{background:transparent;color:var(--white)}.btn.ghost:hover{background:transparent;border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}footer.site-footer{background:var(--black);padding:60px 6vw 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}footer.site-footer .footer-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--white-mute)}footer.site-footer .by{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--white-mute)}footer.site-footer .by .meridianx{color:var(--gold-bright)}

.brand-logo{height:36px;width:auto;display:block}

.footer-logo-wrap{flex-basis:100%;display:flex;justify-content:center;margin-bottom:30px}
.footer-logo{height:170px;width:auto;display:block}

/* -- brand text en dorado del logo -- */
.brand span:not(.brand-dot){font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:.16em;color:#e1bd48;background:linear-gradient(180deg,#f7ec73 0%,#e1bd48 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand .brand-dot{background:#e1bd48;box-shadow:0 0 8px #e1bd48}
/* -- nav con mas presencia -- */
.top-meta{font-size:12.5px;gap:32px;color:#d8d8d8}
.top-meta a{color:#d8d8d8;padding:4px 0;position:relative}
.top-meta a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#f7ec73,#e1bd48);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.top-meta a:hover{color:#f7ec73}
.top-meta a:hover:after,.top-meta a[aria-current=page]:after{transform:scaleX(1)}
.top-meta a[aria-current=page]{color:#e1bd48}

.brand-word{height:21px;width:auto;display:block}
