.depth-tiles{--tile-w:min(92vw,clamp(25.5em,54vw,51em));position:relative;width:100%;padding-block:clamp(2.5rem,6vw,4.5rem) clamp(4rem,9vw,8rem);overflow:clip}.depth-tiles__collection{position:relative;display:flex;justify-content:center;align-items:center}.depth-tiles__list{display:flex;flex-direction:column;align-items:center;gap:2em;width:100%;padding-inline:1.5rem}.depth-tiles__item{width:min(100%,var(--tile-w))}.depth-tiles[data-depth-tiles-ready]{touch-action:pan-y;user-select:none}.depth-tiles[data-depth-tiles-dragging] .depth-tile{cursor:grabbing}.depth-tiles[data-depth-tiles-dragging] [data-depth-tiles-item]:hover .depth-tile{transform:scale(1) rotate(.001deg)}[data-depth-tiles-ready] .depth-tiles__list{display:grid;place-items:center;width:auto;padding-inline:0}[data-depth-tiles-ready] .depth-tiles__item{grid-area:1/1;width:var(--tile-w);will-change:transform,opacity,filter}.depth-tile{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-surface);background-color:var(--surface);color:var(--foreground);text-decoration:none;transform:scale(1) rotate(.001deg);transition:transform .4s cubic-bezier(.35,1.5,.6,1)}[data-depth-tiles-item]:hover .depth-tile{transform:scale(.95) rotate(.001deg)}.depth-tile:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.depth-tile__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,oklch(.13 .004 285/.94),oklch(.13 .004 285/0) 82%)}.depth-tile__credit{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:.35em;padding:clamp(1.1em,2vw,1.6em);font-size:clamp(1.2rem,1.6vw,1.5rem)}.depth-tile__number{font-size:.9375em;line-height:1;color:var(--accent)}.depth-tile__h{font-size:1.5em}.depth-tile__teaser{max-width:30em;margin-top:.15em;font-size:.9375em;line-height:1.5;opacity:.9;transition:opacity .35s}[data-depth-tiles-item-status=not-active] .depth-tile__teaser{opacity:0}