.pager{--pager-ease:cubic-bezier(.22, 1, .36, 1);--pager-muted:#555;--pager-radius:var(--r-huge);padding-top:clamp(.75rem,2vw,1.5rem);padding-bottom:clamp(1.25rem,2.5vw,2.5rem)}.pager .container-large{container:pager/inline-size}.pager-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}.pager-link{isolation:isolate;border:1px solid var(--line);border-radius:var(--pager-radius);background-color:var(--white);color:var(--black);transition:border-color .5s var(--pager-ease);grid-template-rows:auto 1fr;gap:1.5rem;padding:1.25rem 1.25rem 1.5rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.pager-link:focus-visible{outline:2px solid var(--black);outline-offset:3px}.pager-wash{z-index:-1;background-color:var(--bg-primary);transform-origin:50% 100%;transition:transform .7s var(--pager-ease);position:absolute;inset:0;transform:scaleY(0)}.pager-link.has-accent .pager-wash{background-color:color-mix(in srgb, var(--pager-accent) 10%, var(--white))}.pager-top{align-items:flex-start;gap:.875rem;display:flex}.pager-arrow{background-color:var(--black);width:2.75rem;height:2.75rem;color:var(--white);box-shadow:0 0 0 .1875rem var(--pager-accent,var(--line));transition:box-shadow .5s var(--pager-ease);border-radius:50%;flex:none;place-items:center;display:grid}.pager-arrow svg{width:1.125rem;height:1.125rem;transition:transform .45s var(--pager-ease);display:block}.pager-link.is-prev .pager-arrow svg{transform:scaleX(-1)}.pager-dir{min-height:2.75rem;color:var(--pager-muted);font-family:var(--font-secondary);letter-spacing:.08em;text-transform:uppercase;align-items:center;font-size:.75rem;line-height:1.2;display:inline-flex}.pager-shot{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--r-medium);background-color:var(--bg-primary);opacity:0;width:clamp(8rem,11vw,10.5rem);min-width:5rem;transition:opacity .35s var(--pager-ease), transform .6s var(--pager-ease);flex:0 auto;margin-left:auto;overflow:hidden;transform:translateY(.75rem)scale(.92)rotate(-3deg);box-shadow:0 .75rem 1.75rem -.75rem #0a0a0a4d}.pager-shot img{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.pager-body{flex-direction:column;align-self:end;gap:.625rem;min-width:0;display:flex}.pager-title{font-family:var(--font-primary);font-size:clamp(1.75rem,1.1rem + 2.1vw,3rem);font-weight:var(--fw-black);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;line-height:1.02}.pager-kicker{max-width:36ch;color:var(--pager-muted);font-size:var(--ds-body);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}@container pager (max-width:19.5rem){.pager-kicker{display:none}}@container pager (min-width:70rem){.pager-kicker{-webkit-line-clamp:3;line-clamp:3;max-width:44ch}}.pager-link:is(:hover,:focus-visible){border-color:color-mix(in srgb, var(--pager-accent,var(--black)) 45%, var(--line))}.pager-link:is(:hover,:focus-visible) .pager-wash{transform:scaleY(1)}.pager-link:is(:hover,:focus-visible) .pager-arrow{box-shadow:0 0 0 .375rem var(--pager-accent,var(--line))}.pager-link.is-next:is(:hover,:focus-visible) .pager-arrow svg{transform:translate(.25rem)}.pager-link.is-prev:is(:hover,:focus-visible) .pager-arrow svg{transform:translate(-.25rem)scaleX(-1)}.pager-link:is(:hover,:focus-visible) .pager-shot{opacity:1;transform:none}@media (hover:none){.pager-shot{opacity:1;width:5rem;box-shadow:none;transform:none}}@media screen and (min-width:48rem){.pager-grid{grid-template-rows:auto 1fr auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(.75rem,1.4vw,1.25rem)}.pager-grid>:only-child{grid-column:1/-1}.pager-link{grid-row:span 3;grid-template-rows:subgrid;row-gap:0;min-height:clamp(16rem,23vw,20rem);padding:clamp(1.5rem,2.5vw,2.25rem)}.pager-body{display:contents}.pager-top{margin-bottom:2rem}.pager-title{align-self:end}.pager-kicker{margin-top:.625rem}.pager-link.is-next .pager-top{flex-direction:row-reverse}.pager-link.is-next .pager-shot{margin-left:0;margin-right:auto;transform:translateY(.75rem)scale(.92)rotate(3deg)}.pager-link.is-next:is(:hover,:focus-visible) .pager-shot{transform:none}.pager-link.is-next :is(.pager-title,.pager-kicker){text-align:right;justify-self:end}}@media screen and (min-width:48rem) and (hover:none){.pager-link.is-next .pager-shot{transform:none}}@media (prefers-reduced-motion:reduce){.pager-link,.pager-wash,.pager-arrow,.pager-arrow svg,.pager-shot{transition:none}.pager-shot,.pager-link.is-next .pager-shot,.pager-link.is-next:is(:hover,:focus-visible) .pager-arrow svg{transform:none}.pager-link.is-prev:is(:hover,:focus-visible) .pager-arrow svg{transform:scaleX(-1)}}