.drops-directory{padding:0 0 clamp(70px,10vw,130px)}.drops-directory__header{position:relative;left:50%;width:100vw;isolation:isolate;display:grid;min-height:230px;place-items:center;overflow:hidden;margin-left:-50vw;border-block:1px solid var(--rule);background:#0c0c0c;text-align:center}.drops-directory__header:before{content:'0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1';position:absolute;inset:-45% -15%;z-index:-1;color:rgb(245 241 232/.09);font:900 clamp(40px,7vw,110px)/1.45 var(--mono);letter-spacing:.5em;transform:rotate(-14deg);word-break:break-all;animation:drop-binary-drift 18s linear infinite}@keyframes drop-binary-drift{from{translate:12% -8%}to{translate:-12% 8%}}.drops-directory__header:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(rgb(245 241 232/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(245 241 232/.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}.drops-directory__header h1{margin:0;font-size:clamp(4.8rem,10vw,9rem);text-align:center;text-shadow:0 4px 0 #0c0c0c}.drops-directory__controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:center;padding:20px 0}.drops-search{display:flex;align-items:center;min-height:50px;border:1px solid var(--rule);background:#0d0d0d}.drops-search:before{content:'⌕';padding:0 13px;color:var(--blue);font-size:22px}.drops-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:12px var(--mono);letter-spacing:.08em}.drops-search input::placeholder{color:#8e8e8e}.drops-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.drops-filters button{min-height:38px;padding:0 14px;border:1px solid #666;border-radius:999px;background:transparent;color:var(--ink);font:700 11px var(--mono);letter-spacing:.04em}.drops-filters button.is-active{border-color:var(--blue);background:var(--blue);color:#fff}.drops-sort{position:relative;min-height:50px;border:1px solid var(--rule);background:#0d0d0d}.drops-sort summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 36px 0 12px;cursor:pointer;list-style:none}.drops-sort summary::-webkit-details-marker{display:none}.drops-sort summary span{color:var(--muted);font:10px var(--mono);letter-spacing:.08em}.drops-sort summary strong{color:var(--ink);font:700 12px var(--mono)}.drops-sort summary:after{content:'⌄';position:absolute;right:12px;top:50%;transform:translateY(-55%);color:var(--blue);font-size:16px}.drops-sort[open]{border-color:var(--blue)}.drops-sort[open] summary:after{transform:translateY(-45%) rotate(180deg)}.drops-sort__options{position:absolute;right:-1px;top:calc(100% + 8px);z-index:20;display:grid;min-width:190px;padding:6px;border:1px solid var(--blue);background:#0d0d0d;box-shadow:0 14px 28px rgb(0 0 0/.38)}.drops-sort__options a{padding:11px 12px;color:var(--ink);font:700 12px/1.25 var(--mono);text-decoration:none}.drops-sort__options a:hover,.drops-sort__options a:focus-visible,.drops-sort__options a[aria-current=true]{background:var(--blue);color:#fff;outline:0}.drops-directory__count{margin:0 0 18px;padding-top:20px;border-top:1px solid var(--rule);color:var(--muted);font:12px var(--mono)}.drops-directory__grid>div{min-width:0}.drops-directory__empty{padding:48px 0;text-align:center;color:var(--muted);font:700 15px var(--mono)}@media(prefers-reduced-motion:reduce){.drops-directory__header:before{animation:none}}@media(max-width:900px){.drops-directory__controls{grid-template-columns:1fr auto}.drops-filters{grid-column:1/-1;justify-content:flex-start;order:3}.drops-sort{justify-self:end}}@media(max-width:560px){.drops-directory{padding-block:0 48px}.drops-directory__header{min-height:170px}.drops-directory__header h1{font-size:clamp(4rem,18vw,6.3rem)}.drops-directory__controls{grid-template-columns:1fr}.drops-sort{justify-self:stretch}.drops-filters{gap:5px}.drops-filters button{padding:0 11px}.drops-directory__count{padding-top:16px}}