/* An optional, reversible chapter: three horizontal scenes in one vertical stop. */
.story-chapter{position:relative;isolation:isolate;display:flex;align-items:center;padding:70px 28px;color:var(--paper);overflow:hidden}
.story-chapter[hidden]{display:none!important}
.story-stop-label{max-width:100%;padding-inline:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-stop{min-width:0}
.story-scene h3,.story-scene p,.story-kicker{overflow-wrap:anywhere}
.story-scene p{white-space:pre-line}
.story-chapter::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 46%,#b6a27c0d,transparent 65%)}
.story-wrap{width:100%;max-width:1010px;margin:auto;display:grid;grid-template-columns:1fr 1.65fr;gap:65px;align-items:center}
.story-header h2{font-size:clamp(46px,5vw,66px);margin-top:25px;line-height:1.07}
.story-header>p{font-family:var(--serif);font-size:21px;line-height:1.6;color:var(--muted);margin-top:24px}
.story-draft{display:block;margin-top:32px;font-size:8px;letter-spacing:1.3px;line-height:1.6;color:#9e9786}
.story-experience{min-width:0;position:relative}
.story-track{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-block:1px solid #b6a27c32;overscroll-behavior-x:contain;scroll-behavior:smooth}
.story-track::-webkit-scrollbar{display:none}
.story-scene{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;min-height:385px;padding:38px 32px;text-align:center;isolation:isolate;overflow:hidden}
.story-scene::before{content:'';position:absolute;inset:30px;border:1px solid #b6a27c0d;border-radius:50%;transform:rotate(-28deg) scale(1.2,.76);pointer-events:none;z-index:-1}
.story-roman{position:absolute;right:12px;top:0;font-family:var(--serif);font-size:260px;line-height:1;color:#b6a27c09;letter-spacing:-20px;pointer-events:none;z-index:-1}
.story-scene-content{max-width:375px;opacity:calc(.25 + .75 * var(--story-presence,1));transform:translateY(calc((1 - var(--story-presence,1)) * 12px)) scale(calc(.97 + var(--story-presence,1) * .03))}
.story-kicker{display:flex;align-items:center;justify-content:center;gap:12px;font-size:8px;letter-spacing:2px;color:var(--gold)}
.story-kicker i{width:25px;border-top:1px solid #b6a27c70}
.story-small-ornament{display:block;font-size:22px;color:var(--gold);margin-top:14px;line-height:1}
.story-scene h3{font-family:var(--serif);font-size:53px;line-height:1.01;letter-spacing:-1.2px;margin-top:14px}
.story-scene h3 em{font-weight:400;color:#cbb58e}
.story-scene p{font-size:11px;line-height:1.95;color:#bcb7aa;max-width:310px;margin:21px auto 0}
.story-scene-foot{display:block;font-size:8px;letter-spacing:2.4px;color:#9b927e;margin-top:23px}
.story-timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px}
.story-timeline-line{position:absolute;top:12px;left:16.666%;right:16.666%;height:1px;background:#b6a27c38;pointer-events:none}
.story-timeline-line>i{display:block;height:1px;background:linear-gradient(90deg,#a98b59,#e5d3af);width:0;transition:width .45s ease;box-shadow:0 0 8px #d4b98350}
.story-stop{position:relative;min-height:56px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:13px;color:#8f8d80;font-size:10px;letter-spacing:.6px;cursor:pointer;padding:7px 0 5px}
.story-dot{display:block;width:11px;height:11px;border:1px solid #9f8c68;background:#171912;transform:rotate(45deg);transition:background .4s,box-shadow .4s}
.story-stop[aria-pressed=true]{color:#dfcdaa}
.story-stop[aria-pressed=true] .story-dot{background:#d2b880;box-shadow:0 0 0 4px #b6a27c13,0 0 15px #ddbf752d}
.story-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:19px}
.story-controls>p{font-size:8px;letter-spacing:1.1px;color:#9e998a;text-align:center;line-height:1.8}
.story-controls>p>span:first-child{padding:0 9px;color:#655e4e}
#story-position{color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums}
.story-controls button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #b6a27c35;border-radius:50%;background:none;color:var(--gold)}
.story-reader-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:749px){.story-chapter{padding:42px 26px}.story-wrap{grid-template-columns:1fr;gap:27px;max-width:510px}.story-header{text-align:center}.story-header h2{font-size:43px;margin-top:15px}.story-header>p{display:none}.story-draft{margin-top:13px;font-size:7px;letter-spacing:1px}.story-scene{min-height:288px;padding:24px 16px}.story-scene h3{font-size:43px;margin-top:11px}.story-scene p{font-size:11px;line-height:1.85;margin-top:16px;max-width:300px}.story-small-ornament{margin-top:12px;font-size:19px}.story-scene-foot{margin-top:17px;font-size:7px}.story-roman{font-size:210px}.story-timeline{margin-top:18px}.story-controls{margin-top:10px;margin-right:60px;gap:8px}.story-controls>p{font-size:7px;letter-spacing:.7px}.story-controls>p>span:first-child{padding:0 5px}}
@media(max-width:749px) and (max-height:700px){.story-chapter{padding:25px 24px}.story-wrap{gap:18px}.story-header h2{font-size:36px;margin-top:10px}.story-header .eyebrow{font-size:8px}.story-draft{margin-top:9px}.story-scene{min-height:253px;padding:18px 12px}.story-scene h3{font-size:38px}.story-scene p{font-size:10px;margin-top:13px}.story-scene-foot{margin-top:13px}.story-timeline{margin-top:14px}.story-stop{min-height:49px;gap:10px}.story-controls{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.story-track{scroll-behavior:auto}.story-scene-content{opacity:1;transform:none}.story-dot,.story-timeline-line>i{transition:none}}