.closeup{--dpr: 1;padding-top:clamp(3rem,8svh,6rem);padding-bottom:clamp(2.5rem,6svh,4.5rem)}@media(min-resolution:1.25dppx){.closeup{--dpr: 1.25}}@media(min-resolution:1.5dppx){.closeup{--dpr: 1.5}}@media(min-resolution:2dppx){.closeup{--dpr: 2}}.closeup .closeup__title{max-width:12ch;color:var(--color-bg-alt)}.closeup .closeup__grid{display:flex;gap:1rem;width:max-content;max-width:none;margin:0;padding-block:0;padding-inline:var(--page-gutter);list-style:none}.closeup__rail{margin-top:clamp(1.75rem,1rem + 2vw,3rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--page-gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.closeup__rail::-webkit-scrollbar{display:none}.closeup__rail:focus-visible{outline:2px solid var(--color-bg-alt);outline-offset:-2px}.closeup__item{--cap: calc(var(--nw, 960) * 1px / var(--dpr) / 1.08 / var(--z, 1));flex:none;width:min(84vw,var(--cap));min-width:0;scroll-snap-align:start}.closeup__tile{display:flex;flex-direction:column;margin:0}.closeup__frame{--x0: clamp(100cqw - 100%, 50cqw - var(--fx, .5) * 100%, 0px);--y0: clamp(100% / var(--z, 1) - 100%, 50% / var(--z, 1) - var(--fy, .5) * 100%, 0px);position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--radius-xl);background:#f6f4ef;container-type:inline-size;transform-origin:50% 100%}.closeup__drift{position:absolute;top:0;right:0;bottom:0;left:0}.closeup__img{position:absolute;top:0;left:0;display:block;width:auto;min-width:100%;max-width:none;height:calc(100% * var(--z, 1));object-fit:cover;translate:var(--x0) var(--y0)}.closeup__caption-group{display:flex;flex-direction:column;gap:.375rem;margin-top:1rem}.closeup__index{color:var(--on-ink-muted, var(--color-bg-alt));font:600 var(--type-small)/1.4 var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:.04em}.closeup__caption{max-width:34ch;margin:0;color:var(--color-bg-alt);font-size:1.0625rem;line-height:1.4;text-wrap:pretty}@media(min-width:990px){.closeup__rail{display:contents}.closeup .closeup__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1.5rem,3vw,2.5rem);row-gap:0;width:auto;max-width:calc(var(--container) + 2 * var(--page-gutter));margin:clamp(1.75rem,1rem + 2vw,3rem) auto 0}.closeup__item{--fw: min(480px, var(--cap));display:grid;grid-row:span 3;grid-template-rows:subgrid;width:auto}.closeup__item--l{--fw: min(600px, var(--cap))}.closeup__item:nth-child(4n+1){grid-column:1 / 8}.closeup__item:nth-child(4n+2){grid-column:8 / 13}.closeup__item:nth-child(4n+3){grid-column:1 / 6}.closeup__item:nth-child(4n){grid-column:6 / 13}.closeup__item:nth-child(n+3){margin-top:clamp(4rem,2rem + 5vw,7rem)}.closeup__tile{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}.closeup__frame{align-self:end;width:100%;max-width:var(--fw)}.closeup__caption-group{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;width:100%;max-width:var(--fw);margin-top:0}.closeup__item:is(:nth-child(4n+2),:nth-child(4n)) :is(.closeup__frame,.closeup__caption-group){justify-self:end}.closeup__index{display:none}.closeup__caption{align-self:start;padding-top:1rem}.closeup__credit{align-self:start;padding-top:.375rem}}@media(prefers-reduced-motion:no-preference){html.motion-ok .closeup__frame{animation-name:closeup-frame;animation-timing-function:linear;animation-fill-mode:both}html.motion-ok .closeup__img{scale:1.08;animation-name:closeup-drift;animation-timing-function:linear;animation-fill-mode:both}}@media(prefers-reduced-motion:no-preference)and (max-width:989px){@supports (animation-timeline: view()){html.motion-ok:not(.mo-fb) .closeup{view-timeline:--cs block}html.motion-ok:not(.mo-fb) .closeup__rail .closeup__frame{animation-timeline:--cs;animation-range:cover 0% cover 40%}html.motion-ok:not(.mo-fb) .closeup__rail .closeup__frame .closeup__img{animation-timeline:--cs;animation-range:cover 0% cover 100%}}}@keyframes closeup-frame{0%{opacity:.45;transform:scale(.94);animation-timing-function:cubic-bezier(.25,1,.5,1)}to{opacity:1;transform:scale(1)}}@keyframes closeup-drift{0%{transform:translateY(-3.5%)}to{transform:translateY(3.5%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/home-closeup.css.map */