/* Scroll-driven release story; ordinary document flow is the no-JS/reduced-motion fallback. */
.release-history {position:relative;padding:80px 0;--paper:#29251f;--paper-2:#51493f;--amber:#87451f;--line:rgba(41,37,31,.16);background:#e5e0d7;color:var(--paper);border-top:1px solid var(--line);}
.release-history-heading {display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:end;}
.release-history-heading h2 {font-family:'SFX',sans-serif;font-stretch:150%;font-size:clamp(28px,3vw,44px);font-weight:650;line-height:1.12;letter-spacing:-.035em;color:var(--paper);margin:18px 0 0;}
.release-history-heading>p {max-width:450px;font:15px/1.65 'Monoblock',monospace;color:var(--paper-2);margin:0 0 4px;}
.release-timeline {list-style:none;margin:42px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;}
.release-event {min-width:0;padding-top:20px;border-top:1px solid #725038;}
.release-event time {display:block;font:12px/1.4 'Monoblock',monospace;color:var(--amber);margin-bottom:12px;}
.release-event h3 {font:550 23px/1.2 'SFX',sans-serif;letter-spacing:-.025em;color:var(--paper);margin:0;}
.release-next {font:13px/1.5 'Monoblock',monospace;color:var(--paper-2);margin:15px 0 0;}
.release-history-progress {display:none;}
/* The page scroll controls both the horizontal track and the line that draws through it. */
.release-history.is-scroll-story {height:var(--timeline-scroll-height);padding:0;}
.is-scroll-story .release-history-pin {position:sticky;top:24px;height:calc(100svh - 48px);max-height:680px;padding-top:32px;padding-bottom:26px;display:flex;flex-direction:column;justify-content:center;}
.is-scroll-story .release-history-heading {flex-shrink:0;}
.is-scroll-story .release-timeline-window {overflow:hidden;position:relative;flex-shrink:0;margin-top:24px;mask-image:linear-gradient(90deg,#000 96%,transparent);}
.is-scroll-story .release-timeline {position:relative;display:flex;gap:0;width:max-content;margin:0;height:360px;transform:translate3d(var(--timeline-offset,0px),0,0);will-change:transform;}
.is-scroll-story .release-timeline::before,.is-scroll-story .release-timeline::after {content:'';position:absolute;top:50%;left:8px;right:var(--timeline-last-gap,240px);height:1px;background:#b6a58f;}
.is-scroll-story .release-timeline::after {right:auto;width:var(--timeline-fill,0px);background:var(--amber);box-shadow:none;}
.is-scroll-story .release-event {position:relative;flex:0 0 clamp(350px,30vw,410px);width:clamp(350px,30vw,410px);display:grid;grid-template-rows:1fr 1fr;padding:0 38px 0 8px;border:0;}
.is-scroll-story .release-event::before {content:'';position:absolute;left:8px;top:calc(50% - 26px);height:26px;width:1px;background:#827461;transition:background .25s;}
.is-scroll-story .release-event::after {content:'';position:absolute;left:4px;top:calc(50% - 4px);width:9px;height:9px;border-radius:50%;background:#827461;transition:background .25s,box-shadow .25s;}
.is-scroll-story .release-event-copy {grid-row:1;align-self:end;padding-bottom:28px;opacity:1;transform:translateY(10px);transition:opacity .3s,transform .4s;}
.is-scroll-story .release-event:nth-child(even) .release-event-copy {grid-row:2;align-self:start;padding:28px 0 0;transform:translateY(-10px);}
.is-scroll-story .release-event:nth-child(even)::before {top:50%;}
.is-scroll-story .release-event.is-reached .release-event-copy {opacity:1;transform:translateY(0);}
.is-scroll-story .release-event.is-reached::before,.is-scroll-story .release-event.is-reached::after {background:var(--amber);}
.is-scroll-story .release-event[aria-current=step]::after {box-shadow:0 0 0 5px rgba(135,69,31,.13);}
.is-scroll-story .release-history-progress {display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px;font:12px/1.4 'Monoblock',monospace;color:var(--paper-2);}
.release-progress-label {color:var(--paper-2);}
.release-progress-label b {font-weight:400;display:inline-block;margin-left:24px;color:var(--amber);}
.release-scroll-arrow {display:inline-block;margin-left:10px;color:var(--amber);}
@media(max-width:760px){
 .release-history-heading {grid-template-columns:1fr;gap:20px;}
 .release-history-heading>p {font-size:13px;max-width:520px;}
 .release-history-heading h2 {font-size:30px;}
 .release-history-heading .eyebrow {font-size:10px;}
 .release-timeline {grid-template-columns:repeat(2,minmax(0,1fr));}
 .is-scroll-story .release-history-pin {top:12px;height:calc(100svh - 24px);padding-top:24px;padding-bottom:24px;max-height:740px;}
 .is-scroll-story .release-timeline-window {margin-top:12px;}
 .is-scroll-story .release-timeline {height:320px;}
 .is-scroll-story .release-event {flex-basis:78vw;width:78vw;padding-right:36px;}
 .is-scroll-story .release-event h3 {font-size:18px;}
 .is-scroll-story .release-history-progress {font-size:10px;gap:8px;margin-top:10px;}
 .release-progress-label b {margin-left:10px;}
}
@media(max-height:650px) and (min-width:761px){
 .is-scroll-story .release-history-pin {top:8px;height:calc(100svh - 16px);padding-block:16px;}
 .is-scroll-story .release-timeline {height:300px;}
 .release-history-heading h2 {font-size:30px;}
 .release-history-heading .eyebrow {margin:0;}
}
@media(prefers-reduced-motion:reduce){.release-event-copy{transition:none!important;}}

/* Original release artwork accompanies each milestone without cropping the covers. */
.release-event-copy {display:flex;flex-direction:column;gap:18px;}
.release-art {width:120px;height:120px;position:relative;flex-shrink:0;}
.release-art img {display:block;width:100%;height:100%;object-fit:contain;border-radius:3px;box-shadow:0 8px 22px rgba(0,0,0,.22);}
.release-art-pair img {position:absolute;width:94px;height:94px;top:0;left:0;}
.release-art-pair img+img {top:26px;left:26px;}
.release-art-instrument {display:flex;align-items:center;}
.release-art-instrument img {height:auto;box-shadow:none;border-radius:0;}
.release-event-details {min-width:0;}
.is-scroll-story .release-event-copy {display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;}
.is-scroll-story .release-event time {font-size:11px;margin-bottom:9px;}
.is-scroll-story .release-event h3 {font-size:20px;line-height:1.22;}
.is-scroll-story .release-next {font-size:11px;margin-top:9px;}
@media(max-width:760px){
 .release-timeline {gap:28px 20px;}
 .release-event h3 {font-size:20px;}
 .is-scroll-story .release-event-copy {grid-template-columns:100px minmax(0,1fr);gap:14px;}
 .is-scroll-story .release-art {width:100px;height:100px;}
 .is-scroll-story .release-art-pair img {width:78px;height:78px;}
 .is-scroll-story .release-art-pair img+img {top:22px;left:22px;}
 .is-scroll-story .release-event h3 {font-size:18px;}
}
@media(max-height:650px) and (min-width:761px){
 .is-scroll-story .release-event-copy {grid-template-columns:96px minmax(0,1fr);gap:16px;}
 .is-scroll-story .release-art {width:96px;height:96px;}
 .is-scroll-story .release-art-pair img {width:74px;height:74px;}
 .is-scroll-story .release-art-pair img+img {top:22px;left:22px;}
}

/* Dark ink on warm paper, without the dark-page text glow. */
.release-history h2,.release-history h3 {text-shadow:none;}
.release-history .release-event:not(.is-reached) .release-art {opacity:.8;}