/* Background-only revision of the separate homepage experiment. */
.gate-atmosphere { display: none; }
body[data-view="prison"] .gate-atmosphere {
  display: block;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: 0 0 auto;
  height: var(--gate-height, 100svh);
  background: linear-gradient(90deg, #0b090922, #0b0909aa 33%, #0b0909bb 67%, #0b090922), url('assets/home-wall-v1.png') center / cover;
  opacity: .54;
  mask-image: linear-gradient(#000 0%, #000 82%, transparent 100%);
}

/* Keep the player's placement when removing its heading and publication details. */
body[data-view="prison"] .archive-video { width: min(640px, 35.5vw); margin-top: 99px; }
body[data-view="prison"] .video-frame { box-shadow: 0 0 0 5px #191411, 0 0 0 6px #57433370, 0 8px 24px #000a; }
body[data-view="prison"] .descent-cue { margin-top: 55px; }
body[data-view="prison"] .prison-title { top: 18px; }
body[data-view="prison"] .prison-content { margin-top: max(130px, 18svh); }

.echo-art { background-image: url('assets/distress-type-weathered-v1.png'); filter: brightness(1.2) drop-shadow(0 0 2px #a72c2638); }
.descent-drawing { position: absolute; top: 50%; left: 50%; width: 84px; height: 84px; transform: translate(-50%, -50%); object-fit: contain; pointer-events: none; filter: drop-shadow(0 0 4px #b9252b44); transition: filter .2s; }
.descent-cue:hover .descent-drawing, .descent-cue:focus-visible .descent-drawing { filter: brightness(1.18) drop-shadow(0 0 8px #c5263177); }

/* The upper phrases sit above the outer eyelids; the lower ones clear their curve. */
@media (min-width: 1200px) {
  .echo-01, .echo-05 { top: -56px; }
  .echo-02, .echo-06 { top: clamp(14px, 1.3vw, 26px); }
  .echo-02 { left: -4px; }
  .echo-06 { right: -4px; }
  .echo-03, .echo-07 { top: clamp(118px, 8.5vw, 160px); }
  .echo-04, .echo-08 { top: clamp(202px, 12.4vw, 238px); }
}
@media (min-width: 1200px) and (max-width: 1919px) {
  body[data-view="prison"] .observation-space { --eye-width: min(800px, 42vw); }
  .echo-wing { top: 16px; width: 180px; }
  .echo-wing--left { left: -100px; }
  .echo-wing--right { right: -100px; }
  .distress-echo { width: min(206px, 11vw); }
  .echo-01 { left: 26px; } .echo-02 { left: -8px; } .echo-03 { left: 0; } .echo-04 { left: 26px; }
  .echo-05 { right: 26px; } .echo-06 { right: -8px; } .echo-07 { right: 0; } .echo-08 { right: 26px; }
  body[data-view="prison"] .archive-video { margin-top: 156px; }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  body[data-view="prison"] .archive-video { margin-top: 104px; }
}
@media (max-width: 1199px) {
  body[data-view="prison"] .gate-atmosphere { opacity: .32; }
  body[data-view="prison"] .archive-video { width: min(680px, 66vw); margin-top: 479px; }
  body[data-view="prison"] .prison-content { margin-top: 90px; }
}
@media (max-width: 700px) {
  body[data-view="prison"] .archive-video { width: 100%; margin-top: calc(3.2 * min(280px, calc(100vw - 72px)) + 229px); }
  body[data-view="prison"] .descent-cue { margin-top: 72px; }
}