/* The paper canvas and technical labels continue the Mach page's existing design. */
.release-story{--release-trace:100%;--release-x:100%;--release-y:60.714%;--release-top:112px;--release-travel:2800px;--release-height:640px;position:relative;width:100%;margin-top:16px}
.release-story__viewport{position:absolute;inset:0 auto auto 0;width:0;height:100vh;height:100svh;visibility:hidden;pointer-events:none}
.release-story__pin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 64px;background:var(--paper);padding-block:20px;scroll-margin-top:calc(var(--site-header-height) + 24px)}
.release-story__nav{grid-column:1/-1;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.release-story__nav button{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 0 12px;border-bottom:1px solid var(--line);text-align:left;font:500 18px/24px var(--body);color:var(--muted)}
.release-story__nav button span{font:500 11px/18px var(--mono)}
.release-story__nav button:hover,.release-story__nav button[aria-current=step]{color:var(--red);border-bottom-color:var(--red)}
.release-story__order{align-self:center;min-width:0}
.release-story__order>.eyebrow{margin-bottom:12px;font-size:11px}
.release-story__order h3{display:flex;align-items:center;gap:24px;font-size:30px;line-height:1.1}
.release-story__order h3 strong{font:600 clamp(80px,8.3vw,120px)/.94 var(--display);letter-spacing:-.025em}
.release-story__order h3 span{font-weight:500}
.release-story__narrative{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;grid-row:4}
.release-story__intro{display:none}
.release-story__copy{scroll-margin-top:16px}
.release-story__copy .eyebrow,.release-story__intro .eyebrow{font-size:10px;line-height:16px;color:var(--red);margin-bottom:8px}
.release-story__copy h4,.release-story__intro h4{font:600 36px/1.08 var(--display);margin-bottom:10px}
.release-story__copy>p:last-child,.release-story__intro>p:last-child{font:400 18px/1.4 var(--body);color:var(--muted);max-width:490px;text-wrap:pretty}
.release-story__figure{grid-column:1/-1;grid-row:3;min-width:0}
.release-story__figure figcaption{display:flex;justify-content:space-between;gap:16px;font:500 11px/18px var(--mono);text-transform:uppercase;letter-spacing:.35px;margin-bottom:12px}
.release-story__chart-key{display:flex;align-items:center;gap:10px;color:var(--muted)}
.release-story__chart-key i{display:block;width:24px;height:3px;background:var(--red)}
.release-story__plot{position:relative;padding-left:52px}
.release-story__scale{position:absolute;inset:0 auto 28px 0;width:42px;font:400 11px/16px var(--mono);color:var(--muted)}
.release-story__scale span{position:absolute;right:0;transform:translateY(-50%)}
.release-story__scale span:nth-child(1){top:7.143%}.release-story__scale span:nth-child(2){top:35.714%}.release-story__scale span:nth-child(3){top:64.286%}.release-story__scale span:nth-child(4){top:92.857%}
.release-story__graph,.release-story__canvas{position:relative}
.release-story__graph svg{display:block;width:100%;height:clamp(190px,27svh,300px);overflow:visible}
.release-story__graph path{vector-effect:non-scaling-stroke}
.release-story__grid path{fill:none;stroke:var(--line);stroke-width:1}
.release-story__grid .release-story__month-grid{stroke-dasharray:2 6;opacity:.65}
.release-story__area{fill:var(--red);opacity:.045;clip-path:inset(0 calc(100% - var(--release-trace)) 0 0)}
.release-story__order-area{fill:var(--oxblood);clip-path:inset(0 calc(100% - var(--release-trace)) 0 0) view-box}
.release-story__line,.release-story__trace{fill:none;stroke:var(--muted);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.36}
.release-story__trace{stroke:var(--red);stroke-width:3;opacity:1}
.release-story__cursor{display:none;position:absolute;top:0;left:var(--release-x);height:100%;width:1px;border-left:1px dashed var(--red);opacity:.85;pointer-events:none}
.release-story__dot{position:absolute;left:-6px;top:var(--release-y);width:11px;height:11px;border-radius:50%;background:var(--red);border:2px solid var(--paper);transform:translateY(-50%);box-shadow:0 0 0 1px var(--red)}
.release-story__months{position:relative;height:28px;font:500 12px/20px var(--mono);color:var(--muted)}
.release-story__months span{position:absolute;top:6px;transform:translateX(-50%)}
.release-story__months span.is-current{color:var(--red);font-weight:600}
.release-story__axis-label{padding-left:52px;text-align:center;color:var(--muted);font:400 10px/16px var(--mono);text-transform:uppercase}
.release-story__order-placed,.release-story__reorder,.release-story__next-year{position:absolute;display:grid;gap:2px;color:var(--red);pointer-events:none}
.release-story__order-placed{left:50%;top:62.857%;transform:translate(-50%,-100%);text-align:center;padding-bottom:28px;width:180px;color:var(--oxblood)}
.release-story__reorder{left:75%;top:22.857%;transform:translate(-50%,-100%);text-align:center;padding-bottom:10px;width:190px}
.release-story__next-year{right:0;top:35.714%;padding-top:12px;text-align:right}
.release-story__order-placed strong,.release-story__reorder strong,.release-story__next-year strong{font:600 20px/1.1 var(--display)}
.release-story__order-placed span,.release-story__reorder span,.release-story__next-year span{font:500 10px/15px var(--mono);color:var(--muted)}
.is-release-animated .release-story__order-placed{visibility:hidden}
.is-release-animated.is-order-placed .release-story__order-placed{visibility:visible}
.is-release-animated .release-story__reorder{opacity:var(--reorder-reveal,0)}
.is-release-animated .release-story__next-year{opacity:var(--next-year-reveal,0)}
.release-story__readout{grid-column:1/-1;display:flex;align-items:center;gap:48px;border-top:1px solid var(--line);padding-top:16px}
.release-story__readout>div{display:grid;grid-template-columns:auto auto;gap:0 12px;align-items:baseline}
.release-story__readout>div>span:first-child{grid-column:1/-1;font:500 10px/16px var(--mono);text-transform:uppercase;color:var(--muted)}
.release-story__readout strong{font:600 38px/1.15 var(--display);font-variant-numeric:tabular-nums}
.release-story__readout>div>span:last-child{font-size:15px;color:var(--muted)}
.release-story__hint{display:none;margin-left:auto;font-size:14px;color:var(--muted)}
.release-story__hint span{display:inline-block;margin-left:10px;color:var(--red)}
.release-story__controls{grid-column:1/-1;display:flex;align-items:center;gap:24px;font-size:12px;line-height:18px;color:var(--muted)}
.release-story__controls>span{margin-right:auto}
.release-story__controls label{display:none;align-items:center;gap:8px;min-height:36px;cursor:pointer;white-space:nowrap}
.release-story__controls input{accent-color:var(--red);width:16px;height:16px;margin:0}
.release-story__skip{display:none;min-height:36px;align-items:center;text-decoration:underline;text-underline-offset:4px}
.release-story.is-release-ready .release-story__controls label{display:flex}
.release-story.is-release-ready .release-story__nav{display:grid}
.release-story.is-release-animated{height:calc(var(--release-height) + var(--release-travel))}
.is-release-animated .release-story__pin{position:sticky;top:var(--release-top)}
.is-release-animated .release-story__narrative{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center;min-height:152px}
.is-release-animated .release-story__intro,.is-release-animated .release-story__copy{display:block;grid-area:1/1;opacity:var(--release-copy-opacity,0);transform:translateY(calc((1 - var(--release-copy-opacity,0)) * 6px));pointer-events:none}
.is-release-animated .release-story__copy[aria-hidden=true],.is-release-animated .release-story__intro[aria-hidden=true]{visibility:hidden}
.is-release-animated .release-story__intro h4{font-size:32px}
.is-release-animated .release-story__cursor{display:block}
.is-release-animated .release-story__hint{display:block}
.is-release-animated .release-story__skip{display:inline-flex}
.release-story__end{scroll-margin-top:8px;padding-bottom:16px}
.release-story__continuity{max-width:940px;margin:12px 0 20px;font-size:20px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.release-story__continuity strong{display:block;font:600 32px/1.15 var(--display);color:var(--ink);margin-bottom:8px}
.release-story__details{margin-top:20px;border-block:1px solid var(--line);padding-block:16px}
.release-story__details summary{width:fit-content;cursor:pointer;font-size:16px;line-height:24px;min-height:28px}
.release-story__schedule{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 16px;gap:12px}
.release-story__schedule li{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:12px;font-size:13px;color:var(--muted)}
.release-story__schedule li>span:first-child{font:500 10px/18px var(--mono);text-transform:uppercase}
.release-story__schedule strong{font:600 32px/1.2 var(--display);color:var(--ink)}
.release-story__schedule .release-story__stock-balance{margin-top:10px;font-size:12px;line-height:1.4}
.release-story__stock-balance b{display:block;color:var(--ink);font-weight:600}
.release-story__schedule .is-replenished{border-top-color:var(--red)}
.release-story__receipt{color:var(--red);margin-top:6px;font-size:11px;line-height:1.4}
.release-story__order-receipt{color:var(--oxblood);margin-top:6px;font-size:11px;line-height:1.4}
.release-story__details>p{font-size:16px}
@media(max-width:1100px){
 .release-story__pin{gap:24px 32px}.release-story__order h3{gap:16px;font-size:25px}.release-story__order h3 strong{font-size:86px}.release-story__copy h4{font-size:32px}.release-story__copy>p:last-child,.release-story__intro>p:last-child{font-size:17px}
}
@media(max-width:767px){
 .release-story{margin-top:4px}.release-story__pin{display:flex;flex-direction:column;gap:14px;padding-block:12px}.release-story__nav{gap:12px}.release-story__nav button{gap:6px;font-size:15px;line-height:20px;min-height:40px;padding-bottom:10px}.release-story__nav button span{display:none}
 .release-story__order{align-self:stretch}.release-story__order>.eyebrow{font-size:9px;line-height:15px;margin-bottom:8px}.release-story__order h3{gap:16px;font-size:25px}.release-story__order h3 strong{font-size:76px}
 .release-story__narrative{display:flex;flex-direction:column;gap:24px;order:4}.is-release-animated .release-story__narrative{display:grid;order:0;min-height:124px}.release-story__copy h4,.is-release-animated .release-story__intro h4{font-size:30px;margin-bottom:8px}.release-story__copy>p:last-child,.release-story__intro>p:last-child{font-size:16px;line-height:1.35}.release-story__copy .eyebrow,.release-story__intro .eyebrow{font-size:9px;line-height:14px;margin-bottom:6px}
 .release-story__figure{order:0}.release-story__figure figcaption{font-size:9px;line-height:15px;margin-bottom:8px}.release-story__chart-key{display:none}.release-story__plot{padding-left:36px;padding-right:8px}.release-story__scale{width:29px;font-size:9px}.release-story__graph svg{height:clamp(140px,18svh,175px)}.release-story__months{font-size:10px}.release-story__axis-label{padding-left:36px;font-size:9px;line-height:12px}.release-story__line,.release-story__trace{stroke-width:2.5}
 .release-story__order-placed{left:0;top:0;transform:none;text-align:left;width:132px;padding-bottom:0}.release-story__reorder{width:134px;padding-bottom:7px}.release-story__order-placed strong,.release-story__reorder strong,.release-story__next-year strong{font-size:16px}.release-story__order-placed span,.release-story__reorder span,.release-story__next-year span{font-size:8px;line-height:12px}.release-story__next-year{padding-top:9px}.release-story__continuity{font-size:17px;line-height:1.45}.release-story__continuity strong{font-size:28px}
 .release-story__readout{gap:24px;padding-top:12px;align-items:start}.release-story__readout>div{display:flex;flex-direction:column;gap:0}.release-story__readout strong{font-size:30px;line-height:1.1}.release-story__readout>div>span:first-child{font-size:9px}.release-story__readout>div>span:last-child{font-size:12px}.release-story__hint{font-size:12px;max-width:70px;line-height:17px;padding-top:6px}.release-story__hint span{margin-left:0}
 .release-story__controls{flex-wrap:wrap;gap:0 18px;font-size:11px;line-height:16px}.release-story__controls>span{width:100%;font-size:10px}.release-story__controls label,.release-story__skip{min-height:32px}.release-story__schedule{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 8px}.release-story__schedule li>span:first-child{font-size:9px}.release-story__schedule strong{font-size:28px}
}
@media(max-width:360px){.release-story__nav{gap:8px}.release-story__nav button{font-size:13px}.release-story__nav button span{display:none}.release-story__order h3 strong{font-size:64px}.release-story__order h3{font-size:22px}.release-story__copy .eyebrow span{display:none}.is-release-animated .release-story__narrative{min-height:144px}}
/* Leave room for Safari's browser controls without shrinking the reading text. */
@media(max-width:767px){
 .release-story__pin{gap:8px;padding-block:8px}
 .release-story__nav{gap:8px}
 .release-story__nav button{min-height:44px;font-size:14px}
 .release-story__order>.eyebrow{margin-bottom:6px}
 .release-story__order h3{font-size:22px;gap:14px}
 .release-story__order h3 strong{font-size:56px}
 .release-story__graph svg{height:clamp(118px,16svh,140px)}
 .release-story__readout{padding-top:10px}
 .release-story__readout strong{font-size:28px}
}
@media(min-width:768px) and (max-height:820px){.release-story__pin{gap:14px 40px;padding-block:12px}.release-story__order h3 strong{font-size:88px}.release-story__graph svg{height:170px}.release-story__readout{padding-top:12px}.is-release-animated .release-story__narrative{min-height:140px}.is-release-animated .release-story__intro h4{font-size:30px}.release-story__copy>p:last-child,.release-story__intro>p:last-child{font-size:17px}}
@media(prefers-reduced-motion:reduce){.release-story.is-release-animated{height:auto}.is-release-animated .release-story__pin{position:static}.release-story__trace,.release-story__area,.release-story__order-area{clip-path:none}.release-story__cursor{display:none!important}}
