.dir-mosaic{height:min(32rem,70vw);position:relative}.dir-mosaic img{object-fit:cover;border-radius:1.2rem;position:absolute;box-shadow:0 24px 50px -28px #1f1a178c}.dir-mosaic__0{aspect-ratio:4/5;width:48%;top:8%;left:0}.dir-mosaic__1{aspect-ratio:4/5;width:40%;top:0;right:4%}.dir-mosaic__2{aspect-ratio:4/5;z-index:2;width:36%;bottom:0;left:30%}.dir-mosaic__3{aspect-ratio:4/5;width:30%;bottom:10%;right:0}.dir-areas ul{scroll-snap-type:x proximity;scrollbar-width:none;gap:.9rem;padding:.5rem max(1.25rem,50vw - 34.75rem) .75rem;display:flex;overflow-x:auto}.dir-area{aspect-ratio:4/5;scroll-snap-align:start;color:#fff;outline-offset:3px;background:#1f1a17;border-radius:1rem;place-items:end start;width:9.5rem;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:grid;position:relative;overflow:hidden}.dir-area img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:transform .6s,opacity .3s;position:absolute;inset:0}.dir-area:after{content:"";background:linear-gradient(#0000 40%,#1f1a17bf);position:absolute;inset:0}.dir-area span{z-index:1;font-family:var(--font-cormorant), Georgia, serif;padding:.75rem;font-size:1.25rem;line-height:1;position:relative}.dir-area:hover{transform:translateY(-4px)}.dir-area:hover img{opacity:1;transform:scale(1.06)}.dir-area[aria-current=page]{box-shadow:0 0 0 2px #f6f3ee,0 0 0 4px #9a6b4f}.dir-area--all{background:linear-gradient(160deg,#9a6b4f,#1f1a17);place-items:center}.dir-area--all:after{display:none}@media (prefers-reduced-motion:no-preference){.dir-rise>*{animation:.8s cubic-bezier(.22,1,.36,1) both dir-rise}.dir-rise>:nth-child(2){animation-delay:80ms}.dir-rise>:nth-child(3){animation-delay:.16s}.dir-mosaic img{animation:.9s cubic-bezier(.22,1,.36,1) both dir-pop,9s ease-in-out 1s infinite alternate dir-float}.dir-mosaic__1{animation-delay:.12s,1.4s!important}.dir-mosaic__2{animation-delay:.24s,1.8s!important}.dir-mosaic__3{animation-delay:.36s,2.2s!important}.dir-card{animation:.7s cubic-bezier(.22,1,.36,1) both dir-rise;animation-delay:calc(min(var(--i), 8) * 60ms)}}@keyframes dir-rise{0%{opacity:0;transform:translateY(1rem)}}@keyframes dir-pop{0%{opacity:0;transform:translateY(1.5rem)scale(.96)}}@keyframes dir-float{to{translate:0 -.6rem}}