/* Edition 02 · planet north. It opens from its banner like edition 01 and reuses edition 01's blocks; these rules
   only place its banner and body in the editions grid and give the banner the fjord under its arctic light. */
.editions > .pn-issue { display: contents; }
.editions .pn-issue > .edition.gl { order: 2; grid-column: 2; min-height: 72vh; cursor: pointer; }
.editions .pn-issue > .ed-body { order: 4; }
.edition.gl > img.pn-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.85) brightness(.85); transition: transform 1.6s cubic-bezier(.2, .7, .2, 1); }
.edition.gl.pn-banner .gl-art { opacity: .62; mix-blend-mode: multiply; }
.edition.gl.pn-banner:hover > img.pn-bg { transform: scale(1.02); }
.edition.gl.pn-banner .in { text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 0 22px rgba(0, 0, 0, .45); }
.edition.gl.pn-banner .foot-in { position: absolute; z-index: 2; left: 0; right: 0; bottom: clamp(18px, 3vw, 40px); display: grid; justify-items: center; gap: 6px; }
.edition.gl.pn-banner .inv { margin: 0; font: 400 clamp(10px, .8vw, 12px) var(--mono); letter-spacing: .2em; opacity: .85; }

/* one edition open at a time: the other banner steps aside and the open one spans the row */
.editions:has(.pn-issue.open) { padding: 0 !important; gap: 0 !important; }
.editions:has(.pn-issue.open) #whatif { display: none; }
.editions:has(#biosphere3-issue.open) .pn-issue > .edition.gl { display: none; }
.editions .pn-issue.open > .edition.gl { grid-column: 1 / -1 !important; border-radius: 0 !important; min-height: 78vh; box-shadow: none !important; }
.editions:has(.pn-issue.open) .ed-body { margin: 0 !important; }

/* the implementation loop drawn like the battalion chart */
.pn-impl .bt-l { letter-spacing: .04em; }

@media (max-width: 760px) {
  .editions .pn-issue > .edition.gl { grid-column: 1; order: 2; min-height: 70vh; }
  .editions .pn-issue > .ed-body { order: 3; }
}
.pn-impl .pn-zone { fill: none; stroke: currentColor; stroke-width: 1.2; stroke-dasharray: 3 5; opacity: .55; }
.pn-issue .bleed.now > img.bg { object-position: 50% 72%; }