.mem-hw{width:100%;max-width:calc(var(--page-max) + var(--page-gutter) * 2);padding:56px var(--page-gutter) 10px;color:#3a3e44;margin:0 auto}.mem-hw-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:24px;display:flex}.mem-hw-head-text{min-width:0}.mem-hw-head h2{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.mem-hw-head p{color:#4b4e54;margin:6px 0 0;font-size:17px}.mem-hw-more{color:#82868c;flex:none;align-items:center;gap:4px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.mem-hw-more:hover{color:#3a3e44}.mem-hw-more svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.mem-hw-cats{flex-wrap:wrap;gap:8px;margin:-12px 0 24px;display:flex}.mem-hw-cats button{color:#4b4e54;white-space:nowrap;cursor:pointer;background:#f2f3f5;border:none;border-radius:6px;flex:none;padding:7px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:background .14s,color .14s}.mem-hw-cats button:hover{background:#e7e9ec}.mem-hw-cats button.on{color:#fff;background:#181c23;font-weight:700}@media (min-width:1025px){.mem-hw .mem-pick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mem-hw .mem-pick-img{aspect-ratio:10/9;height:auto}}@media (max-width:640px){.mem-hw{padding:36px var(--page-gutter) 8px}.mem-hw-head{margin-bottom:18px}.mem-hw-head h2{font-size:21px;font-weight:600}.mem-hw-head p,.mem-hw-more{font-size:14px}.mem-hw-more svg{width:17px;height:17px}.mem-hw-cats{gap:6px;margin-top:-6px}.mem-hw-cats button{border-radius:5px;padding:4px 9px;font-size:13px}}@media (max-width:1024px) and (min-width:641px){.mem-hw .mem-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (max-width:768px){.mem-home-v2 .mem-hw .mem-pick-grid{margin-inline:calc(var(--page-gutter) * -1 + 8px)}.mem-home-v2 .mem-hw-head,.mem-home-v2 .mem-hw-cats{margin-left:calc(var(--page-gutter) * -1 + 8px);margin-right:calc(var(--page-gutter) * -1 + 8px)}}
.mem-filter{--f-ink:#43332f;--f-ink-2:#775e55;--f-ink-3:#886a63;--f-muted:#6b5a55;--f-line:#eadccf;--f-paper:#fffdfd;margin:0 0 20px}.mem-filter-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;--fl:0px;--fr:0px;--fade:56px;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fl), #000 calc(100% - var(--fr)), transparent 100%);overflow-x:auto}.mem-filter-scroll::-webkit-scrollbar{display:none}.mem-filter-scroll.can-left{--fl:var(--fade)}.mem-filter-scroll.can-right{--fr:var(--fade)}.mem-filter-stack{flex-direction:column;gap:6px;width:max-content;min-width:100%;display:inline-flex}.mem-filter-row{flex-wrap:nowrap;flex:none;gap:6px;display:flex}.mem-filter-group{flex:none;gap:6px;display:inline-flex}.mem-filter-div{background:var(--f-line);flex:none;align-self:center;width:1px;height:16px;margin:0 4px}.mem-filter-chip{white-space:nowrap;cursor:pointer;color:var(--f-muted);background:#fff;border:1px solid #0000000f;border-radius:999px;flex:none;padding:6px 12px;font-family:inherit;font-size:14px;font-weight:500}.mem-filter-chip:hover{border-color:var(--f-ink-3)}.mem-filter-chip.selected{background:var(--f-ink);color:var(--f-paper);border-color:var(--f-ink)}@media (max-width:768px){.mem-filter-chip{font-size:14px}}@media (max-width:1024px){.mem-filter{display:none}.mem-home-v2 .mem-pfb{margin-bottom:16px}}@media (min-width:769px){.mem-filter-stack{gap:12px}}@media (max-width:640px){.mem-filter-stack .mem-filter-chip{font-size:13px}}
