#works .home-gallery{container-type:inline-size;overflow-anchor:none}
.home-gallery-shell{--home-photo-height:calc((100cqw - 48px)/var(--home-visible-ratio));display:block;position:relative}
#works .home-gallery .portfolio-grid{display:flex;align-items:flex-start;gap:24px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:12px;min-width:0;width:100%}
#works .home-gallery .portfolio-grid .work-card{flex:0 0 calc(var(--home-photo-height)*var(--work-photo-ratio));width:calc(var(--home-photo-height)*var(--work-photo-ratio));min-width:0;max-width:none;scroll-snap-align:start}
#works .home-gallery .portfolio-grid .work-card[hidden]{display:none!important}
#works .home-gallery .portfolio-grid .work-photo{width:100%;height:auto;aspect-ratio:auto;background:transparent}
#works .home-gallery .portfolio-grid .work-photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none!important}
.home-gallery-arrow{position:absolute;z-index:2;top:var(--home-gallery-controls-y,calc(var(--home-photo-height)/2));transform:translateY(-50%);width:48px;height:48px;padding:0;display:grid;place-items:center;border:1px solid #d7e2ebe6;background:#fffffff0;color:#10233b;border-radius:50%;box-shadow:0 4px 16px #10233b2b;cursor:pointer}
.home-gallery-arrow img{display:block;width:24px;height:24px;pointer-events:none}.home-gallery-prev img{transform:rotate(180deg)}
.home-gallery-arrow[hidden]{display:none}.home-gallery-arrow:disabled{opacity:.35;cursor:default}
.home-gallery-arrow:hover:not(:disabled){background:#fff;border-color:#1579bc}.home-gallery-arrow:focus-visible,#works .home-gallery .portfolio-grid:focus-visible{outline:3px solid #1579bc;outline-offset:3px}
.home-gallery-prev{left:12px}.home-gallery-next{right:var(--home-gallery-next-right,12px)}
@media(max-width:700px){#works .home-gallery .portfolio-grid{gap:16px;padding-bottom:8px}#works .home-gallery .portfolio-grid .work-card{flex:0 0 100%;width:100%;max-width:100%}.home-gallery-arrow{width:44px;height:44px}.home-gallery-prev{left:10px}.home-gallery-next{right:var(--home-gallery-next-right,10px)}#works .home-gallery .work-caption{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#works .home-gallery .portfolio-grid{scroll-behavior:auto}}