/* Artwork is a protected surface. Motion occupies the surrounding paper. */
.opening-stage { background: var(--paper); }
.archive { background: var(--paper); }
.ink-art { mask-image: none; }
.archive-edit { position: relative; isolation: isolate; padding-block: clamp(3rem, 8vw, 7rem); }
.archive-edit > header, .archive-edit > .archive-spread { position: relative; z-index: 2; }
.archive-study img { position: relative; z-index: 2; }
.closing-paper { background: #181a18; color: #f3f1ea; padding-block: clamp(4rem, 9vw, 8rem) 0; }
.closing-paper .after-art { color: inherit; }
.closing-paper .studio-layout { display: block; }
.closing-paper .studio-information { margin-left: auto; width: min(100%, 48rem); padding-bottom: 0; }
.closing-paper .studio-information h3 { font-family: var(--nadia-goth); font-size: clamp(2.8rem, 7vw, 6rem); line-height: 1.08; }
.closing-paper .studio-information p { max-width: 40ch; color: #bbbdb7; }
.closing-paper .after-art-end { border-color: #42453f; }
.after-art-footer { width: 100%; padding: 1.5rem var(--gutter) 2rem; background: #181a18; color: #f3f1ea; }
.after-art-footer .mark-dot { color: inherit; }
@media (max-width: 767px) {
  .closing-paper { padding-top: 4rem; }
  .closing-paper .studio-information h3 { font-size: clamp(2.6rem, 12vw, 4.3rem); }
}
:root:is([data-active-scene="corpus"], [data-active-scene="directory"]) .site-header {
  background: rgba(24, 26, 24, .96);
  color: #f3f1ea;
}
:root:is([data-active-scene="corpus"], [data-active-scene="directory"]) .site-header .mark-dot { color: inherit; }
:root:is([data-active-scene="corpus"], [data-active-scene="directory"]) .motion-toggle { border-color: #55584f; }
.archive { height: 170svh; min-height: 0; }
.archive .archive-stage { height: 90svh; min-height: 0; }
:root[data-reduced-motion="true"] .archive { height: auto; }
:root[data-reduced-motion="true"] .archive .archive-stage { height: min(78svh, 68vw); min-height: 260px; }
:root[data-reduced-motion="true"] .brand .brand-composition { height: auto; min-height: 160px; padding-block: 48px; }
@media (max-width: 700px) {
  .archive .archive-stage { height: 76svh; }
  :root[data-reduced-motion="true"] .archive .archive-stage { height: 113vw; min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .archive { height: auto; }
  .archive .archive-stage { height: min(78svh, 68vw); min-height: 260px; }
  .brand .brand-composition { height: auto; min-height: 160px; padding-block: 48px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 700px) {
  .archive .archive-stage { height: 113vw; min-height: 0; }
}
.archive .archive-stage { top: 76px; }
.closing-paper { position: relative; margin-top: 48px; }
.closing-edge { position: absolute; top: -48px; left: 0; width: 100%; height: 49px; display: block; fill: #181a18; pointer-events: none; }
:root[data-reduced-motion="true"] .archive .archive-stage { top: 0; }
@media (prefers-reduced-motion: reduce) { .archive .archive-stage { top: 0; } }
.site-header { background: var(--paper); }