:root{
  color-scheme:dark;
  --osof-bg:#050b14;
  --osof-blue:#2563eb;
  --osof-cyan:#22d3ee;
  --osof-white:#f8fafc;
  --osof-muted:#91a0b4;
  --osof-line:rgba(255,255,255,.12);
  --osof-ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-width:320px;overflow-x:hidden;
  background:var(--osof-bg);color:var(--osof-white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
button,a{font:inherit}
img{display:block;max-width:100%}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}


/* RC3 Background System Freeze */
:root{
  --osof-bg:#07111f;
  --osof-bg-secondary:#0b1728;
  --osof-bg-glow:#10233d;
}
html,body,main,
.opening,.scene,.scene01,.scene02,.scene03,.scene04,.scene05,
.scene05__opening,.scene05__people,.scene05__statement,.scene05__archive,
.scene05__join,.scene05__final,.global-journey{
  background-color:var(--osof-bg)!important;
}
body{
  background:
    radial-gradient(circle at 20% 8%,rgba(16,35,61,.42),transparent 28%),
    radial-gradient(circle at 82% 54%,rgba(16,35,61,.28),transparent 30%),
    var(--osof-bg)!important;
  background-attachment:fixed!important;
}
.scene05__statement,
.scene05__final{
  background:
    radial-gradient(circle at 50% 45%,rgba(37,99,235,.13),transparent 34%),
    transparent!important;
}