.essay-visual{--ev-dot: .875rem;--ev-gap: var(--space-4);--ev-step: .38s;--ev-line: 2px;--ev-ease: cubic-bezier(.16, 1, .3, 1);margin:var(--space-10) 0;padding:var(--space-6);background:var(--paper-deep);border-radius:var(--radius)}.essay-visual figcaption{margin-bottom:var(--space-6);font-family:var(--font-display);font-size:var(--step-1);line-height:1.3;color:var(--ink)}.essay-visual .ev-track,.essay-visual .ev-page ul{margin:0;padding:0;list-style:none}.essay-visual .ev-stop,.essay-visual .ev-page li{margin:0}.ev-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--ev-gap)}.ev-stop{position:relative;padding-top:calc(var(--ev-dot) + var(--space-3));font-size:var(--step--1);line-height:1.4}.ev-stop:nth-child(2){--i: 1}.ev-stop:nth-child(3){--i: 2}.ev-stop:nth-child(4){--i: 3}.ev-stop:nth-child(5){--i: 4}.ev-dot{position:absolute;top:0;left:0;width:var(--ev-dot);height:var(--ev-dot);background:var(--accent);border-radius:var(--radius-full)}.ev-stop:not(:last-child):after{content:"";position:absolute;top:calc((var(--ev-dot) - var(--ev-line)) / 2);left:var(--ev-dot);right:calc(var(--ev-gap) * -1);height:var(--ev-line);background:var(--accent);transform-origin:left center}.ev-name{display:block;font-weight:600;color:var(--ink)}.ev-detail{display:block;margin-top:var(--space-1);color:var(--ink-mute)}.ev-stop--key .ev-name{color:var(--accent-ink)}.ev-stop--key .ev-dot{box-shadow:0 0 0 var(--space-1) var(--paper-deep),0 0 0 calc(var(--space-1) + var(--ev-line)) var(--accent)}.ev-stop--off .ev-dot{background:var(--paper-deep);border:var(--ev-line) solid var(--ink-mute)}.ev-stop--off .ev-name{font-weight:500;color:var(--ink-soft)}.ev-stop--off:not(:last-child):after,.ev-stop--broken:before{background:repeating-linear-gradient(to right,var(--ink-mute) 0 4px,transparent 4px 9px)}.ev-stop--broken:before{content:"";position:absolute;top:calc((var(--ev-dot) - var(--ev-line)) / 2);left:var(--ev-dot);right:calc(var(--ev-gap) * -1);height:var(--ev-line)}.ev-stop--broken:not(:last-child):after{right:50%}.ev-break{position:absolute;top:calc(var(--ev-dot) / 2);left:50%;font-size:1.25rem;font-weight:700;line-height:0;color:var(--error);background:var(--paper-deep);transform:translate(-50%)}.ev-page{position:relative;margin-top:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--paper);border:1px solid var(--hairline)}.ev-page:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:var(--ev-line);background:var(--accent);transform-origin:left center}.ev-page ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3) var(--space-6)}.ev-page li{padding-bottom:var(--space-1);font-size:var(--step--1);font-weight:500;line-height:1.4;color:var(--ink);border-bottom:1px solid var(--hairline)}.ev-page li:nth-child(1){--j: 0}.ev-page li:nth-child(2){--j: 1}.ev-page li:nth-child(3){--j: 2}.ev-page li:nth-child(4){--j: 3}.ev-page li:nth-child(5){--j: 4}.ev-page li:nth-child(6){--j: 5}@media(max-width:38rem){.essay-visual{padding:var(--space-5)}.ev-track{grid-auto-flow:row;grid-auto-rows:auto}.ev-stop{padding-top:0;padding-left:calc(var(--ev-dot) + var(--space-3));min-height:var(--ev-dot)}.ev-stop:not(:last-child):after,.ev-stop--broken:before{top:var(--ev-dot);bottom:calc(var(--ev-gap) * -1);left:calc((var(--ev-dot) - var(--ev-line)) / 2);right:auto;width:var(--ev-line);height:auto;transform-origin:center top}.ev-stop--off:not(:last-child):after,.ev-stop--broken:before{background:repeating-linear-gradient(to bottom,var(--ink-mute) 0 4px,transparent 4px 9px)}.ev-stop--broken:not(:last-child):after{right:auto;bottom:35%}.ev-break{top:65%;left:calc(var(--ev-dot) / 2);padding:var(--space-1) 0;transform:translate(-50%,-50%)}.ev-page ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3) var(--space-5)}}@keyframes ev-draw-x{0%{transform:scaleX(0)}}@keyframes ev-draw-y{0%{transform:scaleY(0)}}@keyframes ev-pop{0%{transform:scale(0)}}@keyframes ev-rise{0%{opacity:0;transform:translateY(.375rem)}}@keyframes ev-fade{0%{opacity:0}}@keyframes ev-write{0%{clip-path:inset(0 100% 0 0)}}.ev-armed .ev-dot{animation:ev-pop .32s var(--ev-ease) both;animation-delay:calc(var(--i, 0) * var(--ev-step))}.ev-armed .ev-stop:not(.ev-stop--off):not(:last-child):after{animation:ev-draw-x var(--ev-step) ease-in-out both;animation-delay:calc(var(--i, 0) * var(--ev-step))}.ev-armed .ev-stop--off:not(:last-child):after,.ev-armed .ev-stop--broken:before{animation:ev-fade .3s ease-out both;animation-delay:calc(var(--i, 0) * var(--ev-step) + var(--ev-step))}.ev-armed .ev-name,.ev-armed .ev-detail{animation:ev-rise .42s var(--ev-ease) both;animation-delay:calc(var(--i, 0) * var(--ev-step) + 60ms)}.ev-armed .ev-break{animation:ev-fade .24s ease-out both;animation-delay:calc(2 * var(--ev-step))}.ev-armed .ev-page{animation:ev-rise .42s var(--ev-ease) both;animation-delay:calc(5 * var(--ev-step))}.ev-armed .ev-page:before{animation:ev-draw-x .42s ease-out both;animation-delay:calc(5 * var(--ev-step))}.ev-armed .ev-page li{animation:ev-write .3s ease-out both;animation-delay:calc(5 * var(--ev-step) + .2s + var(--j, 0) * .13s)}@media(max-width:38rem){.ev-armed .ev-stop:not(.ev-stop--off):not(:last-child):after{animation-name:ev-draw-y}}.ev-armed:not(.is-playing),.ev-armed:not(.is-playing) *,.ev-armed:not(.is-playing) *:before,.ev-armed:not(.is-playing) *:after{animation-play-state:paused}@media print{.ev-armed,.ev-armed *,.ev-armed *:before,.ev-armed *:after{animation:none!important}}.related[data-astro-cid-rhzwuhzl]{max-width:calc(var(--measure) + 6rem);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--hairline)}.related__list[data-astro-cid-rhzwuhzl]{list-style:none;padding:0;margin-top:var(--space-6);display:grid;gap:var(--space-6)}.related__link[data-astro-cid-rhzwuhzl]{display:block;text-decoration:none}.related__title[data-astro-cid-rhzwuhzl]{display:block;font-weight:600;color:var(--ink);margin-bottom:var(--space-1)}.related__link[data-astro-cid-rhzwuhzl]:hover .related__title[data-astro-cid-rhzwuhzl]{color:var(--accent)}.related__desc[data-astro-cid-rhzwuhzl]{display:block;font-size:var(--step--1);color:var(--ink-mute)}.post__header[data-astro-cid-gjtny2mx]{padding-top:var(--space-20);max-width:calc(var(--measure) + 6rem)}.post__meta[data-astro-cid-gjtny2mx]{margin-bottom:var(--space-6)}.post__crumb[data-astro-cid-gjtny2mx]{color:var(--ink-mute);text-decoration:none}.post__crumb[data-astro-cid-gjtny2mx]:hover{color:var(--accent)}.post__title[data-astro-cid-gjtny2mx]{font-size:var(--step-3);margin-bottom:var(--space-10)}.post__featured[data-astro-cid-gjtny2mx]{max-width:calc(var(--measure) + 6rem);margin-bottom:var(--space-10)}.post__featured[data-astro-cid-gjtny2mx] img[data-astro-cid-gjtny2mx]{width:100%;height:auto;border-radius:var(--radius)}.post__content[data-astro-cid-gjtny2mx]{max-width:calc(var(--measure) + 6rem)}.post__footer[data-astro-cid-gjtny2mx]{max-width:calc(var(--measure) + 6rem);margin-top:var(--space-16);padding-top:var(--space-8);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6)}.post__footer[data-astro-cid-gjtny2mx]:before{content:"";display:block;width:100%;border-top:1px solid var(--hairline);margin-bottom:var(--space-8)}.post__author[data-astro-cid-gjtny2mx]{display:flex;align-items:center;gap:var(--space-4);max-width:480px}.post__author[data-astro-cid-gjtny2mx] img[data-astro-cid-gjtny2mx]{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}.post__author-name[data-astro-cid-gjtny2mx]{font-weight:600;color:var(--ink);margin-bottom:var(--space-1)}.post__author-bio[data-astro-cid-gjtny2mx]{font-size:var(--step--1);color:var(--ink-mute);margin:0}
