.explorer{padding-top:clamp(48px,8vh,96px)}.explorer__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:20px}.explorer__head,.filters{border-bottom:1px solid var(--line)}.filters{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter)}.filters__row{display:flex;align-items:center;gap:clamp(14px,2vw,32px);overflow-x:auto;scrollbar-width:none;padding:14px 0}.filters__row::-webkit-scrollbar{display:none}.filters__btn{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font-family:var(--font-display);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:color .3s}.filters__btn .dot{width:6px;height:6px;background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}.filters__btn:hover,.filters__btn[aria-selected=true]{color:var(--fg)}.filters__btn[aria-selected=true] .dot{background:var(--accent);box-shadow:none}.filters__caret{font-family:var(--font-mono);color:var(--muted)}.filters__count{margin-left:auto;flex:0 0 auto;letter-spacing:.12em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.filters__panel{overflow:hidden}.filters__chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 18px}.chip{padding:8px 12px;border:1px solid var(--line-strong);border-radius:999px;font-family:var(--font-mono);font-size:var(--m-s);color:var(--fg);transition:background .3s,color .3s,border-color .3s}.chip:hover{border-color:var(--fg)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.cards{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,48px) clamp(12px,1.5vw,24px);padding-top:clamp(28px,5vh,64px)}.card__link{display:block;color:var(--fg)}.card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#111;margin:0 0 14px}.card__media img{transition:transform 1.1s var(--ease-out),filter .6s}.card__link:focus-visible .card__media img,.card__link:hover .card__media img{transform:scale(1.05)}.card__body{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"index title" "index meta";column-gap:12px;row-gap:4px;align-items:baseline}.card__index{grid-area:index;color:var(--accent);letter-spacing:.12em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card__title{grid-area:title;position:relative;width:fit-content}.card__title:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-inout)}.card__link:focus-visible .card__title:after,.card__link:hover .card__title:after{transform:scaleX(1);transform-origin:left}.card__meta{grid-area:meta;letter-spacing:.1em}.explorer__empty{padding:48px 0}@media (min-width:640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card[data-col="2"]{transform:translateY(48px)}}.filters__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-inout)}.filters__panel>div{overflow:hidden}.filters__panel[data-open=true]{grid-template-rows:1fr}@keyframes card-in{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}.card{animation:card-in .6s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}@media (min-width:1024px){.card[data-col="2"]{animation-name:card-in-mid}}@keyframes card-in-mid{0%{opacity:0;transform:translate3d(0,66px,0)}to{opacity:1;transform:translate3d(0,48px,0)}}::view-transition-new(root),::view-transition-old(root){animation-duration:.45s}::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.cards[data-collapsed=true]{max-height:165vh;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}.more{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;margin-top:clamp(20px,3vh,36px);padding:22px 24px;border:1px solid var(--line-strong);background:transparent;color:var(--fg);font-family:var(--font-display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:background .35s var(--ease-out),color .35s var(--ease-out),border-color .35s}.more:focus-visible,.more:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.more__arrow{font-family:var(--font-mono);font-size:15px;line-height:1;transition:transform .45s var(--ease-out)}.more__arrow[data-open=true]{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.more,.more__arrow{transition:none}}