.chapter-nav-area{display:none}@media only screen and (min-width: 1400px){.chapter-nav-area{display:block;position:absolute;top:0;left:1rem;width:7.5rem;pointer-events:none}.chapter-nav{--chapter-nav-top: max(10rem, 30vh);--chapter-nav-line: 4px;--chapter-nav-tail: 2.5rem;--chapter-nav-text: var(--text-color);--chapter-nav-ground: var(--primary-color);--chapter-nav-accent: var(--contrast-color);--chapter-nav-center: .5rem;display:block;position:sticky;top:var(--chapter-nav-top);height:50vh}.chapter-nav[data-tone=dark]{--chapter-nav-text: #fdfff9;--chapter-nav-ground: #23261c}.chapter-nav[data-tone=accent]{--chapter-nav-text: #181b09;--chapter-nav-ground: var(--contrast-color);--chapter-nav-accent: #181b09}.chapter-nav-track{position:absolute;top:0;bottom:0;left:calc(var(--chapter-nav-center) - var(--chapter-nav-line) / 2);width:var(--chapter-nav-line);border-radius:2px;background-color:color-mix(in srgb,var(--chapter-nav-text) 18%,var(--chapter-nav-ground))}.chapter-nav-fill{width:100%;border-radius:2px;background-color:var(--chapter-nav-accent)}.chapter-nav-list{all:unset;display:block}.chapter-nav-item{position:absolute;left:0;height:0;display:flex;align-items:center}.chapter-nav-link{all:unset;position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 0;cursor:pointer;pointer-events:auto;color:var(--chapter-nav-text)}.chapter-nav-link:focus-visible{outline:2px solid var(--chapter-nav-text);outline-offset:2px}.chapter-nav-dot{flex-shrink:0;width:.75rem;height:.75rem;margin-left:calc(var(--chapter-nav-center) - .375rem);border-radius:50%;background-color:var(--chapter-nav-accent)}.chapter-nav-todo .chapter-nav-dot{background-color:color-mix(in srgb,var(--chapter-nav-text) 35%,var(--chapter-nav-ground))}.chapter-nav-active .chapter-nav-dot{width:1rem;height:1rem;margin-left:calc(var(--chapter-nav-center) - .5rem)}.chapter-nav-label{color:var(--chapter-nav-text);font-size:var(--font-size-small);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:6.5rem;opacity:.7}.chapter-nav-active .chapter-nav-label{font-size:var(--font-size-body);font-weight:500;opacity:1}.chapter-nav-todo .chapter-nav-label,.chapter-nav-done .chapter-nav-label{opacity:0}.chapter-nav:has(.chapter-nav-link:hover) .chapter-nav-label,.chapter-nav-link:focus-visible .chapter-nav-label{opacity:.7}.chapter-nav-link:hover .chapter-nav-label{opacity:1}}.project-card{display:flex;flex-direction:column;gap:.75rem;min-width:0}.project-card:focus-visible{outline:2px solid var(--text-color);outline-offset:4px}.project-card-meta{margin:0;font-size:var(--font-size-small);opacity:.6}.project-card-title{margin:.25rem 0 0;font-size:1.375rem;font-weight:700;line-height:1.3}.project-card-description{margin:0;font-size:.9375rem;line-height:1.5;opacity:.85}.project-card-cta{align-self:flex-end;display:flex;gap:.5rem;align-items:center;margin-top:.5rem;padding:.5rem 1rem;background-color:var(--contrast-color);color:var(--button-text-color);font-size:var(--font-size-body);font-weight:500;opacity:0;transition:opacity .15s ease}.project-card-cta img{width:1.25rem;height:1.25rem}.project-card:hover .project-card-cta,.project-card:focus-visible .project-card-cta{opacity:1}@media (prefers-reduced-motion: reduce){.project-card-cta{transition:none}}.card-image-container{position:relative;aspect-ratio:1120 / 610;overflow:hidden;flex-shrink:0;background-size:cover;background-position:center}.card-image{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:4%;object-fit:contain}.card-image.align-left{padding-right:34%;object-position:left center}.card-corner{position:absolute;right:4%;height:auto}.card-corner-top-right{top:5%}.card-corner-bottom-right{bottom:5%}.card-image.corner-below{object-position:center top}.card-tags{all:unset;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.card-tag{list-style:none;border:1px solid color-mix(in srgb,currentColor 30%,transparent);padding:.3rem .75rem;font-size:.8125rem}