.project--gallery{position:relative;inline-size:var(--spread);margin-inline:auto}.project--gallery .block-nav{position:absolute;inset-block-start:calc(60% - 3.5rem);transition:all .2s ease-in-out;opacity:0;z-index:9}.project--gallery:hover .block-nav{opacity:1}.project--gallery .block-nav-prev{inset-inline-start:0}@media screen and (min-width:1350px){.project--gallery .block-nav-prev{inset-inline-start:-5rem}}.project--gallery .block-nav-next{inset-inline-end:0}@media screen and (min-width:1370px){.project--gallery .block-nav-next{inset-inline-end:-5rem}}.project--gallery .block-body{position:relative;inline-size:min(var(--max-inline-size),calc(100vw - 2*var(--mobile-margin)))}.project--gallery .block-list{position:relative;display:flex;list-style-type:none;margin:0;padding-inline:0;padding-block-end:2rem;scroll-snap-type:x mandatory;overflow-x:auto;gap:1rem;--_scrollbar-width:12px;--_scrollbar-thumb-color:var(--color-neutral-200);--_scrollbar-track-color:var(--color-neutral-025);scrollbar-width:var(--_scrollbar-width);scrollbar-color:var(--_scrollbar-thumb-color) var(--_scrollbar-track-color)}.project--gallery .block-list::-webkit-scrollbar{width:var(--_scrollbar-width)}.project--gallery .block-list::-webkit-scrollbar-track{background:var(--_scrollbar-track-color)}.project--gallery .block-list::-webkit-scrollbar-thumb{background-color:var(--_scrollbar-thumb-color);border-radius:10px;border:4px solid var(--_scrollbar-track-color)}.project--gallery .block-list:hover{--_scrollbar-thumb-color:var(--color-neutral-300);--_scrollbar-track-color:var(--color-neutral-050)}.project--gallery .block-list-item{scroll-snap-align:start;flex-basis:290px;flex-grow:0;flex-shrink:0;align-items:stretch}@media screen and (min-width:768px){.project--gallery .block-list-item{flex-basis:calc((var(--max-inline-size) - 2*var(--grid-gap))/3)}}.project--gallery .post-link{display:block;outline:0}.project--gallery iframe{display:block;inline-size:100%;block-size:auto;aspect-ratio:16/9;background-color:var(--color-text-primary);border-radius:var(--border-radius)}.project--gallery .post-link:where(:hover,:focus) .post-image{outline-color:var(--color-primary-500)}.project--gallery .post-image{display:block;inline-size:100%;block-size:auto;margin-block-end:.5rem;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;border-radius:var(--border-radius);outline:3px solid transparent;transition:outline-color .1s}.project--gallery .post-caption{font-family:var(--font-family-secondary);font-weight:700;font-size:var(--fs-body1)}.project--gallery .post-caption-photographer{font-weight:400;font-size:var(--fs-body2)}