.lore-page{display:grid;place-items:center;padding:0}
.lore-page::after{inset:0;border:0;z-index:4;background:linear-gradient(90deg,#62523126,transparent 6%,transparent 97%,#62523112)}
.lore-media{position:relative;min-height:0;width:98%;max-width:100%;aspect-ratio:3/4;margin:0;overflow:hidden;background:transparent;isolation:isolate;mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 96%,transparent),linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.lore-media>img,.lore-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;border:0}
.lore-media>img{z-index:1;opacity:1;filter:sepia(.22) saturate(.78);transition:opacity .7s ease;pointer-events:none}
.lore-media>video{z-index:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.lore-media.has-frame>img{opacity:0}
.lore-media.has-frame>video{opacity:1}
.lore-media>[hidden],.lore-controls[hidden],#lore-seek[hidden]{display:none}
.lore-page>.running-head,.lore-page .lore-controls,.lore-page #lore-seek,.lore-page .lore-caption,.lore-page .lore-subtitle{display:none}
.lore-toggle{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.lore-toggle:disabled{opacity:1;cursor:default}
.lore-toggle:focus-visible{outline:1px solid #c9a7ff;outline-offset:-12px;box-shadow:inset 0 0 30px #c9a7ff26}
.lore-page .folio-mark{z-index:5;bottom:2%;left:8%;right:8%;pointer-events:none}
.lore-archive-link{position:absolute;left:10%;bottom:10%;display:inline-block;max-width:80%;min-height:44px;margin:0;padding:10px 0;font-size:calc(var(--page-w)*.033);font-style:italic;color:#6b7357;border-bottom:1px solid #7d825755;text-align:left}
.lore-archive-link:hover{color:#343f2b}
.todd-archive-dialog img{display:block;width:60%;max-width:180px;height:auto;margin:15px auto 22px;filter:saturate(.7);border:1px solid #8b805b55}
.todd-archive-dialog .archive-note,.todd-archive-dialog small{display:block;margin-top:20px;font:12px/1.5 Arial,sans-serif;color:#6b6e5b}
@media(prefers-reduced-motion:reduce){.lore-media>img,.lore-media>video,.lore-subtitle{transition:none!important}}