.story-open{padding:clamp(104px, 17vh, 190px) var(--gutter) clamp(56px, 9vh, 104px);max-width:880px;margin:0 auto}.story-open h1{letter-spacing:.01em;max-width:20ch;color:var(--clarity);text-wrap:balance;margin:0 0 22px;font-size:clamp(30px,4.4vw,54px);font-weight:200;line-height:1.06}.story-open .body{margin-bottom:30px}.story-open-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px;display:flex}.story-scroll{position:relative}.story-pin{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.story-stage{width:min(1320px, 100% - (var(--gutter) * 2));place-items:center;gap:clamp(14px,3vh,34px);margin:0 auto;display:grid}@media (min-width:900px){.story-stage{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);place-items:center stretch;gap:clamp(24px,3vw,56px)}.story-read{grid-area:1/1}.story-meters{grid-area:2/1;align-self:start}.story-art{grid-area:1/2/span 2}}.story-read{width:100%;min-height:clamp(210px,30svh,290px);position:relative}.story-panel{opacity:0;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;transition:opacity .52s,transform .52s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translateY(14px)}.story-panel[data-on=true]{opacity:1;transform:none}@media (min-width:900px){.story-panel{text-align:left}}.story-when{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--ember);margin:0 0 14px;font-size:11px}.story-panel h3{letter-spacing:.01em;color:var(--clarity);text-wrap:balance;margin:0 0 14px;font-size:clamp(27px,4vw,48px);font-weight:200;line-height:1.06}.story-panel p{max-width:46ch;color:var(--muted);margin:0 auto;font-size:clamp(15px,1.15vw,18px);line-height:1.62}@media (min-width:900px){.story-panel p{margin-inline:0}}.story-meters{justify-content:center;gap:26px;margin:0;display:flex}@media (min-width:900px){.story-meters{justify-content:flex-start}}.story-meter{align-items:baseline;gap:10px;display:flex}.story-meter dt{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:10px}.story-meter dd{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--ignition);align-items:baseline;gap:5px;margin:0;font-size:10px;display:flex}.story-meter dd span{text-align:right;min-width:2ch}.story-meter dd i{color:var(--dim);font-style:normal}.story-art{width:min(92vw,52svh);max-width:520px}@media (min-width:900px){.story-art{justify-self:center;width:min(100%,82svh);max-width:660px}}.story-svg{width:100%;height:auto;display:block;overflow:visible}.story-art--still{width:min(100%,560px);margin:0 auto clamp(28px,5vh,56px)}.story-siblings{padding:clamp(56px, 9vh, 96px) var(--gutter) 0;flex-wrap:wrap;align-items:baseline;gap:12px 30px;max-width:880px;margin:0 auto;display:flex}.story-siblings-label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:10px}.story-sibling{color:var(--muted);border-bottom:1px solid #0000;font-size:17px;font-weight:200;text-decoration:none;transition:color .2s,border-color .2s}.story-sibling:hover,.story-sibling:focus-visible{color:var(--clarity);border-bottom-color:var(--violet)}@media (prefers-reduced-motion:reduce){.story-panel{transition:none;transform:none}.story-sibling{transition:none}}