/* ANALTHROPIC NIGHT SHIFT ARTICLE BROADCAST
   Global article identity for all past and future Ghost posts.
   Original cyberpunk editorial language: cropped portrait, CRT lines, neon utility labels.
   No external asset, embed, tracking, or generated article media is required. */

.post-full__header {
  position: relative;
}

.post-full__header::after {
  background: var(--magenta);
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: 0;
  width: min(14vw, 12rem);
}

.night-shift-intercept {
  margin-bottom: clamp(2.75rem, 6vw, 5.5rem);
  margin-top: clamp(1.2rem, 2vw, 2.35rem);
}

.night-shift-intercept__frame {
  background: #0b0d11;
  box-shadow: 13px 13px 0 var(--magenta), -1px -1px 0 var(--lime);
  color: var(--paper);
  display: grid;
  grid-template-columns: minmax(0, 1.13fr) minmax(17rem, .87fr);
  min-height: min(36rem, 68vw);
  overflow: hidden;
  position: relative;
}

.night-shift-intercept__frame::before {
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(216,255,43,.17) 8% 8.25%, transparent 8.25% 100%),
    repeating-linear-gradient(0deg, transparent 0 4px, rgba(39,217,255,.08) 5px 6px);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.night-shift-intercept__type {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1.75rem, 5.25vw, 5rem);
  position: relative;
  z-index: 2;
}

.night-shift-intercept__type .eyebrow {
  color: var(--lime);
  margin: 0 0 1rem;
}

.night-shift-intercept__lamp {
  background: var(--magenta);
  box-shadow: 0 0 12px rgba(255,39,135,.85);
  display: inline-block;
  height: .55rem;
  margin-right: .45rem;
  width: .55rem;
}

.night-shift-intercept__code,
.night-shift-intercept__disclaimer {
  font: 800 clamp(.53rem, .76vw, .67rem)/1.55 var(--mono);
  letter-spacing: .075em;
  text-transform: uppercase;
}

.night-shift-intercept__code {
  border-block: 1px solid rgba(244,242,234,.32);
  color: #ccd0c9;
  margin: 0 0 clamp(1.4rem, 3vw, 2rem);
  padding: .72rem 0;
  width: 100%;
}

.night-shift-intercept h2 {
  color: var(--paper);
  font-size: clamp(2.65rem, 5.6vw, 5.45rem);
  letter-spacing: -.078em;
  line-height: .84;
  margin: 0;
  max-width: 7.8ch;
}

.night-shift-intercept h2::after {
  background: var(--lime);
  content: "";
  display: block;
  height: .45rem;
  margin-top: 1.5rem;
  transform: skewX(-18deg);
  width: 4.5rem;
}

.night-shift-intercept h2 + p {
  color: #dde1d9;
  font-size: clamp(.95rem, 1.4vw, 1.1rem);
  line-height: 1.62;
  margin: 1.35rem 0 0;
  max-width: 33rem;
}

.night-shift-intercept__disclaimer {
  color: var(--cyan);
  margin: 1.4rem 0 0;
}

.night-shift-intercept__disclaimer span { color: var(--magenta); }

.night-shift-intercept__figure {
  align-self: stretch;
  background: linear-gradient(135deg, #151a22 0 55%, #c2ff1f 55% 55.6%, #fc2a89 55.6% 100%);
  border-left: 1px solid rgba(216,255,43,.7);
  margin: 0;
  min-height: 100%;
  overflow: hidden;
  position: relative;
}

.night-shift-intercept__figure::before {
  background: linear-gradient(90deg, transparent 0 46%, rgba(216,255,43,.27) 46% 46.7%, transparent 46.7% 100%);
  content: "";
  inset: 0;
  mix-blend-mode: screen;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.night-shift-intercept__figure img {
  bottom: -12%;
  filter: contrast(1.14) saturate(1.2);
  height: 118%;
  max-width: none;
  object-fit: cover;
  object-position: 56% 35%;
  position: absolute;
  right: -20%;
  width: 123%;
  z-index: 1;
}

.night-shift-intercept__shade {
  background: linear-gradient(90deg, #0b0d11 0%, rgba(11,13,17,.47) 37%, transparent 79%);
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.night-shift-intercept figcaption {
  background: rgba(10,12,16,.9);
  bottom: 0;
  color: var(--paper);
  font: 800 .53rem/1.45 var(--mono);
  left: 0;
  letter-spacing: .065em;
  margin: 0;
  padding: .8rem clamp(.8rem, 2vw, 1.25rem);
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  z-index: 3;
}

/* The feature image becomes an editorial evidence frame whenever a future post has one. */
.post-full__feature-image {
  background: #0b0d11;
  border: 1px solid var(--ink);
  padding: .55rem;
  position: relative;
}

.post-full__feature-image::before {
  color: var(--lime);
  content: "EVIDENCE IMAGE  //  VERIFY THE CAPTION";
  display: block;
  font: 800 .55rem/1.45 var(--mono);
  letter-spacing: .065em;
  padding: 0 0 .5rem;
}

.post-full__feature-image img { box-shadow: 8px 8px 0 var(--magenta); }
.post-full__feature-image figcaption { color: var(--paper); font: 700 .67rem/1.5 var(--mono); margin: .7rem .15rem .1rem; }

/* The durable display layer is element-driven because Ghost sanitizes article classes. */
.gh-content > h2:first-of-type {
  background-image:
    linear-gradient(90deg, transparent 0 72%, rgba(216,255,43,.11) 72% 100%),
    repeating-linear-gradient(0deg, transparent 0 5px, rgba(39,217,255,.05) 6px 7px);
}

.gh-content > h2:nth-of-type(5),
.gh-content > h2:nth-of-type(5) ~ p {
  background-image: repeating-linear-gradient(135deg, transparent 0 10px, rgba(244,242,234,.13) 11px 12px);
}

@media (max-width: 700px) {
  .post-full__header::after { height: 5px; width: 7.5rem; }
  .night-shift-intercept { margin-bottom: 2.85rem; margin-top: .8rem; }
  .night-shift-intercept__frame { box-shadow: 7px 7px 0 var(--magenta), -1px -1px 0 var(--lime); display: block; min-height: 0; }
  .night-shift-intercept__type { min-height: 26rem; padding: 1.5rem 1.2rem 1.55rem; }
  .night-shift-intercept h2 { font-size: clamp(2.55rem, 12.2vw, 3.55rem); max-width: 8.2ch; }
  .night-shift-intercept h2 + p { font-size: .95rem; margin-top: 1.2rem; }
  .night-shift-intercept__figure { border-left: 0; border-top: 1px solid rgba(216,255,43,.7); height: min(34rem, 113vw); min-height: 19rem; }
  .night-shift-intercept__figure img { bottom: -10%; height: 120%; right: -24%; width: 122%; }
  .night-shift-intercept figcaption { font-size: .49rem; padding: .65rem .8rem; }
  .post-full__feature-image { padding: .4rem; }
  .post-full__feature-image::before { font-size: .48rem; padding-bottom: .4rem; }
}

@media (prefers-reduced-motion: reduce) {
  .night-shift-intercept *, .post-full__feature-image * { animation: none !important; transition: none !important; }
}