:root {
  --black: #0A0A0A;
  --graphite: #171513;
  --brown-graphite: #2A2420;
  --cream: #F4E5D1;
  --beige: #CFB294;
  --copper: #D8743F;
  --orange: #F0A052;
  background: var(--black);
  color: var(--cream);
}
.hero { background: var(--black); }
.hero-shade { background: linear-gradient(0deg,var(--black),rgba(10,10,10,.04) 95%),linear-gradient(90deg,rgba(10,10,10,.3),transparent); }
.brand,.slide h1,.slide h2,.widget h2 { color:var(--cream); }
.slide p,.widget-wide p,footer { color:var(--beige); }
.hero-action { background:var(--copper);color:var(--black);box-shadow:0 6px 30px #D8743F20;border:1px solid #F0A05265; }
.dots button:after { background:#CFB29435; }
.dots button[aria-current=true]:after { background:var(--orange);box-shadow:0 0 9px #D8743F40; }
.pause { color:var(--orange); }
.widget { background:linear-gradient(145deg,#2A2420c9,#171513bf);border-color:#CFB29438;box-shadow:inset 0 1px #F4E5D11a; }
.widget-bottom { color:var(--beige); }
.widget i { color:var(--orange);border-color:#D8743F75;background:#D8743F1f; }
.widget-wide i { background:var(--copper);color:var(--black);border-color:var(--copper); }
.widget { isolation:isolate; }
.widget-art img,.widget-art video { mix-blend-mode:normal; }
/* Blend the entire media group once, avoiding doubled poster/video highlights. */
.widget-art {
  mix-blend-mode:screen;
  border-radius:0;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 42%,transparent 73%);
  mask-image:radial-gradient(ellipse at center,#000 42%,transparent 73%);
}
.widget-wide .widget-art {
  -webkit-mask-image:radial-gradient(ellipse at 66% 52%,#000 32%,transparent 75%);
  mask-image:radial-gradient(ellipse at 66% 52%,#000 32%,transparent 75%);
}
.widget i svg { width:22px;height:22px;stroke-width:1.6; }
.widget-wide i { color:var(--orange);background:#D8743F1f;border-color:#D8743F75; }
.neural-spark { background:var(--orange);box-shadow:0 0 9px 4px #D8743F60; }
.calculation-display { color:var(--cream);background:var(--black);left:33%;top:20%;width:34%;height:9%;transform:rotate(3deg); }
.glass-shimmer { background:linear-gradient(110deg,transparent 30%,#F0A0521f 48%,transparent 64%); }
:focus-visible { outline-color:var(--orange); }
@media(hover:hover) and (pointer:fine) {
  .hero-action:hover { background:var(--orange); }
  .widget:hover { border-color:var(--copper); }
}