.gallery{display:block;overflow:hidden}.gallery__pin{min-height:100svh;padding-block:calc(var(--header-height) + 2rem) 3rem;align-items:center;display:flex}.gallery__track{padding-inline:var(--page-margin);will-change:transform;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);display:flex}.gallery__intro{flex:none;gap:2rem;width:min(38vw,34rem);padding-right:4vw;display:grid}.gallery__heading{max-width:8ch}.gallery__progress{background:var(--hairline);width:10rem;height:1px;position:relative;overflow:hidden}.gallery__progress span{background:var(--fg);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.gallery__item{flex:none;gap:1.25rem;display:grid}.gallery__item--a{width:clamp(260px,28vw,460px)}.gallery__item--b{align-self:flex-end;width:clamp(240px,22vw,380px)}.gallery__item--c{align-self:flex-start;width:clamp(280px,32vw,520px)}.gallery__media{aspect-ratio:3/4;display:block}.gallery__item--c .gallery__media{aspect-ratio:4/5}.gallery__media .media__inner{inset:0 -10%}.gallery__media img{transition:transform 1.4s var(--ease-out)}.gallery__media:hover img{transform:scale(1.06)}.gallery__caption{grid-template-columns:auto 1fr auto;align-items:baseline;gap:1rem;display:grid}.gallery__index{letter-spacing:.2em;color:var(--accent);font-size:.6875rem}.gallery__title{font-family:var(--font-body);font-weight:var(--font-body-weight-medium);font-size:1.5rem;line-height:1.1}.gallery__price{opacity:.8;font-size:.8125rem}.gallery__end{aspect-ratio:1;flex:none;place-items:center;width:clamp(240px,24vw,380px);display:grid}.gallery__end-link{border:1px solid var(--hairline);text-align:center;width:100%;height:100%;transition:background-color .6s var(--ease-out), color .6s;border-radius:50%;place-content:center;justify-items:center;gap:1rem;display:grid}.gallery__end-link:hover{background:var(--fg);color:var(--bg)}.gallery__end-link .icon{width:1.75rem;height:1.75rem}@media (max-width:749px){.gallery__pin{min-height:0;padding-block:5rem}.gallery__track{scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-margin);scrollbar-width:none;align-items:stretch;width:100%;overflow-x:auto}.gallery__track::-webkit-scrollbar{display:none}.gallery__intro{scroll-snap-align:start;align-self:center;width:82vw;padding-right:0}.gallery__item,.gallery__end{scroll-snap-align:start;align-self:center}.gallery__item--a,.gallery__item--b,.gallery__item--c{width:74vw}.gallery__end{width:60vw}}
