.blog-post-layout{width:100%;max-width:100%;padding-inline:var(--gutter);grid-template-columns:minmax(2.5rem,1fr) min(42rem,100% - 5rem) minmax(2.5rem,1fr);align-items:start;display:grid;position:relative}.blog-post-main{grid-area:1/2;gap:2.5rem;min-width:0;display:grid}.blog-skip-link{--hov:0;z-index:2;color:color-mix(in srgb, var(--color-olive-deep) calc(var(--hov) * 100%), var(--color-ink-soft));opacity:calc(1 - .2 * (1 - var(--hov)));letter-spacing:.06em;writing-mode:vertical-rl;white-space:nowrap;padding:1em 0;font-size:.8125rem;font-style:italic;text-decoration:none;transition:translate .35s,color .35s,opacity .35s;display:none;position:sticky}.blog-skip-link:is(:hover,:focus-visible){--hov:1;outline:none}.blog-skip-link--top{top:calc(var(--site-header-height) + 1rem);border-image:linear-gradient(90deg, transparent calc(50% - 1px), var(--color-line) 0 50%, transparent 0) 1 0 / 40vh 0 0 0 / 40vh 0;translate:0 calc(var(--hov) * -.65em);grid-area:1/1;justify-self:end;margin-right:.5rem}.blog-skip-link--resources{border-image:linear-gradient(90deg, transparent calc(50% - 1px), var(--color-line) 0 50%, transparent 0) 1 0 / 0 0 40vh 0 / 40vh 0;translate:0 calc(var(--hov) * .65em);grid-area:1/3;place-self:end start;margin-left:.5rem;bottom:5rem}.blog-skip-link--mobile{border-bottom:1px solid var(--color-line-soft);letter-spacing:.04em;writing-mode:horizontal-tb;justify-content:space-between;gap:1rem;padding-bottom:.5rem;font-size:.8125rem;font-style:italic;display:flex}.blog-skip-link--mobile a{color:var(--color-ink-soft);text-decoration:none;transition:color .2s}.blog-skip-link--mobile a:hover,.blog-skip-link--mobile a:focus-visible{color:var(--color-olive-deep);outline:none}@media (min-width:64rem){.blog-skip-link--side{display:block}.blog-skip-link--mobile{display:none}}@media (prefers-reduced-motion:reduce){.blog-skip-link{transition:color .2s,opacity .2s;translate:none!important}}