.project-thumbnail-rail-track{display:none}@media (min-width:1024px){.project-thumbnail-rail-track{position:absolute;top:0;bottom:var(--project-gallery-trail);left:0;z-index:15;display:block;width:4rem;pointer-events:none}.project-thumbnail-rail{position:-webkit-sticky;position:sticky;top:5rem;display:grid;grid-gap:.55rem;gap:.55rem;max-height:calc(100svh - 10rem);overflow-y:auto;scrollbar-width:none;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .28s var(--ease-settle),visibility 0s linear .28s}.project-thumbnail-rail::-webkit-scrollbar{display:none}.project-thumbnail-rail[data-story-active=true]{pointer-events:auto;opacity:1;visibility:visible;transition-delay:0s}}.project-thumbnail-rail__progress{position:absolute;top:0;bottom:0;left:-.75rem;width:1px;overflow:hidden;background:color-mix(in srgb,var(--color-ink) 24%,transparent)}.project-thumbnail-rail__progress-fill{display:block;width:100%;height:100%;background:var(--color-rust);transform:scaleY(0);transform-origin:top;transition:transform .22s var(--ease-response)}.project-thumbnail-rail__link{position:relative;display:grid;grid-template-columns:var(--rail-row-columns,1fr);grid-template-rows:minmax(0,1fr);grid-column-gap:.25rem;column-gap:.25rem;width:4rem;height:3.25rem;opacity:.4;transform:scale(1);transition:opacity var(--interaction-response) var(--ease-response),transform var(--interaction-press-out) var(--ease-response)}.project-thumbnail-rail__frame{display:block;min-width:0;overflow:hidden;background:var(--color-plate);border:1px solid transparent;transition:border-color var(--interaction-response) var(--ease-response)}.project-thumbnail-rail__frame img{width:100%;height:100%;object-fit:cover}.project-thumbnail-rail__stack{display:grid;grid-auto-rows:minmax(0,1fr);grid-row-gap:.25rem;row-gap:.25rem;min-width:0;min-height:0}.project-thumbnail-rail__swatches{display:flex;gap:1px}.project-thumbnail-rail__swatches>span{flex:1 1}.project-thumbnail-rail__type{display:flex;align-items:center;justify-content:center;background:var(--color-paper-light);border-color:color-mix(in srgb,var(--color-ink) 22%,transparent)}.project-thumbnail-rail__type img{width:70%;height:40%;object-fit:contain}.project-thumbnail-rail__type span{color:#000;font-size:1.8rem;line-height:.72}.project-thumbnail-rail__link:focus-visible,.project-thumbnail-rail__link:hover{opacity:.72}.project-thumbnail-rail__link[aria-current=true]{opacity:1}.project-thumbnail-rail__link[aria-current=true] .project-thumbnail-rail__frame{border-color:var(--color-rust)}.project-thumbnail-rail__link:active{transform:scale(var(--interaction-press-scale))}.project-thumbnail-rail__link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}