.scrollytell-root{display:grid;grid-template-columns:repeat(24,1fr);gap:1.5rem}@media (max-width:768px){.scrollytell-root{display:block}}.scrollytell-viewport-overlay{position:fixed;right:.75rem;bottom:.75rem;z-index:1000;padding:.375rem .5rem;border:1px solid rgb(0 0 0/.12);border-radius:.375rem;background:rgb(255 255 255/.86);color:rgb(0 0 0/.72);font-family:var(--font-mono),ui-monospace,monospace;font-size:.75rem;line-height:1;pointer-events:none;box-shadow:0 .25rem 1rem rgb(0 0 0/.08)}.scrollytell-text-column{grid-column:span 24;display:flex;flex-direction:column;position:relative;z-index:1}@media (min-width:769px) and (max-width:1279px){.scrollytell-text-column{grid-column:1/span 16;grid-row:1}}@media (min-width:1280px){.scrollytell-text-column{grid-column:1/span 14;grid-row:1}}.scrollytell-prose-band,.scrollytell-steps{display:flex;flex-direction:column}.scrollytell-step:first-child .prose-article>:first-child{margin-top:0}.scrollytell-step-illustration{display:block;width:min(100%,540px);height:160px;margin:2rem auto 1rem}.scrollytell-step:first-child .scrollytell-step-illustration{margin-top:0}@media (max-width:768px){.scrollytell-step-illustration+.prose-article>:first-child{margin-top:0}}@media (min-width:769px){.scrollytell-step-illustration{display:none}}.scrollytell-aside-column{grid-column:span 24;order:-1}@media (max-width:768px){.scrollytell-aside-column[data-has-featured=false]{display:none}}@media (min-width:769px) and (max-width:1279px){.scrollytell-aside-column{grid-column:17/span 8;grid-row:1;display:flex;flex-direction:column;align-self:stretch;order:0}}@media (min-width:1280px){.scrollytell-aside-column{grid-column:15/span 10;grid-row:1;display:flex;flex-direction:column;align-self:stretch;order:0}}.scrollytell-featured-image{margin-bottom:1.5rem}@media (min-width:769px) and (max-width:1279px){.scrollytell-featured-image{width:100%;align-self:stretch}}@media (min-width:1280px){.scrollytell-featured-image{width:calc(80% - .3rem);align-self:flex-end}}.scrollytell-featured-image-img{display:block;width:100%;height:auto;object-fit:cover;border-radius:.5rem}.scrollytell-illustration-sticky{position:sticky;top:var(--scrollytell-sticky-top,96px);height:calc(100vh - var(--scrollytell-sticky-top, 96px) - 2rem);display:flex;align-items:center;justify-content:center;display:none}@media (min-width:769px){.scrollytell-illustration-sticky{display:flex}}.scrollytell-step--figure{position:relative}.scrollytell-step-figure{margin:0;cursor:zoom-in}.scrollytell-step-figure-media{border-radius:6px;overflow:hidden}.scrollytell-step-figure img{display:block;width:100%;height:auto}.scrollytell-step-figure figcaption{margin-top:.5rem;font-family:var(--font-sans);font-size:.7em;line-height:1.4;color:var(--color-text-tertiary)}.scrollytell-step-figure figcaption a{color:inherit;text-decoration:underline;text-decoration-color:var(--color-link-underline);text-underline-offset:2px;transition:text-decoration-color .2s}.scrollytell-step-figure figcaption a:hover{text-decoration-color:currentColor}@media (min-width:1280px){.scrollytell-step-figure{position:absolute;top:0;right:-74%;width:clamp(16rem,30vw,27rem)}}@media (min-width:769px) and (max-width:1279px){.scrollytell-step-figure{position:absolute;top:0;right:-50%;width:clamp(14rem,26vw,22rem)}}@media (max-width:768px){.scrollytell-step-figure{margin:1.5rem 0}}.scrollytell-prose-band[data-entered=false]>*{opacity:0;transform:translateY(12px)}.scrollytell-prose-band>*{transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.scrollytell-prose-band>*{transition:none!important;transform:none!important;opacity:1!important}}