.plist{grid-template-columns:280px 1fr;align-items:start;gap:32px;display:grid}.filter{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;position:sticky;top:98px}.filter h4{letter-spacing:-.01em;color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:9px;margin:26px 0 12px;padding-bottom:10px;font-size:14.5px;font-weight:700;display:flex}.filter h4:before{content:"";background:var(--grad-cta);border-radius:1px;flex-shrink:0;width:4px;height:15px}.filter h4:first-child{margin-top:0}.filter label{color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:11px;padding:8px 8px 8px 4px;font-size:15px;transition:all .2s;display:flex}.filter label:hover{color:var(--royal);background:#2744a00f}.filter label:has(input:checked){color:var(--royal);font-weight:600}.filter input{width:18px;height:18px;accent-color:var(--royal);cursor:pointer;flex:none}.filter label .f-supp{font-family:var(--font-mono);color:var(--muted);border:1px dashed var(--line-2);border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px}.filter__reset{border:1.5px solid var(--royal);width:100%;height:48px;color:var(--royal);cursor:pointer;background:#2744a012;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:24px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.filter__reset:hover{background:var(--royal);color:#fff}.filter__reset .n{background:var(--royal);color:#fff;min-width:22px;height:22px;font-family:var(--font-mono);border-radius:99px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;display:inline-flex}.filter__reset:hover .n{color:var(--royal);background:#fff}.filter__reset .n[hidden]{display:none}.empty{border:1px dashed var(--line-2);text-align:center;color:var(--muted);border-radius:14px;padding:56px 24px}.empty b{color:var(--ink);font-size:17px}.empty p{margin-top:8px;font-size:14px}@media (max-width:1023px){.plist{grid-template-columns:1fr}.filter{position:static}}.dmn-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dmn{cursor:pointer;aspect-ratio:490/550;border:1px solid var(--line);background:#fff;border-radius:14px;display:block;position:relative;overflow:hidden}.dmn__img{background:var(--surface-2);position:absolute;inset:0;overflow:hidden}.dmn__img img{object-fit:contain;width:100%;height:100%;transition:transform .5s var(--ease-out);padding:3%;display:block;transform:translateY(15%)scale(1.02)}.dmn--v .dmn__img img{transform:translate(22%)scale(1.02)}.dmn:hover .dmn__img img,.dmn.is-open .dmn__img img,.dmn:focus-visible .dmn__img img{transform:none}@media (hover:none){.dmn__img img{transform:none}}.dmn__mask{z-index:1;pointer-events:none;width:100%;height:48%;transition:height 1s var(--ease-out), width 1s var(--ease-out);background:linear-gradient(#fff 0% 52%,#ffffffd9 70%,#fff0 100%);position:absolute;top:0;left:0}.dmn--v .dmn__mask{background:linear-gradient(90deg,#fff 0% 60%,#ffffffd9 76%,#fff0 100%);width:66%;height:100%}.dmn:hover .dmn__mask,.dmn.is-open .dmn__mask{height:0}.dmn--v:hover .dmn__mask,.dmn--v.is-open .dmn__mask{width:0;height:100%}.dmn__txt{z-index:2;transition:all .5s;position:absolute;top:clamp(16px,1.6vw,24px);left:clamp(16px,1.8vw,26px);right:clamp(16px,1.8vw,26px)}.dmn--v .dmn__txt{max-width:48%;inset:auto auto clamp(18px,1.8vw,26px) clamp(13px,1.1vw,20px)}.dmn__txt .d-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;color:var(--azure);font-size:clamp(10.5px,.85vw,12.5px);display:block}.dmn__txt h3{color:var(--ink);letter-spacing:-.01em;margin-top:6px;font-size:clamp(16px,1.4vw,23px);font-weight:700;line-height:1.3}.dmn--v .dmn__txt h3{letter-spacing:-.02em;font-size:clamp(15px,1.2vw,20px)}.dmn__txt .d-en{font-family:var(--font-en);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:clamp(9px,.72vw,10.5px);display:block}.dmn:hover .dmn__txt,.dmn.is-open .dmn__txt{opacity:0}.dmn__hover{z-index:3;text-align:center;opacity:0;visibility:hidden;color:#fff;background:#16214d9e;flex-direction:column;justify-content:center;align-items:center;padding:clamp(16px,1.8vw,28px);transition:all .5s;display:flex;position:absolute;inset:0}.dmn__hover .d-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;color:#8fc0f0;font-size:clamp(10.5px,.85vw,12.5px)}.dmn__hover h3{color:#fff;margin:10px 0 12px;font-size:clamp(17px,1.45vw,25px);font-weight:700}.dmn__hover p{color:#dce7f5;max-width:30ch;font-size:clamp(12px,.95vw,14px);line-height:1.7}.dmn__hover p .d-sum{color:#fff;margin-top:4px;display:block}.dmn__hover .d-go{color:#8fc0f0;align-items:center;gap:7px;margin-top:16px;font-size:13.5px;font-weight:600;display:inline-flex}.dmn:hover .dmn__hover,.dmn.is-open .dmn__hover,.dmn:focus-visible .dmn__hover{opacity:1;visibility:visible}@media (max-width:1279px){.dmn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.dmn-grid{grid-template-columns:1fr 1fr;gap:10px}.dmn{border-radius:10px}.dmn__txt h3{font-size:14px}.dmn__hover p{font-size:11px}}.maker-wall{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:28px;display:grid}.maker-wall .mk{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:72px;padding:14px 18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.maker-wall .mk:hover{border-color:var(--line-2);box-shadow:var(--sh-1);transform:translateY(-2px)}.maker-wall .mk img{object-fit:contain;width:auto;max-width:150px;max-height:30px}