/* ============================================================
   ABRAXIS // DEUS EX: HUMAN REVOLUTION SKIN  (overlay)
   Re-skins existing markup. Loaded after each page's own <style>.
   Reference: deusexmenu.jpg — warm amber vignette, origami debris,
   angular slanted buttons, volumetric light, letterbox framing.
   ============================================================ */

:root{
  --dx-core:#FFE9A8;        /* hottest glow centre        */
  --dx-amber:#FEB914;       /* signature amber            */
  --dx-gold:#E3A11B;        /* gold mid                   */
  --dx-bronze:#8A6605;      /* bronze shadow tone         */
  --dx-olive-fill:rgba(108,98,52,.28);
  --dx-ink:#0a0700;         /* warm near-black            */
  --dx-ink2:#1a1305;        /* warm panel                 */
  --dx-black:#010101;       /* letterbox black            */
  --dx-text:#f3e7c4;        /* warm cream body text       */
  --dx-text-dim:#b7a76f;    /* dimmed warm body           */
  --dx-line:rgba(254,185,20,.42);
  --dx-line-soft:rgba(254,185,20,.20);
}

/* ---- global warm wash ------------------------------------- */
html,body{background:#000 !important;}
body{
  color:var(--dx-text) !important;
  position:relative;
}

/* full-page atmospheric backdrop sits behind everything */
body::before{
  content:'';
  position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(115% 95% at 40% 32%,
       rgba(255,236,180,.42) 0%,
       rgba(254,185,20,.30) 14%,
       rgba(176,128,8,.22) 34%,
       rgba(48,32,0,.50) 60%,
       #000 100%);
}
/* volumetric light beams sweeping from upper-left */
body::after{
  content:'';
  position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    linear-gradient(116deg,transparent 38%,rgba(255,214,110,.09) 46%,transparent 53%),
    linear-gradient(122deg,transparent 54%,rgba(255,214,110,.10) 61%,transparent 68%),
    linear-gradient(128deg,transparent 70%,rgba(255,214,110,.06) 75%,transparent 80%);
  mix-blend-mode:screen;
}

/* film grain + drifting origami debris layer */
.dx-atmos{
  position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;
}
.dx-grain{
  position:absolute;inset:-50%;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.dx-shard{
  position:absolute;width:0;height:0;opacity:.0;
  border-style:solid;
  filter:drop-shadow(0 0 6px rgba(254,185,20,.25));
  animation:dx-drift linear infinite;
}
@keyframes dx-drift{
  0%  {opacity:0;transform:translate3d(0,-10vh,0) rotate(0deg)}
  8%  {opacity:.85}
  92% {opacity:.7}
  100%{opacity:0;transform:translate3d(var(--dx-x,12vw),112vh,0) rotate(360deg)}
}

/* vignette darkening at the four edges (over content, subtle) */
.dx-vignette{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  box-shadow:inset 0 0 240px 60px rgba(0,0,0,.85);
  background:
    linear-gradient(180deg,rgba(0,0,0,.9) 0,transparent 9%,transparent 90%,rgba(0,0,0,.92) 100%);
}

/* letterbox bars top & bottom (Deus Ex framing) */
.dx-letterbox{
  position:fixed;left:0;right:0;height:34px;z-index:90;pointer-events:none;
  background:linear-gradient(var(--d,180deg),#000 60%,rgba(0,0,0,0));
  display:flex;align-items:center;
  font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:.22em;
  color:rgba(243,231,196,.32);text-transform:uppercase;
}
.dx-letterbox.top{top:0;padding:0 24px;justify-content:flex-start}
.dx-letterbox.bot{bottom:0;--d:0deg;padding:0 24px;justify-content:space-between}
@media(max-width:640px){.dx-letterbox{display:none}}

/* ---- headers & panels become warm translucent glass ------- */
header{
  background:linear-gradient(180deg,rgba(8,6,0,.94),rgba(8,6,0,.72)) !important;
  border-bottom:1px solid var(--dx-line) !important;
  backdrop-filter:blur(6px) saturate(1.1) !important;
}
.status-bar{
  background:rgba(254,185,20,.06) !important;
  border-bottom:1px solid var(--dx-line-soft) !important;
}

/* recolor every gold token used by the original sheets */
.section-title span,.hero-title span,.service-slide-title,
.hero-stat-num,.service-slide-tag,.section-tag,.cta-title span,
.page-banner-title span,.page-division-tag,.offer-name,
.process-step-num,.footer-col-title,.nav-link.active,
.cta-contact-value,.news-category,.news-readmore,.metric-num,
.panel-id,.bstat b,.page-stat-num{
  color:var(--dx-amber) !important;
}
.hero-title,.section-title,.cta-title,.page-banner-title{
  text-shadow:0 0 28px rgba(254,185,20,.18),0 2px 10px rgba(0,0,0,.6) !important;
}
.hero-tag,.cta-tag,.boot-line{color:var(--dx-amber) !important;}

/* dim cream body copy */
.hero-desc,.service-slide-desc,.offer-desc,.section-sub,
.page-banner-desc,.cta-desc,.news-excerpt,.process-step-desc,
.footer-brand-desc{color:var(--dx-text-dim) !important;}

/* cards / panels / slide visuals -> warm glass with amber edge */
.service-slide-visual,.offer-card,.news-card,.hero-stat,
.hero-img-carousel,.service-card-mini,.process-step,
.bstat,.page-stat,.metric,.panel,.tele-card{
  background:linear-gradient(160deg,rgba(26,19,5,.82),rgba(10,7,0,.72)) !important;
  border:1px solid var(--dx-line-soft) !important;
  box-shadow:inset 0 1px 0 rgba(255,233,168,.05) !important;
}
.offer-card:hover,.news-card:hover,.service-card-mini:hover,
.panel:hover,.tele-card:hover{
  border-color:var(--dx-line) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 34px rgba(254,185,20,.14) !important;
}

/* dividers / hairlines amber */
.section-divider,.geo-divider i,.geo-divider u{
  background:linear-gradient(90deg,var(--dx-amber),transparent) !important;
}

/* ============================================================
   SIGNATURE: angular Deus Ex buttons
   slanted left edge, bright amber fill = "selected",
   dark olive translucent = secondary, both with bevel + glow
   ============================================================ */
.btn-primary,.btn-cta-primary,.btn-header,
.btn-solid,.page-banner .btn-primary{
  position:relative !important;
  background:linear-gradient(100deg,var(--dx-gold),var(--dx-amber) 55%,var(--dx-core)) !important;
  color:#1a1200 !important;
  border:1px solid rgba(255,233,168,.85) !important;
  font-family:'Share Tech Mono',monospace !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;
  /* parallelogram: cut top-left + bottom-right like the DX menu */
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 14px),calc(100% - 18px) 100%,0 100%,0 14px) !important;
  box-shadow:0 0 22px rgba(254,185,20,.35),inset 0 0 14px rgba(255,255,255,.25) !important;
  transition:filter .2s,box-shadow .25s,transform .15s !important;
}
.btn-primary:hover,.btn-cta-primary:hover,.btn-header:hover,
.btn-solid:hover{
  filter:brightness(1.12) !important;
  box-shadow:0 0 34px rgba(254,185,20,.6),inset 0 0 18px rgba(255,255,255,.35) !important;
  transform:translateY(-1px) !important;
  color:#1a1200 !important;
}
/* thin inner outline echo, like the selected DX item */
.btn-primary::after,.btn-cta-primary::after{
  content:'';position:absolute;inset:3px;pointer-events:none;
  border:1px solid rgba(26,18,0,.45);
  clip-path:polygon(15px 0,100% 0,100% calc(100% - 11px),calc(100% - 15px) 100%,0 100%,0 11px);
}

.btn-secondary,.btn-cta-secondary,.btn-line{
  position:relative !important;
  background:var(--dx-olive-fill) !important;
  color:var(--dx-core) !important;
  border:1px solid var(--dx-line) !important;
  font-family:'Share Tech Mono',monospace !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 14px),calc(100% - 18px) 100%,0 100%,0 14px) !important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.5) !important;
  transition:background .2s,box-shadow .25s,color .2s !important;
}
.btn-secondary:hover,.btn-cta-secondary:hover,.btn-line:hover{
  background:linear-gradient(100deg,var(--dx-gold),var(--dx-amber)) !important;
  color:#1a1200 !important;
  box-shadow:0 0 26px rgba(254,185,20,.4) !important;
}

/* nav links: warm, with amber underline sweep */
.nav-link{color:var(--dx-text-dim) !important;font-family:'Share Tech Mono',monospace !important;}
.nav-link:hover,.nav-link.active{color:var(--dx-amber) !important;}
.nav-link.active::after{background:var(--dx-amber) !important;}

/* dropdown / mobile nav warm glass */
.dropdown,.mobile-nav,.mnav{
  background:rgba(10,7,0,.97) !important;
  border-color:var(--dx-line) !important;
}
.dropdown a:hover,.mobile-nav a:hover,.mnav a:hover{color:var(--dx-amber) !important;}

/* footer warm */
footer,.site-footer{
  background:linear-gradient(180deg,rgba(10,7,0,.96),#000) !important;
  border-top:1px solid var(--dx-line-soft) !important;
}
.footer-links a:hover,.footer-col a:hover{color:var(--dx-amber) !important;}

/* status dots & live dots amber */
.status-dot,.live-dot{background:var(--dx-amber) !important;}

/* news ticker amber edge */
.news-ticker{border-color:var(--dx-line-soft) !important;}

/* CTA section: intensify the central glow like the menu */
.cta-inner,.cta{
  background:
    radial-gradient(80% 120% at 50% 30%,rgba(254,185,20,.16),transparent 60%),
    linear-gradient(180deg,rgba(26,19,5,.9),rgba(8,6,0,.95)) !important;
  border-top:1px solid var(--dx-amber) !important;
  border-bottom:1px solid var(--dx-amber) !important;
}

/* hero: lean into the spotlight, push grid back */
.hero{background:transparent !important;}
.hero-bg-grid,.hero-grid-bg{opacity:.30 !important;}
.hero-bg-gradient{
  background:
    radial-gradient(70% 80% at 40% 42%,rgba(255,236,180,.34) 0%,rgba(254,185,20,.20) 22%,rgba(120,84,4,.10) 48%,transparent 70%),
    radial-gradient(40% 60% at 8% 50%,rgba(200,110,0,.08) 0%,transparent 60%) !important;
  mix-blend-mode:screen !important;
}
/* warm haze hugging the lower-left like the menu's glow floor */
.hero::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:55%;
  pointer-events:none;z-index:0;
  background:radial-gradient(80% 100% at 35% 100%,rgba(254,185,20,.14),transparent 70%);
  mix-blend-mode:screen;
}

/* icons / emoji glow warm */
.service-icon-display,.service-mini-icon,.page-banner-icon,
.panel-icon,.tele-icon{filter:drop-shadow(0 0 14px rgba(254,185,20,.45)) !important;}

/* selection + focus */
::selection{background:var(--dx-amber);color:#1a1200;}
:focus-visible{outline:2px solid var(--dx-core) !important;outline-offset:3px;}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  .dx-shard{display:none}
  body::after{display:none}
}