.depth-tiles{width:100%;min-height:clamp(34em,78vh,46em);overflow:clip}.depth-tiles,.depth-tiles__collection{display:flex;justify-content:center;align-items:center;position:relative}.depth-tiles__list{display:grid;place-items:center;cursor:grab}.depth-tiles__list.is-dragging{cursor:grabbing}.depth-tiles__item{grid-area:1/1;display:flex;justify-content:center;align-items:center;width:max-content;height:max-content;will-change:transform,opacity,filter}.depth-card{position:relative;display:block;aspect-ratio:9/16;width:clamp(11em,17vw,17em);border:0;padding:0;margin:0;border-radius:1.25em;overflow:hidden;background-color:#000;color:#fff;cursor:inherit;user-select:none;-webkit-user-select:none;transition:transform .4s cubic-bezier(.35,1.5,.6,1);transform:scale(1) rotate(.001deg)}.depth-tiles__item:hover .depth-card{transform:scale(.96) rotate(.001deg)}.depth-tiles__list.is-dragging .depth-tiles__item:hover .depth-card{transform:scale(1) rotate(.001deg)}.depth-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.depth-card__img{width:100%;height:100%;object-fit:cover}.depth-card__img,.depth-card__scrim{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.depth-card__scrim{z-index:2;background-image:linear-gradient(0deg,rgb(0 0 0/60%),transparent 42%)}.depth-card__info{z-index:3;display:flex;align-items:center;gap:.5em;width:100%;padding:1.25em;font-size:clamp(.8em,1.1vw,1em);position:absolute;bottom:0;left:0;text-align:left}.depth-card__dot{flex:none;width:.5em;height:.5em;border-radius:100em;background-color:currentColor}.depth-card__p{margin:0;font-size:1.05em;font-weight:500;letter-spacing:-.02em;line-height:1.15}@media (prefers-reduced-motion:reduce){.depth-card,.depth-tiles__item:hover .depth-card{transition:none;transform:none}}