.listing-main{z-index:1;min-height:100vh;position:relative}.listing-header{max-width:1060px;margin:0 auto;padding:72px 44px 8px}.listing-title{color:#8551b8;margin-bottom:4px;font-size:clamp(2rem,3.5vw,2.8rem)}.listing-subtitle{max-width:520px;margin-bottom:28px;font-size:1.25rem;line-height:1.42}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.filter-tag{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.filter-tag:hover{transform:scale(1.06)}.filter-active{transform:scale(1.08)}.filter-active .doodle-cloud svg path{stroke-width:3px}.pinboard{column-count:3;column-gap:24px;max-width:1100px;margin:0 auto;padding:36px 44px 120px}.pin-card{break-inside:avoid;cursor:pointer;border:1px solid #dddfe4;border-radius:6px;margin-bottom:22px;padding:22px 20px 18px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:block;position:relative}.pin-card:hover{z-index:5;box-shadow:0 12px 32px #00000014,0 2px 8px #0000000a;transform:rotate(0)scale(1.03)translateY(-4px)!important}.pin-card.pin-soon{cursor:default}.pin-card.pin-soon:hover{box-shadow:none;transform:rotate(var(--card-rot))!important}.pin-card.pin-soon .pin-card-time{opacity:.55;border:1px dashed;border-radius:100px;padding:1px 8px;font-style:italic}.pin-featured{padding:28px 24px 22px}.pin-featured .pin-card-title{font-size:1.35rem}.pin-card-pin{z-index:2;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.pin-card-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pin-card-cat{border:1.5px dashed;border-radius:100px;padding:3px 10px;font-size:.75rem;display:inline-block}.pin-card-time{opacity:.65;font-family:Caveat,cursive;font-size:.82rem}.pin-card-title{margin-bottom:6px;font-size:1.15rem;line-height:1.25}.pin-card-preview{opacity:.85;margin-bottom:8px;font-size:1.05rem;line-height:1.35}.pin-card-date{opacity:.5;font-family:Caveat,cursive;font-size:.8rem;display:block}.listing-doodles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}@media (max-width:900px){.listing-header{padding:52px 22px 8px}.pinboard{column-count:2;padding:28px 22px 100px}}@media (max-width:580px){.pinboard{column-count:1;max-width:400px}.pin-card{transform:rotate(0)!important}.nav-btn-fixed{bottom:16px;right:16px}}
