.story{overflow:hidden}
.story .story-intro{padding-bottom:16px}
.story-disclosure>summary,.story-close{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:max-content;min-width:140px;min-height:98px;margin:0 auto 36px;padding:8px 18px;border:0;background:none;color:#000;font-family:inherit;font-size:12px;font-weight:300;line-height:1.5;letter-spacing:.035em;cursor:pointer;user-select:none;transition:opacity 350ms ease;list-style:none}
.story-disclosure>summary::-webkit-details-marker{display:none}
.story-disclosure>summary:focus-visible,.story-close:focus-visible{outline:1px solid #000;outline-offset:6px}
.story-disclosure>summary i,.story-close i{display:block;position:relative;width:1px;height:48px;overflow:hidden;background:transparent;flex-shrink:0}
.story-disclosure>summary i::after,.story-close i::after{content:'';position:absolute;inset:0;background:#000;animation:story-line-down 2.4s var(--ease,cubic-bezier(.22,1,.36,1)) infinite}
.story-close{margin:0 auto 80px}
.story-close i{order:-1}
.story-close i::after{animation-name:story-line-up}
.story.is-story-open>details>summary i::after{animation-play-state:paused}
.story-panel{overflow:hidden;overflow-anchor:none}
.story-content{display:flow-root}
.story:not(.is-story-open) .story-thread{opacity:0}
.story .story-thread{transition:opacity 400ms}
.story.is-story-open .story-close{pointer-events:auto}
@keyframes story-line-down{0%{transform:translateY(-100%)}65%,100%{transform:translateY(100%)}}
@keyframes story-line-up{0%{transform:translateY(100%)}65%,100%{transform:translateY(-100%)}}
@media(max-width:650px){.story-disclosure>summary,.story-close{font-size:11px;gap:14px;min-height:90px}.story-disclosure>summary{margin-bottom:26px}.story-disclosure>summary i,.story-close i{height:40px}.story .story-intro{padding-bottom:12px}.story-close{margin-bottom:60px}}
@media(prefers-reduced-motion:reduce){.story .story-thread,.story-disclosure>summary,.story-close{transition:none}.story-disclosure>summary i::after,.story-close i::after{animation:none;transform:none}}

/* Center the story introduction and unify its quiet supporting text. */
.story .story-intro{padding:80px 0 24px;text-align:center}
.story-intro .eyebrow,.story-intro .intro-note{font-family:inherit;font-size:12px;font-weight:300;line-height:1.65;letter-spacing:.035em;text-transform:none;color:var(--muted);margin:0}
.story-intro .intro-note{margin-top:6px}
.story-intro .opening{margin:28px 0 0}
.story-disclosure>summary{margin:0 auto 80px}
.story-disclosure>summary,.story-close{color:var(--muted)}
.story-disclosure>summary i::after,.story-close i::after{background:var(--muted)}
@media(max-width:650px){.story .story-intro{padding:60px 0 20px}.story-intro .eyebrow,.story-intro .intro-note{font-size:11px}.story-disclosure>summary{margin-bottom:60px}.story-intro .opening{margin-top:24px}}