/* HOME review: original local fonts, colors and animation sources. */
.mystery-home > .subscribe-box,
.mystery-home > #first-light-portal,
.mystery-home > #next-manifestation { display: none !important; }
.mystery-home .home-direct-access,
.mystery-home .home-episode {
  box-sizing: border-box;
  position: relative;
  width: min(1220px, calc(100% - 96px));
  margin: 0 auto;
  padding: clamp(48px, 7vw, 104px) 0;
  border: 0;
}
.mystery-home .home-paths-kicker {
  margin: 0 0 24px;
  color: var(--m-white);
  font: 400 11px/1.5 var(--font-geist-mono), monospace;
  letter-spacing: .13em;
}
.mystery-home #home-paths-title,
.mystery-home .home-episode__title {
  margin: 0 0 32px;
  color: var(--m-white);
  font-family: var(--font-geist-sans), sans-serif;
  font-size: clamp(30px, 4vw, 54px);
  font-weight: 250;
  letter-spacing: -.055em;
  line-height: 1.03;
}
.mystery-home .home-episode__title { font-size: clamp(36px, 6vw, 82px); margin: 0; }
.mystery-home .home-episode__kicker {
  margin: 0 0 16px;
  color: var(--m-white);
  font: 400 10px/1.5 var(--font-geist-mono), monospace;
  letter-spacing: .14em;
}
.mystery-home .home-episode__tracks {
  display: grid;
  gap: 10px;
  margin: 28px 0;
  padding: 0;
  list-style: none;
  color: #d5d9d1;
  font: 400 13px/1.6 var(--font-geist-mono), monospace;
  letter-spacing: .025em;
}
.mystery-home .home-episode__tracks li { display: flex; gap: 18px; }
.mystery-home .home-episode__tracks li > span { color: #939e89; flex: 0 0 28px; }
.mystery-home .home-episode__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.mystery-home .home-episode__action {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 44px;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 1px solid rgba(183, 255, 53, .42);
  color: #e8e9df;
  background: rgba(183, 255, 53, .018);
  text-decoration: none;
  font: 400 11px/1.5 var(--font-geist-mono), monospace;
  letter-spacing: .07em;
  transition: border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.mystery-home .home-paths-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.mystery-home .home-paths-grid a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 44px;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 1px solid rgba(183, 255, 53, .42);
  color: #e8e9df;
  background: rgba(183, 255, 53, .018);
  text-decoration: none;
  font: 400 11px/1.5 var(--font-geist-mono), monospace;
  letter-spacing: .07em;
  transition: border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.mystery-home .home-paths-grid a:hover,
.mystery-home .home-paths-grid a:focus-visible,
.mystery-home .home-episode__action:hover,
.mystery-home .home-episode__action:focus-visible {
  border-color: rgba(183, 255, 53, .9);
  background: rgba(183, 255, 53, .055);
  box-shadow: 0 0 22px rgba(183, 255, 53, .12);
}
.mystery-home .home-paths-grid a:focus-visible,
.mystery-home .home-episode__action:focus-visible { outline: 1px solid var(--signal); outline-offset: 5px; }
.mystery-home .artifact-fragment .artifact-caption > a {
  background: rgba(5, 10, 5, .36);
  box-shadow: inset 0 0 24px rgba(183, 255, 53, .015), 0 0 22px rgba(183, 255, 53, .16);
}
.mystery-home .artifact-fragment .artifact-caption > a:hover,
.mystery-home .artifact-fragment .artifact-caption > a:focus-visible { background: rgba(183, 255, 53, .06); }
/* Fade the photograph itself so its portrait edges disappear inside the frame. */
.mystery-home .evidence-void .evidence-frame {
  -webkit-mask-image: none;
  mask-image: none;
}
.mystery-home .evidence-void .evidence-frame img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-mask-image: radial-gradient(ellipse closest-side at 50% 48%, #000 40%, rgba(0,0,0,.88) 66%, transparent 100%);
  mask-image: radial-gradient(ellipse closest-side at 50% 48%, #000 40%, rgba(0,0,0,.88) 66%, transparent 100%);
}
.mystery-home .artifact-object img {
  -webkit-mask-image: radial-gradient(ellipse at center, #000 38%, rgba(0,0,0,.88) 62%, transparent 90%);
  mask-image: radial-gradient(ellipse at center, #000 38%, rgba(0,0,0,.88) 62%, transparent 90%);
}
.mystery-home :is(.artifact-fragment, .matter-fragment, .fashion-fragment) { border: 0; background-color: transparent; }
.mystery-home .home-systemwear-images {
  min-height: 100svh;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 18%, #000 74%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 18%, #000 74%, transparent);
}
.mystery-home .home-systemwear-images img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: brightness(.82);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 17%, #000 82%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 17%, #000 82%, transparent);
}
@media (max-width: 760px) {
  .mystery-home .home-direct-access,
  .mystery-home .home-episode { width: calc(100% - 48px); padding: 56px 0; }
  .mystery-home #home-paths-title { font-size: clamp(34px, 10vw, 58px); }
  .mystery-home .home-episode__title { font-size: clamp(34px, 10vw, 58px); }
  .mystery-home .home-paths-grid { grid-template-columns: 1fr; }
  .mystery-home .home-paths-grid a { font-size: 10px; padding: 10px 14px; }
  .mystery-home .home-episode__tracks { font-size: 12px; }
  .mystery-home .home-systemwear-images { min-height: 78svh; width: 100%; }
}
@media (max-width: 420px) {
  .mystery-home .system-index a[href="/realncode/"] span { font-size: 11vw; }
}

/* Review 02 — HOME only. Keep the original motion; let every background return to black. */
.mystery-home .core-fragment {
  background: radial-gradient(ellipse at 50% 48%, #b7ff3509, transparent 58%);
}
.mystery-home .core-fragment::before {
  background: none;
}
.mystery-home .fashion-fragment {
  background: radial-gradient(ellipse at 76% 50%, #ffffff0e, transparent 62%);
}
.mystery-home .before-after {
  background-image: linear-gradient(#000, transparent 24%, transparent 76%, #000),
    linear-gradient(#a7afb106 1px, transparent 0),
    linear-gradient(90deg, #a7afb106 1px, transparent 0);
  background-size: 100% 100%, 64px 64px, 64px 64px;
}
.mystery-home .home-chapter-list {
  grid-column: 2 / 8;
  display: grid;
  align-content: center;
  gap: clamp(26px, 4vh, 48px);
  list-style: none;
  padding: 0 4vw 0 0;
  margin: 0;
  color: #f3f3ef8f;
  font: 400 clamp(10px, .94vw, 14px)/1.8 var(--font-geist-mono), monospace;
  letter-spacing: .025em;
}
.mystery-home .home-chapter-list a {
  display: inline-block;
  font: inherit;
  letter-spacing: inherit;
  color: #f3f3efb3;
  padding: 6px 0;
  transition: color .5s, text-shadow .7s;
}
.mystery-home .home-chapter-list a:hover,
.mystery-home .home-chapter-list a:focus-visible {
  color: #f3f3ef;
  text-shadow: 0 0 18px #b7ff3542;
}
.mystery-home .home-chapter-list a:focus-visible { outline: 1px solid var(--signal); outline-offset: 7px; }
.mystery-home .matter-fragment > div { grid-column: 2 / 8; padding-right: 5vw; }
.mystery-home .matter-fragment .home-realncode-wordmark { width: min(100%, 440px); }
.mystery-home .home-realncode-wordmark img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0 12px #b7ff3526);
}
.mystery-home .fashion-fragment__copy h2 { font-size: clamp(48px, 5.7vw, 92px); max-width: none; }
@media (max-width: 760px) {
  .mystery-home .home-chapter-list { padding: 0; gap: 25px; font-size: clamp(9px, 2.6vw, 14px); }
  .mystery-home .matter-fragment > div { width: 100%; padding-right: 0; }
  .mystery-home .matter-fragment .home-realncode-wordmark { width: min(100%, 380px); }
  .mystery-home .fashion-fragment__copy h2 { font-size: 13vw; }
}

/* The HOME ghost header remains animated, without a horizontal rule. */
.mystery-home ~ #observatory-ghost-header { border-bottom: 0; }