/* =========================================================
   OX500 CORE INTERFACE — LIGHT (de-fx)
   - removed "typewriting" reveal on .log-pre
   - removed link stutter
   - reduced / disabled jitter
   ========================================================= */

:root{
  --ox-bg:#050608;
  --ox-panel:#080a0d;
  --ox-rust:#a44a20;
  --ox-accent:#f04c29;
  --ox-accent-soft:rgba(240,76,41,.12);
  --ox-accent-dim:rgba(240,76,41,.05);
  --ox-text-main:#f3e4c4;
  --ox-text-dim:#b19a7b;
  --ox-grid-line:#1e2227;
  --ox-border:rgba(255,255,255,.10);

  /* BG controls (edit these) */
  --ox-bg-image: url("../assets/bg/rebellion-surface.webp");
  --ox-bg-image-opacity: .55;
  --ox-bg-brightness: 1.5;
  --ox-bg-contrast: 1.08;
  --ox-bg-saturate: .05;
  --ox-bg-shade-top: .50;
  --ox-bg-shade-mid: .72;
  --ox-bg-shade-bot: .86;
  --ox-scanlines-opacity: 0.7;
  --ox-noise-opacity: .1;
  --ox-veins-opacity: .15;
  --ox-panel-alpha: .1;
  --ox-font-main:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ox-font-mono:"SF Mono","Roboto Mono","Fira Mono",ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --ox-radius-1:4px;
  --ox-radius-2:10px;
  --ox-pad:clamp(14px,2.5vw,28px);
  --ox-shadow-frame:0 0 0 1px #261108,0 0 24px rgba(0,0,0,.75),0 0 60px rgba(0,0,0,.85);
  --ox-focus:1px solid rgba(240,76,41,.55);
  --ox-ease:cubic-bezier(.2,.8,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}

body{
  background:radial-gradient(circle at 20% -10%,#2b1308 0,var(--ox-bg) 55%);
  color:var(--ox-text-main);
  font-family:var(--ox-font-main);
  -webkit-font-smoothing:antialiased;
}

a,a:visited{color:inherit;text-decoration:none;opacity:1}
a,summary{-webkit-tap-highlight-color:transparent}

:focus-visible{
  outline:var(--ox-focus);
  outline-offset:3px;
}



/* ===================== */
/* GLOBAL WRAPPER/LAYERS */
/* ===================== */
.ox500-shell{
  z-index:10;
  position:relative;
  min-height:100vh;
  padding:24px 10px;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}

.ox500-bg-noise,.ox500-bg-scanlines{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}
body{
  background:#050608;
}

/* Noise: keep but calmer */
.ox500-bg-noise{
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAvUlEQVQ4T+2UsQ3CMAxFf4oBFIogIYhFIJFQAEUgAhkgAhkgAtE0p9t1zuzMdudIIu/Wx8Z7kRQAt2XzS4vqb7jDnIuAAdwE98R8N+WmwGFAq/Y5C7gHzYk9cBHWuVvYAzr6cBI1gCmuN6MAd7jJzgkYKOssvYgF9AvZtKLoA+G0aU9OwA6/5U3/1C4KBApPFeOxAagWgUOARwCzqzI/OzjS+U4+7p8H36FWWk2qaMn3AAAAAElFTkSuQmCC");
  opacity:.03;
  mix-blend-mode:overlay;
}

/* Scanlines: subtle, slow */
.ox500-bg-scanlines{
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 4px);
  opacity:.16;
  animation:ox-scan-drift 24s linear infinite;
  will-change:background-position;
}

@keyframes ox-scan-drift{
  from{background-position:0 0}
  to{background-position:240px 0}
}

.ox-veins{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:5;
  opacity:.22;
  mix-blend-mode:screen;
}

@media (max-width:720px){
  .ox-veins{display:none}
}

/* ===================== */
/* CORE FRAME            */
/* ===================== */


.ox500-core-frame{
  position:relative;
  width:min(1120px,100%);
  margin:0 auto;
  background: rgba(8,10,13,var(--ox-panel-alpha));
  border-radius:var(--ox-radius-2);
  padding:var(--ox-pad);
  box-shadow:var(--ox-shadow-frame);
  color:var(--ox-text-main);
  isolation:isolate;
  overflow:hidden;
  /* keep slight breathe or remove entirely by deleting next line */
  animation:ox-frame-breathe 12s infinite;
}

.ox500-core-frame::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}


.ox500-core-frame::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--ox-radius-2);
  background:
    radial-gradient(circle at 0 0,rgba(0,0,0,.55),transparent 55%),
    radial-gradient(circle at 100% 100%,rgba(0,0,0,.65),transparent 60%);
  mix-blend-mode:multiply;
  opacity:.85;
  z-index:-1;
}

@keyframes ox-frame-breathe{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,0,0) scale(1.0015)}
}

.left-grid{
  position:absolute;
  left:0;
  top:0;
  width:40%;
  height:100%;
  background:repeating-linear-gradient(0deg,rgba(255,80,0,.05) 0 1px,transparent 1px 7px);
  opacity:.07;
  pointer-events:none;
  z-index:0;
}

/* ===================== */
/* INNER CONTENT         */
/* ===================== */
.shell{margin:0}
.shell-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:18px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,0) 0 18px,rgba(0,0,0,.18) 18px 19px);
  padding:4px 6px;
  border-radius:var(--ox-radius-1);

  /* JITTER OFF (uncomment if you really want it) */
  /* animation:ox-jitter 16s infinite; */
}

@keyframes ox-jitter{
  0%,92%,100%{transform:none}
  93%{transform:translate3d(1px,0,0)}
  94%{transform:translate3d(-1px,0,0)}
  95%{transform:none}
}

/* ===================== */
/* TOP BAR               */
/* ===================== */
.top-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-family:var(--ox-font-mono);
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.brand-main{color:var(--ox-rust);font-weight:650}
.brand-sub{color:var(--ox-text-dim);font-size:.70rem}

.signal{
  color:var(--ox-text-dim);
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

.signal-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#46ff6a;
  box-shadow:0 0 6px rgba(70,255,106,.9);
  animation:ox-dot-pulse 4.5s infinite;
}

@keyframes ox-dot-pulse{
  0%,100%{opacity:.25;transform:scale(.92)}
  50%{opacity:.95;transform:scale(1.12)}
}

/* ===================== */
/* HEADLINE              */
/* ===================== */
.headline{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  font-family:var(--ox-font-mono);
  text-transform:uppercase;
  letter-spacing:.18em;
}

.headline-core span{
  display:block;
  font-size:clamp(1.10rem,2.6vw,1.45rem);
}

.ERROR{
  color:var(--ox-accent);
  text-shadow:0 0 6px rgba(240,76,41,.85),0 0 14px rgba(240,76,41,.35);
  position:relative;
}

/* hover glitch kept but not animated by default */
.ERROR::before,.ERROR::after{
  content:attr(data-glitch);
  position:absolute;
  inset:0;
  mix-blend-mode:screen;
  opacity:0;
  pointer-events:none;
}

.ERROR:hover::before{opacity:.55;color:#ff8c4a;transform:translate(-1px,0)}
.ERROR:hover::after{opacity:.35;color:#ff4020;transform:translate(1px,0)}

/* ===================== */
/* INDEX: ARCHIVE LINKS  */
/* ===================== */
.archive-label{
  font-family:var(--ox-font-mono);
  font-size:.76rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ox-text-dim);
  margin-top:6px;
}

.archive-external{
  font-family:var(--ox-font-mono);
  font-size:.78rem;
  color:var(--ox-text-dim);
  letter-spacing:.14em;
  line-height:1.6;
}

.archive-external a{
  color:var(--ox-rust);
  border-bottom:1px dotted rgba(255,80,0,.30);
  transition:color 120ms var(--ox-ease),border-bottom-color 120ms var(--ox-ease);
}

.archive-external a:hover{
  color:var(--ox-accent);
  border-bottom-color:var(--ox-accent);
}

/* ===================== */
/* LOG LINES             */
/* ===================== */
.logs{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-family:var(--ox-font-mono);
  font-size:.76rem;
  color:var(--ox-text-dim);
}

.logs a.log-line{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:8px;
  padding:4px 6px;
  border-radius:6px;
  transition:background 120ms var(--ox-ease),transform 120ms var(--ox-ease);
}

.logs a.log-line:hover{
  background:linear-gradient(90deg,var(--ox-accent-soft) 0%,var(--ox-accent-dim) 35%,rgba(0,0,0,0) 100%);
  transform:translate3d(.5px,0,0);
}

.log-id{
  flex-shrink:0;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.85;
}

.log-tag{
  text-align:right;
  max-width:70%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ox-rust);
  letter-spacing:.08em;
  opacity:.90;
}

.logs a.log-line:hover .log-id{color:var(--ox-text-main)}
.logs a.log-line:hover .log-tag{color:var(--ox-accent);text-shadow:0 0 6px rgba(240,76,41,.25)}

/* ===================== */
/* CONTENT / DETAILS      */
/* ===================== */
.content{
  font-family:var(--ox-font-mono);
  font-size:.82rem;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.content-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:var(--ox-text-dim);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.70rem;
}

.log-entry{
  border:1px solid var(--ox-grid-line);
  border-radius:var(--ox-radius-1);
  background:rgba(0,0,0,.40);
  overflow:hidden;
}

.log-entry summary{
  list-style:none;
  cursor:pointer;
  padding:8px 10px;
  user-select:none;
  background:rgba(0,0,0,.22);
  border-bottom:1px solid rgba(0,0,0,0);
  transition:background 120ms var(--ox-ease),border-bottom-color 120ms var(--ox-ease);
}

.log-entry summary::-webkit-details-marker{display:none}

.log-entry summary:hover{
  background:rgba(0,0,0,.30);
  border-bottom-color:var(--ox-grid-line);
}

.log-entry[open] summary{
  background:rgba(0,0,0,.28);
  border-bottom-color:var(--ox-grid-line);
}

.log-entry-header{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:var(--ox-text-dim);
  font-size:.78rem;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.log-entry-body{
  padding:10px;
  position:relative;
}

.log-entry-body p{margin:0 0 8px}

.log-entry-body a,.log-entry-body a:visited{
  color:var(--ox-text-dim);
  border-bottom:1px dotted rgba(255,255,255,.18);
}

.log-entry-body a:hover{
  color:var(--ox-accent);
  border-bottom-color:var(--ox-accent);
}

/* ===================== */
/* LOG PAGE: ARTICLE + PRE */
/* ===================== */
.log-article{
  border:1px solid var(--ox-grid-line);
  border-radius:var(--ox-radius-1);
  background:rgba(0,0,0,.35);
  overflow:hidden;
}

.log-article-header{
  padding:10px 10px 8px;
  border-bottom:1px solid var(--ox-grid-line);
  background:rgba(0,0,0,.25);
}

.log-article-header h1{
  margin:0 0 6px;
  font-family:var(--ox-font-mono);
  font-size:clamp(.92rem,2.2vw,1.05rem);
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1.25;
}

.log-meta{
  margin:0 0 8px;
  font-family:var(--ox-font-mono);
  font-size:.74rem;
  color:var(--ox-text-dim);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.log-nav{
  margin:0;
  font-family:var(--ox-font-mono);
  font-size:.74rem;
  color:var(--ox-text-dim);
  letter-spacing:.12em;
  text-transform:uppercase;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

a.nav-home,a.nav-prev,a.nav-next{
  display:inline-block;
  cursor:pointer;
  color:var(--ox-text-dim);
  padding:2px 8px;
  border-radius:6px;
  border-bottom:1px dotted rgba(255,255,255,.18);
  opacity:.92;
  transition:color 120ms var(--ox-ease),background 120ms var(--ox-ease),transform 120ms var(--ox-ease),border-bottom-color 120ms var(--ox-ease),opacity 120ms var(--ox-ease);
}

a.nav-home:hover,a.nav-prev:hover,a.nav-next:hover{
  opacity:1;
  color:var(--ox-accent);
  transform:translate3d(.5px,0,0);
  background:linear-gradient(90deg,var(--ox-accent-soft) 0%,var(--ox-accent-dim) 35%,rgba(0,0,0,0) 100%);
  border-bottom-color:var(--ox-accent);
}

/* NO TYPEWRITER / NO REVEAL ANIMATION */
.log-pre{
  margin:0;
  padding:12px 10px;
  font-family:var(--ox-font-mono);
  font-size:clamp(.78rem,1.8vw,.86rem);
  line-height:1.38;
  white-space:pre-wrap;
  word-break:break-word;
  border-left:2px solid rgba(255,80,0,.70);
  text-shadow:0 0 4px rgba(255,70,0,.28);
  position:relative;
}

.log-pre::after{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(180deg,rgba(255,80,0,.025) 0 2px,transparent 2px 4px);
  mix-blend-mode:overlay;
  pointer-events:none;
}

/* ===================== */
/* FOOTER                */
/* ===================== */
.footer{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-top:10px;
  font-family:var(--ox-font-mono);
  font-size:.70rem;
  color:var(--ox-text-dim);
  flex-wrap:wrap;
}

/* ===================== */
/* SERIES ELEMENTS       */
/* ===================== */
.log-series{
  margin:.25rem 0 0;
  color:var(--ox-text-dim);
  font-family:var(--ox-font-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.85;
}

a.series-sep{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
  margin:10px 0 6px;
  padding:5px 6px;
  border-top:1px solid var(--ox-grid-line);
  font-family:var(--ox-font-mono);
  font-size:.74rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ox-text-dim);
  background:linear-gradient(90deg,rgba(240,76,41,.07) 0,rgba(0,0,0,0) 70%);
  border-radius:6px;
  opacity:.9;
  transition:opacity 120ms ease,transform 120ms ease,background 120ms ease,color 120ms ease;
}

a.series-sep:hover{
  opacity:1;
  color:var(--ox-text-main);
  transform:translate3d(.5px,0,0);
  background:linear-gradient(90deg,rgba(240,76,41,.11) 0,rgba(240,76,41,.05) 35%,rgba(0,0,0,0) 100%);
}

.series-count{
  color:var(--ox-accent);
  text-shadow:0 0 6px rgba(240,76,41,.20);
  opacity:.8;
  letter-spacing:.10em;
}

.log-title{
  color:var(--ox-rust);
  text-align:right;
  max-width:70%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* ===================== */
/* MOBILE                */
/* ===================== */
@media (max-width:720px){
  .ox500-shell{padding:14px 6px}
  .ox500-core-frame{padding:14px 10px}
  .headline{flex-direction:column;gap:4px}
  .top-bar{flex-wrap:wrap;font-size:.74rem;letter-spacing:.14em}
  .log-entry-header{flex-direction:column}
  .footer{flex-direction:column;align-items:flex-start;gap:6px}
  .logs{font-size:.72rem}
}
/* =========================================================
   OX500 — CORROSION LAYER
   structural decay / no fake textures / append-only
   ========================================================= */

/* SYSTEM-WIDE CORROSION BREATH */
body{
  animation: ox-corrosion-breathe 26s ease-in-out infinite;
}

@keyframes ox-corrosion-breathe{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(.965)}
}


/* PANEL INTERNAL CORROSION */
.ox500-core-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 42%, rgba(164,74,32,.22), transparent 48%),
    radial-gradient(circle at 72% 68%, rgba(107,46,20,.18), transparent 44%);
  mix-blend-mode:multiply;
  opacity:.55;
}

/* TEXT BLEED — RUST ENTERS LOGS */


/* MICRO-DECAY — SYSTEM NEVER STABLE */
@keyframes ox-text-decay{
  0%,100%{letter-spacing:0}
  50%{letter-spacing:.03em}
}

.log-pre{
  animation: ox-text-decay 34s ease-in-out infinite;
}

/* OPTIONAL: VERY SLOW CORROSION DRIFT */
@keyframes ox-corrosion-drift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(.4px,-.3px,0)}
}

.ox500-core-frame{
  animation: ox-corrosion-drift 48s ease-in-out infinite;
}
.ox500-core-frame::after{
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.015) 0 1px,
      transparent 1px 6px
    );
  opacity:.25;
}
.ox500-core-frame{
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.02) 0%,
      rgba(0,0,0,0) 40%,
      rgba(0,0,0,.06) 100%
    ),
    var(--ox-panel);
}/* =========================================================
   CORE INTERFACE — BREATHING (RESTORED)
   ========================================================= */

@keyframes core-breathe {
  0%,100% {
    letter-spacing: .18em;
    transform: translateX(0);
  }
  50% {
    letter-spacing: .22em;
    transform: translateX(.4px);
  }
}

.headline-core span{
  display:block;
  animation: core-breathe 9s ease-in-out infinite;
  will-change: transform, letter-spacing;
}

/* =========================================================
   OX500 — GLOBAL REBELLION BACKGROUND
   ========================================================= */

#ox500-bg{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
}
#ox500-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--ox-bg-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity: var(--ox-bg-image-opacity);
  filter: brightness(var(--ox-bg-brightness)) contrast(var(--ox-bg-contrast)) saturate(var(--ox-bg-saturate));
  transform: scale(1.02);
}
#ox500-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 18%, rgba(240,76,41,.10), transparent 40%),
    radial-gradient(circle at 76% 70%, rgba(164,74,32,.10), transparent 45%),
    linear-gradient(180deg,
      rgba(0 0 0 / var(--ox-bg-shade-top)) 0%,
      rgba(0 0 0 / var(--ox-bg-shade-mid)) 45%,
      rgba(0 0 0 / var(--ox-bg-shade-bot)) 100%);
}
.ox500-shell,
.ox500-core-frame{
  position: relative;
  z-index: 2;
}


/* ===================== */
/* GLOBAL OVERLAYS (CRT) */
/* ===================== */

.ox500-bg-noise,
.ox500-bg-scanlines,
.ox-veins{
  pointer-events:none;
  position:fixed;
  inset:0;
}

.ox500-bg-noise{
  z-index:50;
  opacity: var(--ox-noise-opacity);
  mix-blend-mode: overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  animation: ox-jitter 12s infinite;
}

.ox500-bg-scanlines{
  z-index:55;
  opacity: var(--ox-scanlines-opacity);
  mix-blend-mode: overlay;
  background-image:
    repeating-linear-gradient(to bottom,
      rgba(255,255,255,.06) 0px,
      rgba(255,255,255,.06) 1px,
      rgba(0,0,0,0) 1px,
      rgba(0,0,0,0) 3px);
  animation: ox-scan-drift 7s linear infinite, ox-flicker 9s steps(1) infinite;
}

.ox-veins{
  z-index:52;
  opacity: var(--ox-veins-opacity);
  mix-blend-mode: screen;
  background:
    radial-gradient(circle at 12% 22%, rgba(240,76,41,.22), transparent 32%),
    radial-gradient(circle at 78% 68%, rgba(164,74,32,.20), transparent 38%),
    radial-gradient(circle at 35% 80%, rgba(240,76,41,.10), transparent 45%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 1px, rgba(0,0,0,0) 1px 10px);
}

/* breathe the background a little without shaking text */
#ox500-bg::before{
  animation: ox-bg-breathe 18s ease-in-out infinite;
}

@keyframes ox-bg-breathe{
  0%,100%{ opacity: calc(var(--ox-bg-image-opacity) - .03); }
  50%{ opacity: calc(var(--ox-bg-image-opacity) + .03); }
}

@keyframes ox-scan-drift{
  0%{ background-position: 0 0; }
  100%{ background-position: 0 24px; }
}

@keyframes ox-flicker{
  0%, 92%, 100%{ opacity: var(--ox-scanlines-opacity); }
  93%{ opacity: calc(var(--ox-scanlines-opacity) * .5); }
  94%{ opacity: calc(var(--ox-scanlines-opacity) * 1.2); }
  95%{ opacity: var(--ox-scanlines-opacity); }
}

@keyframes ox-jitter{
  0%, 96%, 100%{ transform: translate3d(0,0,0); }
  97%{ transform: translate3d(1px,-1px,0); }
  98%{ transform: translate3d(-1px,1px,0); }
  99%{ transform: translate3d(.5px,0,0); }
}

@media (prefers-reduced-motion: reduce){
  .ox500-bg-noise,
  .ox500-bg-scanlines,
  #ox500-bg::before{ animation:none !important; }
}