.dir{scroll-margin-top:calc(var(--nav-h,5rem) + 1.5rem);padding-block:clamp(3.5rem,9vh,7rem)}.dir+.dir>.shell{border-top:1px solid var(--rule);padding-top:clamp(2.5rem,6vh,4.5rem)}.dir__head{max-width:52ch;margin-bottom:clamp(2rem,5vh,3.5rem)}.dir__index{font-size:var(--t-xs);letter-spacing:.28em;color:var(--accent)}.dir__title{letter-spacing:.01em;margin-block:.7rem .4rem;font-size:clamp(2rem,1.2rem + 2.6vw,3.6rem);font-weight:300;line-height:1.02}.dir__sub{font-family:var(--display);font-style:italic;font-size:var(--t-lg);color:var(--accent)}.dir__blurb{font-size:var(--t-lg);color:var(--ink-soft);text-wrap:pretty;margin-top:1.1rem;line-height:1.55}.dir__count{font-size:var(--t-xs);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);margin-top:1.25rem}.dir__empty{max-width:40ch;font-size:var(--t-base);color:var(--ink-faint)}.dir__grid{grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:clamp(1rem,2.5vw,2rem);display:grid}.dir__item{min-width:0}.dir__open{background:var(--bone-deep);width:100%;box-shadow:var(--shadow-md);--photo-crop:3 / 4;border-radius:4px;display:block;position:relative;overflow:hidden}.dir__open:hover .photo,.dir__open:focus-visible .photo{--photo-scale:1.05}.dir__zoom{width:fit-content;color:var(--espresso);font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;opacity:0;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);background:#f7f3eeeb;border-radius:999px;margin:0 auto 1rem;padding:.6em 1.5em;font-weight:500;position:absolute;inset:auto 0 0;transform:translateY(.6rem)}.dir__open:hover .dir__zoom,.dir__open:focus-visible .dir__zoom{opacity:1;transform:translateY(0)}body.has-cursor .dir__zoom{display:none}.dirs__out{border-top:1px solid var(--rule);padding-block:clamp(3rem,8vh,6rem)}.dirs__out-link{font-family:var(--display);font-size:var(--t-2xl);letter-spacing:-.02em;text-wrap:balance;align-items:baseline;gap:.5em;font-weight:300;line-height:1.02;display:inline-flex}.dirs__out-link svg{fill:none;width:.4em;height:.4em;stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;transition:transform .5s var(--ease-out);flex:none}.dirs__out-link:hover svg,.dirs__out-link:focus-visible svg{transform:translate(.2em,-.2em)}.dirs__out-link span{transition:background-size .55s var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}.dirs__out-link:hover span,.dirs__out-link:focus-visible span{background-size:100% 1px}