.o-story--white{background:var(--color-paper)}.o-story--haze{background:var(--color-haze)}.o-story--ink{background:var(--color-ink);border-bottom:1px solid var(--color-line);border-top:1px solid var(--color-line)}.o-story--ink .o-h2{color:#fff}.o-story__lede{color:var(--color-ink-soft);font-size:17px;line-height:1.65;margin-top:24px;max-width:46rem}.o-story--ink .o-story__lede{color:hsla(0,0%,100%,.65)}.o-story__cards{background:var(--color-line);border:1px solid var(--color-line);border-radius:24px;display:grid;gap:1px;margin-top:64px;overflow:hidden}@media (min-width:768px){.o-story__cards{grid-template-columns:repeat(3,1fr)}}.o-story--ink .o-story__cards{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1)}.o-story__card{background:var(--color-paper);height:100%;padding:32px;transition:background-color .2s ease}.o-story--ink .o-story__card{background:var(--color-ink)}.o-story__card:hover{background:color-mix(in srgb,var(--color-ink) 4%,var(--color-paper))}.o-story--ink .o-story__card:hover{background:color-mix(in srgb,#fff 3%,var(--color-ink))}.o-story__step{color:var(--color-signal);font-family:var(--font-mono);font-size:12px}.o-story--ink .o-story__step{color:var(--color-mint)}.o-story__card h3{margin-top:16px}.o-story--ink .o-story__card h3{color:#fff}.o-story__card p{color:var(--color-ink-soft);font-size:14.5px;line-height:1.6;margin-top:12px}.o-story--ink .o-story__card p{color:hsla(0,0%,100%,.6)}