/* Display frames only: the original scans and their paper remain untouched. */
:root{--frame-dark:#30251e;--frame-edge:#726050;--frame-mount:#e9e1d2}
/* Clip the gallery without creating a scroll container that breaks its sticky stage. */
.archive{overflow:clip}
.archive-spatial[hidden]{display:none}
@media(min-width:761px){
 .archive:has(.spatial-ready) .archive-heading{position:sticky;top:0;height:30svh;padding:20px;background:#292723}
 .archive:has(.spatial-ready) .archive-heading h2{font-size:clamp(42px,7svh,80px)}
 .archive:has(.spatial-ready) .archive-heading p{font-size:14px;margin-top:12px}
 .spatial-ready .archive-spatial{top:30svh;height:70svh}
}
.plate,.hero-fallback,.mobile-study{
 border:19px ridge var(--frame-edge);
 background:var(--frame-mount);
 box-shadow:0 0 0 1px #241c17,2px 3px 0 #33291f,5px 8px 14px #231c171c;
}
.plate::after,.hero-fallback::after,.mobile-study::after{
 content:"";position:absolute;inset:2px;border:4px double var(--frame-edge);
 outline:2px dotted var(--frame-dark);outline-offset:-7px;pointer-events:none;z-index:2;
}
.framed-art-window{position:absolute;inset:21px;overflow:hidden;background:#faf9f5;
 box-shadow:0 0 0 1px #c3b8a5,inset 1px 2px 3px #28201920}
.hero-fallback{mix-blend-mode:normal}
.framed-art-window img{left:0}
.mobile-study .framed-art-window img{width:100%;height:100%;object-fit:contain}
.edition-object .plate{box-shadow:0 0 0 1px #241c17,2px 3px 0 #33291f,5px 8px 14px #231c171c}
.archive .plate{box-shadow:0 0 0 1px #18130f,3px 4px 0 #191613,7px 10px 18px #0003}
[data-wood="walnut"]{--frame-edge:#695040;--frame-dark:#35251b;--frame-mount:#e9e0d0}
[data-wood="oak"]{--frame-edge:#a28a64;--frame-dark:#695333;--frame-mount:#eee6d7}
[data-wood="mahogany"]{--frame-edge:#744137;--frame-dark:#3d211d;--frame-mount:#e7dcca}
[data-wood="ebonized"]{--frame-edge:#46413a;--frame-dark:#1e1c18;--frame-mount:#ddd7c9}
@media(max-width:760px){
 .plate,.hero-fallback,.mobile-study{border-width:14px}
 .framed-art-window{inset:16px}
 .wall .framed-art-window{inset:8px}
 .wall .plate{border-width:11px}
 .mobile-study{bottom:auto;height:auto;aspect-ratio:.75;max-height:100%}
 .hero-fallback{height:auto;aspect-ratio:.75}
}