/*
 * TEMPORARY BLOG CONSTRUCTION BLOCK
 * Remove the stylesheet <link> to restore the public blog.
 */

html,
body {
  overflow: hidden !important;
  min-height: 100%;
  height: 100%;
}

body {
  position: relative;
  isolation: isolate;
}

body > * {
  visibility: hidden !important;
  pointer-events: none !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  pointer-events: auto;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255, 209, 102, 0.035) 0 2px,
      transparent 2px 16px
    ),
    linear-gradient(180deg, #071522 0%, #020609 52%, #010304 100%);
  box-shadow:
    inset 0 0 0 1px rgba(100, 210, 255, 0.28),
    inset 0 0 90px rgba(0, 0, 0, 0.62);
}

body::after {
  content:
    "BLOG // UNDER CONSTRUCTION\A\A"
    "SYSTEM STATUS: OFFLINE\A\A"
    "New transmissions are being assembled.\A"
    "Please check back soon.";
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2147483647;
  display: block;
  width: min(88vw, 42rem);
  padding: clamp(2rem, 6vw, 4rem) clamp(1.25rem, 5vw, 3rem);
  border: 1px solid rgba(255, 209, 102, 0.78);
  border-left: 3px solid #ffd166;
  transform: translate(-50%, -50%);
  color: #ffd166;
  background: rgba(2, 7, 11, 0.96);
  box-shadow:
    0 0 0 1px rgba(100, 210, 255, 0.22),
    0 0 26px rgba(255, 209, 102, 0.12),
    inset 0 0 30px rgba(100, 210, 255, 0.045);
  font: 400 clamp(1rem, 2vw, 1.25rem) / 1.65 "Courier New", Courier, monospace;
  letter-spacing: 0.08em;
  text-align: center;
  text-shadow: 0 0 7px rgba(255, 209, 102, 0.22);
  white-space: pre-wrap;
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after {
    transition: none;
  }
}