:root{--binder-turn-duration:500ms;--binder-turn-ease:cubic-bezier(.77,0,.175,1)}
.binder{position:relative;width:min(680px,100%);margin:32px auto 0;padding:18px 18px 18px 46px;border:1px solid #b4b8ba;border-radius:8px 18px 18px 8px;background:#8a303b;box-shadow:0 14px 30px #26313a25;perspective:1800px;touch-action:pan-y;isolation:isolate}
.binder-sheets{position:relative;width:100%;min-width:0;background:#f7f2e8;box-shadow:4px 4px 0 #d5cdbf,7px 7px 0 #eee7d9;border-radius:2px}
.binder-page{position:relative;padding:22px 24px 20px;background:#fffcf5;color:#24201c;border-radius:2px;transform-origin:0 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform var(--binder-turn-duration) var(--binder-turn-ease),opacity var(--binder-turn-duration) var(--binder-turn-ease);box-shadow:4px 0 12px #24170b16;overflow:visible}
.binder-page[hidden]{display:none!important}.binder-page.is-turning{position:absolute;inset:0;z-index:3;display:block!important}.binder-page.is-measuring{position:absolute;left:0;right:0;top:0;display:block!important;visibility:hidden;transition:none!important;pointer-events:none}
.binder-photo{margin:0 0 20px}.binder-photo img{display:block;width:100%;height:auto;aspect-ratio:1600/1064;object-fit:cover;border-radius:2px;filter:none}.binder-photo figcaption{font:12px/1.6 sans-serif;color:#74695f;margin-top:6px}
.binder-copy{min-width:0}.binder-copy .chapter{display:block;margin:0 0 10px;color:#742632;font:700 13px/1.5 serif;letter-spacing:.08em}.binder-copy .year{display:block;font:800 38px/1.3 serif;margin-bottom:10px}.binder-copy h3{font:800 27px/1.6 serif;margin:0 0 18px;letter-spacing:0;text-wrap:balance}.binder-copy p{font:400 17px/1.95 serif;margin:0;overflow-wrap:anywhere;line-break:strict}.binder-copy .chapter-hook{font-size:16px!important;line-height:1.85;margin-top:20px!important}.binder-page-no{display:block;text-align:right;color:#8e8070;font:12px/1.5 sans-serif;margin-top:22px}
.binder-spine{position:absolute;left:15px;top:0;bottom:0;width:36px;z-index:5;pointer-events:none}.binder-spine i{position:absolute;left:0;width:38px;height:15px;border:5px solid #cacdd0;border-right-color:#777b80;border-bottom-color:#92979d;border-radius:50%;box-shadow:0 3px 4px #0004,inset 0 1px 2px #fff8}.binder-spine i:nth-child(1){top:16%}.binder-spine i:nth-child(2){top:49%}.binder-spine i:nth-child(3){top:82%}.binder-page::before{content:"";position:absolute;left:9px;top:16%;width:7px;height:7px;border-radius:50%;background:#807567;box-shadow:0 1px 2px #0003;pointer-events:none}
.binder-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px auto 0;flex-wrap:wrap}.binder-controls button{border:1px solid #8a303b;border-radius:10px;background:#fffaf4;color:#742632;font:700 15px/1.5 sans-serif;min-height:48px;padding:12px 20px;cursor:pointer}.binder-controls button:disabled{opacity:.45;cursor:default}.binder-controls [role=status]{min-width:46px;text-align:center;color:#574c43;font:14px/1.6 sans-serif}.binder-hint{text-align:center;font:14px/1.7 sans-serif;color:#645c56;margin:16px 0 0}
html:not(.js) .binder-page[hidden]{display:block!important;margin-top:24px}html:not(.js) .binder-controls,html:not(.js) .binder-hint{display:none}
@media(max-width:767px){.story{padding-left:12px;padding-right:12px}.binder{padding:12px 10px 12px 30px;margin-top:24px}.binder-page{padding:16px 14px 18px}.binder-spine{left:6px;width:29px}.binder-spine i{width:29px;height:13px;border-width:4px}.binder-copy h3{font-size:23px;line-height:1.65}.binder-copy h3 br{display:none!important}.binder-copy p{font-size:16px;line-height:1.95}.binder-copy .year{font-size:32px}.binder-photo{margin-bottom:18px}.binder-photo figcaption{font-size:11px}.binder-copy .chapter-hook{font-size:15px!important}.binder-controls{gap:10px}.binder-controls button{padding:12px 14px;font-size:14px}.binder-hint{font-size:13px}.binder-copy .story-cta{font-size:15px;white-space:normal;text-align:center;line-height:1.7;max-width:100%;padding:14px}.binder-page::before{left:5px;width:6px;height:6px}}
@media(prefers-reduced-motion:reduce){.binder-page{transition:opacity 160ms ease;transform:none!important}.binder{scroll-behavior:auto}}
@media(hover:hover) and (pointer:fine){.binder-controls button:not(:disabled):hover{background:#f6e9e3}}

/* Historical photographs retain their full original framing at every width. */
.binder-photo-historic img{aspect-ratio:auto;height:auto;object-fit:contain;max-width:100%}