:root{--paper:#F4F0E8;--ink:#1A1814;--muted:#5C574E;--rule:#D4CFC4;--record:#2C4A3E;--recordsoft:#E7EDE8;--focus:#1F4E8C;--photowell:#E8E4DC;--text:#1A1814;--bg:#F4F0E8;--card:#F4F0E8;--surface:#E8E4DC;--accent:#2C4A3E;--band:#2C4A3E;--band-text:#F4F0E8;--display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color-scheme:light}
html.dark{--paper:#161513;--ink:#EDE9E1;--muted:#A39E94;--rule:#3A3732;--record:#8FBFAB;--recordsoft:#1E2A25;--focus:#7EB0E0;--photowell:#0F0E0C;--text:#EDE9E1;--bg:#161513;--card:#161513;--surface:#0F0E0C;--accent:#8FBFAB;--band:#8FBFAB;--band-text:#161513;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--body);background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 2%,transparent) 0 1px,transparent 1px 3px);-webkit-text-size-adjust:100%}a{color:inherit}button{color:inherit;font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.skip{position:fixed;left:-9999px;top:8px;z-index:100;background:var(--paper);padding:8px 12px}.skip:focus{left:8px}.shell{width:min(1200px,100%);margin:auto;padding-left:16px;padding-right:16px}.bound-bar{height:56px;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--rule);background:var(--paper)}.bound-bar>div{height:56px;max-width:1200px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.bound-bar span,.dates,.scope{font-family:var(--mono)}.bound-bar span{font-size:11px;letter-spacing:.18em;color:var(--record)}#theme-toggle{min-height:40px;border:1px solid var(--rule);background:transparent;padding:0 12px;font:11px var(--mono)}#theme-toggle:hover{background:var(--recordsoft)}.spine{position:relative;padding-left:24px}.spine:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--record)}.cover{padding-top:24px;padding-bottom:8px}.cover figure{margin:0}.cover figure img{display:block;width:auto;height:200px;max-width:100%;object-fit:contain}.cover figcaption,#strip-caption{margin-top:8px;color:var(--muted);font-size:13px}.cover h1{margin:24px 0 0;font:40px/1.05 var(--display)}.dates{margin:8px 0 0;color:var(--record);font-size:13px}.lead{margin:16px 0 0;font-size:17px;line-height:1.45}.scope{font-size:11px;line-height:1.55;color:var(--muted)}.cover-scope{display:none}.block{margin-top:24px;border-top:1px solid var(--rule);padding-top:20px}.block h2{margin:0;font:22px/1.2 var(--display)}.gateway ol,.secondary,.teasers,footer ul{list-style:none;margin:16px 0 0;padding:0}.gateway ol{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.gateway ol li+li{border-top:1px solid var(--rule)}.door{min-height:58px;padding:8px 8px 8px 16px;display:grid;grid-template-columns:24px 1fr 16px;gap:8px;align-items:start;text-decoration:none;position:relative;transition:background-color 180ms}.door:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--record);transition:width 180ms}.door:hover,.door:focus-visible{background:var(--recordsoft)}.door:hover:before,.door:focus-visible:before{width:6px}.door>span,.door>b{font:12px/24px var(--mono);color:var(--record)}.door strong{font:17px/24px var(--display)}.door small{grid-column:2;font-size:13px;line-height:18px;color:var(--muted)}.door b{grid-column:3;grid-row:1;font-weight:400}.secondary{border-top:1px solid var(--rule);padding-top:8px;display:flex;flex-wrap:wrap;gap:0 20px}.secondary a{display:block;padding:8px 0;color:var(--record);font-size:13px;text-underline-offset:4px}.gateway>.scope{margin:16px 0 0}.intro{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.teasers{border-block:1px solid var(--rule)}.teasers li+li{border-top:1px solid var(--rule)}.teasers a{min-height:48px;padding:10px 0;display:flex;flex-direction:column;justify-content:center;gap:4px;text-decoration:none;transition:background-color 180ms}.teasers a:hover{background:var(--recordsoft)}.teasers strong{font:15px/1.35 var(--display)}.teasers span{font:11px var(--mono);color:var(--muted)}.wide{margin-top:32px}.rail{scrollbar-width:thin}footer{margin-top:40px;border-top:1px solid var(--rule);background:var(--paper)}footer .shell{padding-top:28px;padding-bottom:28px}.footer-name{font:17px var(--display);margin:0}footer .scope,footer .dates{margin-top:8px}footer a{display:inline-block;padding:7px 0;font-size:14px;text-underline-offset:4px}.lightbox{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--paper) 98%,transparent);padding:16px;display:flex;flex-direction:column}.lightbox[hidden]{display:none}.lightbox .close{align-self:flex-end}.lightbox button{min-height:44px;border:1px solid var(--rule);background:var(--paper);padding:0 14px}.lightbox figure{margin:12px 0;min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox img{max-width:100%;max-height:68vh;object-fit:contain}.lightbox figcaption{margin-top:12px;color:var(--muted);font-size:13px}.lightbox>div{display:flex;justify-content:space-between}
.pair-block{overflow:hidden}.pair-figure figcaption{margin-top:8px;color:var(--muted);font-size:13px}
@media(min-width:640px){.shell,.bound-bar>div{padding-left:24px;padding-right:24px}.cover-scope{display:block;margin-top:24px}}
@media(min-width:1024px){.file-grid{display:grid;grid-template-columns:5fr 7fr;column-gap:32px}.cover{padding-top:32px}.cover figure img{height:320px}.cover h1{font-size:44px}.gateway,.pair-block,.record{margin-top:32px}.door{min-height:58px}.block h2{font-size:26px}.wide{margin-top:48px}footer ul{display:flex;flex-wrap:wrap;gap:0 24px}}

/* --- Photo strip, paired figures and video rail (explicit box sizing) --- */
.photo-rail{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:0 16px 8px}
.photo{flex:0 0 auto;max-width:none;scroll-snap-align:start;background:transparent;padding:0;border:0;min-height:44px;min-width:44px}
.photo[data-orient="portrait"]{width:105px;height:140px;aspect-ratio:3/4}
.photo[data-orient="landscape"]{width:187px;height:140px;aspect-ratio:4/3}
.memory-photo{flex:0 0 auto;margin:0;display:flex;flex-direction:column;gap:6px;scroll-snap-align:start}
.memory-photo img{display:block;width:105px;height:140px;object-fit:contain;background:var(--photowell)}
.memory-photo .memory-video-caption{max-width:105px}
.memory-video{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;scroll-snap-align:start}
.memory-video-stage{width:187px;height:140px}
.memory-video-stage .video-play{width:187px;height:140px}
.memory-video-caption{margin:0;max-width:187px;font-size:12px;line-height:1.35;color:var(--muted)}
.photo img,.pair-figure img,.video-stage img,.video-stage video{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;background:transparent}
.pair-row{display:flex;flex-direction:row;align-items:flex-start;gap:8px}
.pair-figure{flex:0 0 auto;max-width:none;background:transparent;margin:0}
.pair-figure[data-orient="portrait"]{width:132px;flex-basis:132px}
.pair-figure[data-orient="landscape"]{width:176px;flex-basis:176px}
.pair-figure>button{display:block;padding:0;border:0;background:transparent}
.pair-figure[data-orient="portrait"]>button{width:132px;height:176px;aspect-ratio:3/4}
.pair-figure[data-orient="landscape"]>button{width:176px;height:132px;aspect-ratio:4/3}
.video-rail{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:0 16px 8px}
.video-card{flex:0 0 280px;width:280px;scroll-snap-align:start;background:transparent}
.video-stage{position:relative;width:280px;height:158px;aspect-ratio:16/9;background:transparent}
.video-play{position:absolute;inset:0;width:280px;height:158px;padding:0;border:0;background:transparent}
.play-affordance{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;font-family:var(--mono);font-size:12px;background:rgba(255,255,255,.92);color:var(--ink)}
html.dark .play-affordance{background:rgba(0,0,0,.72);color:var(--ink)}
.video-title{font-family:var(--display);font-size:16px;line-height:1.3;margin:8px 0 4px;color:var(--ink)}
.video-desc{font-size:14px;line-height:1.4;margin:0 0 8px;color:var(--muted)}
.video-home{display:inline-flex;align-items:center;min-height:44px;font-family:var(--mono);font-size:12px;color:var(--record);text-decoration:underline;text-underline-offset:4px}
@media(min-width:1280px){.photo-rail{gap:16px;padding:0 24px 8px}.photo[data-orient="portrait"]{width:135px;height:180px}.photo[data-orient="landscape"]{width:240px;height:180px}.pair-row{gap:16px}.pair-figure[data-orient="portrait"]{width:240px;flex-basis:240px}.pair-figure[data-orient="landscape"]{width:320px;flex-basis:320px}.pair-figure[data-orient="portrait"]>button{width:240px;height:320px}.pair-figure[data-orient="landscape"]>button{width:320px;height:240px}.video-rail{gap:16px;padding:0 24px 8px}.video-card,.video-stage,.video-play{width:400px}.video-card{flex:0 0 400px}.video-stage,.video-play{height:225px}.memory-video-stage,.memory-video-stage .video-play{width:240px;height:180px}.memory-video-caption{max-width:240px}.memory-photo img{width:135px;height:180px}.memory-photo .memory-video-caption{max-width:135px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.photo-rail,.video-rail{scroll-snap-type:none}}