/* About: same artwork, allowed to scroll. */

body { padding-bottom: 0; }

.art--banner { height: clamp(170px, 26vh, 260px); }
.art--banner::after {
  background: linear-gradient(180deg, transparent 0%, transparent 58%, var(--bg) 100%);
}

.back { margin: 0 0 18px; font-size: 14.5px; }
.back a { color: var(--ink-3); border: 0; }
.back a:hover { color: var(--amber); }

.sheet { margin-top: 6px; padding-bottom: 88px; }

h2 {
  margin: 38px 0 12px;
  font-family: "Rozha One", Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.42rem;
  line-height: 1.2;
  color: var(--ink);
}
h2:first-of-type { margin-top: 30px; }

.rows { list-style: none; margin: 6px 0 0; padding: 0; }
.rows li {
  padding: 18px 0 0;
  margin-top: 18px;
  border-top: 1px solid var(--line);
}
.rows li:first-child { border-top: 0; margin-top: 4px; padding-top: 0; }
.rows strong {
  display: block;
  margin-bottom: 5px;
  color: var(--ink);
  font-weight: 500;
}

.connect { display: block; margin-top: 10px; }

@media (max-width: 620px) {
  .art--banner { height: clamp(140px, 20vh, 200px); }
}

.portrait-open { display: block; border: 0; cursor: zoom-in; }
.portrait-open:focus-visible { outline: 2px solid var(--amber); outline-offset: 5px; }
.portrait-lightbox {
  padding: 52px 0 0; border: 0; margin: auto;
  max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px);
  background: transparent; color: #fff; overflow: visible;
}
.portrait-lightbox::backdrop { background: rgba(0, 0, 0, .88); }
.portrait-lightbox img {
  display: block; width: auto; height: auto;
  max-width: min(672px, calc(100vw - 32px)); max-height: calc(100dvh - 100px);
  object-fit: contain; border-radius: 4px;
}
.portrait-close {
  position: absolute; top: 0; right: 0; width: 44px; height: 44px;
  border: 1px solid #ffffff66; border-radius: 50%;
  background: #18202b; color: #fff; font: 30px/1 sans-serif; cursor: pointer;
}
.portrait-close:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; }
html:has(.portrait-lightbox[open]) { overflow: hidden; }