/* Keep focus and viewport changes from scrolling the scene document. */
html,body{overflow:clip}body{position:fixed;inset:0;width:100%;height:100%}
/* Product controls sit above, without changing the supplied photo composition. */
.caption,.index{display:none}.memory-directory,.memory-reading{position:absolute;z-index:31;color:#e0e7ed}.memory-directory{left:3%;bottom:110px;width:240px}.memory-kicker{font:8px/1.7 monospace;letter-spacing:1.5px;color:#a4b8c7;margin:0 0 10px}.memory-directory nav{display:grid;max-height:230px;overflow:auto;scrollbar-width:thin}.memory-person{display:flex;align-items:baseline;gap:12px;text-align:left;font:25px/1.2 Arial,sans-serif;letter-spacing:0;padding:5px 0;min-height:38px;color:#aebecb;opacity:.8}.memory-person[aria-pressed=true]{color:#f0f3f6;opacity:1}.memory-person[aria-pressed=true]:before{content:'↳';font:14px monospace;color:#cc94aa}.memory-person small{font:8px monospace;color:#b6a4b0;letter-spacing:.4px}.memory-directory .memory-tools{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px}.memory-tools button{font:8px monospace;min-height:36px;border-bottom:1px solid #8b9eac75;padding:8px 0}.memory-reading{right:3%;top:80px;width:min(23vw,300px);padding:16px 0 16px 18px;background:linear-gradient(90deg,#02060a55,#02060ac9)}.memory-reading h1{font:400 29px/1.1 Arial,sans-serif;letter-spacing:-.8px;margin:4px 0 12px}.memory-reading p{font:11px/1.65 Arial,sans-serif;color:#bcc9d4;margin:0 0 15px}.memory-insights{display:grid;gap:13px}.memory-insight{border-top:1px solid #9eb1c02a;padding-top:10px}.memory-insight span{display:block;font:7px/1.6 monospace;letter-spacing:1px;color:#c298aa}.memory-insight strong{font:400 17px/1.5 monospace;color:#dde8f0}.memory-insight button{padding:0;text-align:left;line-height:1.5;font-size:7px;letter-spacing:.4px;color:#a4b6c5}.memory-disclosure{font:7px/1.5 monospace!important;color:#a6b6c3!important;margin:14px 0 0!important}.memory-detection{font:7px/1.7 monospace;color:#acbcc7;margin-top:12px;letter-spacing:.5px}.memory-reading .memory-open{padding:12px 0 0;font-size:8px;border-bottom:1px solid #9eb1c055;min-height:35px}.memory-person:focus-visible,.memory-reading button:focus-visible{outline:1px solid #d8e6ee;outline-offset:3px}.reflection-open .memory-directory,.reflection-open .memory-reading{visibility:hidden}
.memory-insight button{display:block;margin-top:4px}
@media(max-width:800px){.memory-directory{width:180px}.memory-person{font-size:23px}.memory-reading{width:230px;top:145px}.memory-reading h1{font-size:25px}.memory-reading>p:not(.memory-kicker):not(.memory-disclosure){font-size:10px}.memory-insights{gap:8px}.memory-insight{padding-top:7px}.memory-insight strong{font-size:14px}}
@media(max-width:550px){.memory-directory{left:5%;bottom:115px;width:145px}.memory-directory nav{max-height:180px}.memory-person{font-size:22px;min-height:36px;gap:7px}.memory-person small{font-size:6px}.memory-directory .memory-kicker{font-size:7px;max-width:150px;letter-spacing:.7px}.memory-directory .memory-tools{gap:8px;margin-top:7px}.memory-tools button{font-size:7px;min-height:40px}.memory-reading{right:5%;top:150px;width:46vw;padding:12px 0 12px 12px}.memory-reading h1{font-size:25px}.memory-reading>p:not(.memory-kicker):not(.memory-disclosure){display:none}.memory-insight:nth-child(n+3){display:none}.memory-reading .memory-kicker{font-size:6px;letter-spacing:.7px;margin-bottom:6px}.memory-insight span{font-size:6px}.memory-insight strong{font-size:13px}.memory-insight button{font-size:6px}.memory-disclosure{font-size:6px!important}.memory-detection{font-size:6px}.memory-reading .memory-open{font-size:7px}.memory-person:hover{opacity:1}footer{bottom:max(15px,env(safe-area-inset-bottom))}}
@media(max-height:600px) and (min-width:551px){.memory-directory{bottom:70px}.memory-directory nav{max-height:160px}.memory-person{font-size:20px;min-height:30px}.memory-reading{top:50px}.memory-reading>p:not(.memory-kicker):not(.memory-disclosure){display:none}.memory-insight:nth-child(n+3){display:none}}

/* An archive-wide reading, with every claim linked back to its photographs. */
.memory-reading{max-height:calc(100svh - 170px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#617180 #071019;overscroll-behavior:contain;padding-right:8px;overflow-wrap:anywhere}.memory-insights[hidden]{display:none}.memory-analysis{border-top:1px solid #9eb1c03b;padding-top:14px}.memory-reading .memory-analysis-summary{font:12px/1.65 Arial,sans-serif;color:#c8d4dd;margin:0 0 17px}.memory-analysis-card{border-left:1px solid #b681984f;padding-left:13px}.memory-analysis-confidence{display:block;font:7px/1.7 monospace;letter-spacing:1px;color:#caa1b1;margin-bottom:8px}.memory-reading .memory-analysis-title{font:400 21px/1.23 Arial,sans-serif;letter-spacing:-.4px;color:#e6edf2;margin:0 0 11px}.memory-reading .memory-analysis-body{font:12px/1.7 Arial,sans-serif;color:#c5d1dc;margin:0 0 10px}.memory-reading .memory-analysis-caveat{font:10px/1.6 Arial,sans-serif;color:#a4b3bf;margin:10px 0}.memory-reading .memory-analysis-evidence,.memory-reading .memory-analysis-start{display:block;width:100%;min-height:44px;padding:11px 0;text-align:left;font:8px/1.6 monospace;letter-spacing:.6px;color:#d3e0e9;border-bottom:1px solid #a4b7c34f}.memory-analysis-nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9eb1c02a;margin-top:3px}.memory-analysis-nav button{min-width:44px;min-height:44px;padding:0;font:18px monospace;color:#d5e0e8}.memory-analysis-nav span{font:8px monospace;letter-spacing:1px;color:#a2b4c3}.memory-reading .memory-analysis-provenance{font:7px/1.9 monospace;letter-spacing:.5px;color:#99acbc;margin:13px 0 4px}.memory-analysis-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.memory-analysis-actions button{min-height:44px;padding:8px 0;text-align:left;font:8px/1.6 monospace;letter-spacing:.3px;color:#c0ced9}.memory-reading .memory-analysis-status{font:8px/1.9 monospace;color:#c99aad;letter-spacing:1px;margin:0 0 10px}.memory-analysis progress{width:100%;height:2px;display:block;margin:18px 0;background:#233241;border:0;border-radius:0;accent-color:#bd8ba1}.memory-analysis progress::-webkit-progress-bar{background:#233241}.memory-analysis progress::-webkit-progress-value{background:#bd8ba1}.memory-analysis progress::-moz-progress-bar{background:#bd8ba1}.memory-reading[data-analysis-state=ready] .memory-detection{opacity:.7}
@media(max-width:800px){.memory-reading .memory-analysis-title{font-size:19px}.memory-reading .memory-analysis-summary,.memory-reading .memory-analysis-body{font-size:11px}}
@media(max-width:550px){.memory-reading{max-height:calc(100svh - 245px);padding-right:3px}.memory-analysis{padding-top:11px}.memory-reading .memory-analysis-summary{font-size:11px;line-height:1.6;margin-bottom:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.memory-analysis-card{padding-left:10px}.memory-analysis-confidence{font-size:6px;letter-spacing:.5px;margin-bottom:7px}.memory-reading .memory-analysis-title{font-size:18px;line-height:1.22;margin-bottom:9px}.memory-reading .memory-analysis-body{font-size:11px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.memory-reading .memory-analysis-caveat{font-size:9px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.memory-reading .memory-analysis-evidence,.memory-reading .memory-analysis-start{font-size:7px;letter-spacing:.2px}.memory-reading .memory-analysis-provenance{font-size:6px;letter-spacing:.3px;line-height:1.8}.memory-analysis-actions{gap:8px}.memory-analysis-actions button{font-size:7px;line-height:1.7;letter-spacing:0}.memory-reading .memory-analysis-status{font-size:7px;letter-spacing:.6px}.memory-reading .memory-open{min-height:44px}.memory-analysis-nav{margin-top:0}}
@media(max-height:600px) and (min-width:551px){.memory-reading{max-height:calc(100svh - 125px)}.memory-reading .memory-analysis-summary{font-size:11px;line-height:1.5;margin-bottom:10px}.memory-reading .memory-analysis-title{font-size:17px}.memory-reading .memory-analysis-body{font-size:11px;line-height:1.5}.memory-analysis-provenance{margin-top:7px}.memory-detection{display:none}}

.memory-analysis-summary,.memory-analysis-body,.memory-analysis-caveat{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.memory-analysis-summary{-webkit-line-clamp:3}.memory-analysis-body{-webkit-line-clamp:6}.memory-analysis-caveat{-webkit-line-clamp:3}

/* A short exposure lift belongs to the touched photograph, never the whole field. */
.frame img{transition:filter .65s ease}.frame.photo-lit img{filter:saturate(.3) brightness(.88) contrast(1.15);transition:filter .08s ease-out}
.frame.contemporary-photo img{filter:saturate(.82) brightness(.36) contrast(1.15)}.frame.contemporary-photo.photo-lit img{filter:saturate(.82) brightness(.88) contrast(1.15)}
@media(prefers-reduced-motion:reduce){.frame img,.frame.photo-lit img{transition:none}.frame.photo-lit img{filter:saturate(.3) brightness(.52) contrast(1.15)}}
@media(prefers-reduced-motion:reduce){.frame.contemporary-photo.photo-lit img{filter:saturate(.82) brightness(.52) contrast(1.15)}}

/* Johanna retains a monochrome presentation, including naturally toned archive scans. */
.frame.monochrome-photo img{filter:grayscale(1) brightness(.36) contrast(1.15)}.frame.monochrome-photo.photo-lit img{filter:grayscale(1) brightness(.88) contrast(1.15)}
@media(prefers-reduced-motion:reduce){.frame.monochrome-photo.photo-lit img{filter:grayscale(1) brightness(.52) contrast(1.15)}}
