.stories{padding-top:56px;padding-bottom:72px}
.stories-intro{max-width:760px;margin-bottom:56px}.stories-intro h1{font:clamp(40px,6vw,76px)/1.02 var(--serif);margin:18px 0}.stories-intro em{color:var(--red)}.stories-intro .intro{color:var(--muted);font-size:16px;line-height:1.6}
.story{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:44px 0;border-top:1px solid var(--line)}
.story-people{display:flex;align-items:flex-end;justify-content:center;background:var(--sage);border-radius:4px;padding:24px 12px 0;align-self:start;position:sticky;top:24px}.story-people img{width:100%;max-width:190px;height:auto;display:block}.story-people.pair img{width:50%}
.story-number{font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--red);text-transform:uppercase;margin:0}.story h2{font:34px/1.1 var(--serif);margin:10px 0 12px}.story-problem{font-size:15px;line-height:1.6;margin:0 0 18px;max-width:640px}
.story-input{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:4px 28px;margin:0 0 16px}.story-input dt{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);grid-row:1}.story-input dd{margin:0;font-weight:600;font-size:14px;grid-row:2}
.story-shows{font-size:13px;color:var(--muted);border-left:2px solid var(--red);padding-left:12px;margin:0 0 22px;max-width:640px}
.story-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.story-day{background:#fff;border:1px solid var(--line);padding:16px}.story-day h3{font:20px var(--serif);margin:0 0 10px}
.story-day ol{list-style:none;margin:0;padding:0}.story-day li{display:grid;grid-template-columns:46px 1fr;gap:8px;padding:6px 0;font-size:13px;border-top:1px solid #eef0ea}.story-day li:first-child{border-top:0}.story-day time{color:var(--muted);font-variant-numeric:tabular-nums}.story-day li.pause{display:block;color:var(--muted);font-style:italic;font-size:12px;padding-left:54px}
.story-end{font-size:11px;color:var(--muted);margin:10px 0 0}.story-reason{font-size:12px;line-height:1.5;margin:8px 0 0;font-style:italic;color:var(--muted)}
.story-left{font-size:13px;margin:16px 0 0;line-height:1.55}
.stories-method{border-top:1px solid var(--line);padding-top:40px;max-width:760px}.stories-method h2{font:28px var(--serif);margin:0 0 12px}.stories-method p{color:var(--muted);line-height:1.6}.stories-method a:not(.button-link){color:var(--ink)}
@media(max-width:760px){.story{grid-template-columns:1fr;gap:20px}.story-people{position:static;max-width:260px}.story-input{grid-template-columns:repeat(2,auto)}.story-input dt:nth-of-type(n+3){grid-row:3}.story-input dd:nth-of-type(n+3){grid-row:4}}
.stories-method .button-link{display:inline-block;margin-top:12px;padding:13px 20px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:12px;letter-spacing:1px;font-weight:600}
.story-stays{font-size:12px;color:var(--muted);margin:-6px 0 16px}
.story-when{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--red);margin:0 0 4px}.story-day h3{font-size:18px;line-height:1.25}