.timeline-lore{margin-top:44px;padding:clamp(22px,3vw,36px);background:var(--oxblood);color:var(--ice,#E4EDF1);}
.lore-scale{position:relative;margin:0 26px;padding:0 0 28px;color:var(--ice,#E4EDF1);}
.lore-slider-wrap{position:relative;height:82px;}
.lore-slider-wrap::before{content:'';position:absolute;left:0;right:0;top:19px;height:2px;background:currentColor;pointer-events:none;}
.lore-tick{position:absolute;left:var(--position);top:10px;width:2px;height:20px;background:currentColor;transform:translateX(-50%);pointer-events:none;}
.lore-tick.is-landmark{top:4px;height:32px;}
.lore-year-target{position:absolute;z-index:2;left:var(--position);top:-2px;width:5%;height:44px;transform:translateX(-50%);padding:0;border:0;background:transparent;cursor:pointer;}
.lore-year-target:hover{background:#ffffff20;border-radius:4px;}
.lore-selected-year{position:absolute;left:var(--position,0%);top:74px;transform:translateX(-50%);color:#fff;font:700 14px 'Space Mono',monospace;pointer-events:none;transition:left 320ms cubic-bezier(.22,1,.36,1),opacity 160ms ease;}
.lore-selected-year[hidden]{display:block;opacity:0;}
.lore-marker{position:absolute;left:var(--position,0%);top:49px;width:22px;height:20px;transform:translateX(-50%);background:#fff;clip-path:polygon(50% 0,100% 100%,0 100%);pointer-events:none;transition:left 320ms cubic-bezier(.22,1,.36,1);}
@media(prefers-reduced-motion:reduce){.lore-marker,.lore-selected-year{transition:none;}}
.lore-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;}
.lore-card .lore-card-header h4{margin:0;}
.lore-navigation{display:flex;gap:8px;flex-shrink:0;}
.lore-navigation button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff70;background:transparent;color:inherit;font:12px 'Space Mono',monospace;cursor:pointer;}
.lore-navigation button:hover:not(:disabled){background:#ffffff18;}
.lore-navigation button:disabled{opacity:.35;cursor:default;}
@media(max-width:600px){.lore-card-header{flex-direction:column;gap:12px;}.lore-navigation{width:100%;justify-content:space-between;}}
/* Extend by half a thumb at each end so its center follows the tick coordinates. */
.lore-slider{position:relative;left:-11px;display:block;width:calc(100% + 22px);height:82px;margin:0;appearance:none;background:transparent;cursor:pointer;}
.lore-slider::-webkit-slider-runnable-track{height:4px;background:transparent;}
.lore-slider::-webkit-slider-thumb{appearance:none;width:22px;height:20px;margin-top:10px;background:transparent;}
.lore-slider::-moz-range-track{height:4px;background:transparent;}
.lore-slider::-moz-range-thumb{width:22px;height:20px;border:0;border-radius:0;transform:translateY(18px);background:transparent;}
.lore-card{background:transparent;border-top:1px solid #ffffff30;padding:clamp(22px,3vw,32px) 0 0;}
.lore-card h4{font-family:'Bebas Neue',sans-serif;font-size:clamp(25px,3vw,34px);letter-spacing:.08em;line-height:1.15;margin-bottom:18px;}
.lore-copy{font-size:clamp(13px,1.2vw,15px);line-height:1.75;letter-spacing:.025em;overflow-wrap:anywhere;}
.lore-copy p+p,.lore-copy h5{margin-top:1em;}
.lore-copy h5{font:400 1.4em 'Bebas Neue',sans-serif;letter-spacing:.06em;margin-bottom:.6em;}
.lore-card:not(.is-expanded) .lore-copy{max-height:8.75em;overflow:hidden;}
.lore-card.has-overflow:not(.is-expanded) .lore-copy{mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%);}
.lore-more[hidden]{display:none;}
.lore-more{display:block;min-height:44px;margin-top:12px;padding:8px 0;border:0;background:none;color:#fff;font:inherit;font-size:12px;letter-spacing:.15em;cursor:pointer;text-underline-offset:5px;}
.lore-more:hover{text-decoration:underline;}
.timeline-lore :is(button,select,input):focus-visible{outline:2px solid #fff;outline-offset:4px;}
.lore-scale :is(button,input):focus-visible{outline-color:#fff;}
@media(max-width:480px){.timeline-lore{margin-top:30px;padding:20px;}.lore-card{padding-top:22px;}}