.story-page{--sp-bg: #efe9db;--sp-surface: #fffdf8;--sp-ink: #241b10;--sp-ink-muted: #7a6c52;--sp-line: rgba(43, 32, 19, .12);background:var(--sp-bg);color:var(--sp-ink);min-height:100dvh;padding:28px 20px calc(48px + var(--safe-bottom))}.story-page__head{max-width:720px;margin:0 auto 28px}.story-page__eyebrow{display:block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent, #d98e3b);margin-bottom:10px}.story-page__heading{font-family:var(--font-display);font-size:clamp(28px,5.5vw,42px);line-height:1.1;margin:0 0 12px}.story-page__desc{font-size:14.5px;line-height:1.65;color:var(--sp-ink-muted);margin:0;max-width:68ch}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1320px;margin:0 auto}.story-card{display:flex;flex-direction:column;background:var(--sp-surface);border-radius:var(--radius-md, 18px);overflow:hidden;box-shadow:0 6px 18px #2b201314;transition:box-shadow .2s ease,transform .2s ease}.story-card.is-playing{box-shadow:0 10px 26px #d98e3b47}.story-card__media{aspect-ratio:4 / 3;background:var(--sp-line)}.story-card__media img{width:100%;height:100%;object-fit:cover}.story-card__body{flex:1;display:flex;flex-direction:column;padding:14px 16px 16px}.story-card__title{font-family:var(--font-display);font-size:16px;line-height:1.25;margin:0 0 6px;color:var(--sp-ink)}.story-card__desc{font-size:12.5px;line-height:1.5;color:var(--sp-ink-muted);margin:0 0 14px;flex:1}.story-card__listen{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--color-accent, #d98e3b)}.story-card__listen-icon{display:grid;place-items:center;flex:none}.story-card__icon--playing[hidden],.story-card__icon--headphones[hidden]{display:none}.story-card__listen--disabled{color:var(--sp-ink-muted);font-weight:500}@media (hover: hover){.story-card__listen:hover{text-decoration:underline}.story-card:hover{transform:translateY(-2px)}}@media (min-width: 560px){.story-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 860px){.story-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1180px){.story-grid{grid-template-columns:repeat(5,1fr)}}.story-player{position:fixed;right:16px;bottom:calc(16px + var(--safe-bottom));left:16px;z-index:50;display:flex;align-items:center;gap:12px;background:var(--sp-ink);color:#f7f2e7;border-radius:18px;padding:10px 14px 10px 10px;box-shadow:0 16px 40px #00000059;animation:story-player-in .25s ease}.story-player[hidden]{display:none}@keyframes story-player-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.story-player__art{flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f7f2e71f}.story-player__art img{width:100%;height:100%;object-fit:cover}.story-player__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.story-player__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.story-player__text{min-width:0;display:flex;flex-direction:column}.story-player__eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent, #d98e3b)}.story-player__title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-player__close{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f7f2e71f;color:#f7f2e7}.story-player__controls{display:flex;align-items:center;gap:10px}.story-player__play{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--color-accent, #d98e3b);color:#1a1206}.story-player__icon--pause[hidden],.story-player__icon--play[hidden]{display:none}.story-player__seek{flex:1;min-width:60px;cursor:pointer;padding:6px 0}.story-player__seek-track{position:relative;height:4px;border-radius:999px;background:#f7f2e72e;overflow:hidden}.story-player__seek-fill{position:absolute;inset:0;width:0%;background:var(--color-accent, #d98e3b);border-radius:999px}.story-player__time{flex:none;font-size:11px;font-variant-numeric:tabular-nums;color:#f7f2e7b3;min-width:30px}.story-player__volume{display:none;align-items:center;gap:6px;color:#f7f2e7cc}.story-player__volume-range{width:70px;accent-color:var(--color-accent, #d98e3b)}@media (min-width: 560px){.story-player{left:auto;width:340px}.story-player__volume{display:flex}}