html:has(.pf-discover),body.pf-discover{height:auto;min-height:100%;overflow:auto}.discover-main{max-width:1740px;margin:auto;padding:0 38px}.discover-topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.discover-topbar input{width:240px;background:white;border:1px solid var(--line);border-radius:8px;padding:10px}.discover-topbar a{text-decoration:none;color:white;padding:11px 16px}.discover-intro{padding:42px 0 28px}.discover-intro h1{font-size:clamp(38px,5vw,72px);letter-spacing:-3px;line-height:1.08;margin:12px 0 18px;font-weight:600}.discover-intro p{font-size:17px;color:var(--muted);margin:0}.discover-filterbar{display:flex;justify-content:space-between;align-items:center;margin:6px 0 26px;gap:12px}.discover-filterbar a{font-size:12px;text-decoration:none}.discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}.discover-card{display:block;text-decoration:none;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:transform .18s,box-shadow .18s;position:relative}.discover-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #20212412}.discover-card canvas,.discover-card img{display:block;width:100%;height:260px;object-fit:cover}.discover-card:nth-child(3n+2) canvas{height:290px}.discover-grid{align-items:start}.discover-card-meta{padding:15px 16px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.discover-card h3{font-size:16px;font-weight:600;letter-spacing:-.4px;margin:0 0 6px}.discover-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.discover-card-meta>span{color:var(--accent);font-size:18px}.discover-badge{position:absolute;top:12px;left:12px;border-radius:5px;background:#ffffffeb;padding:5px 8px;color:#30384d;font:10px var(--mono);pointer-events:none}.discover-section-heading{display:flex;justify-content:space-between;align-items:center;margin:50px 0 24px;gap:18px}.discover-section-heading h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.discover-section-heading a{font-size:12px;text-decoration:none}.discover-labs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:52px 0}.discover-labs a{background:white;padding:26px;border:1px solid var(--line);border-radius:9px;text-decoration:none;display:grid;gap:12px}.discover-labs b{font-size:20px;font-weight:600;letter-spacing:-.6px}.discover-labs span{font-size:12px;line-height:1.6;color:var(--muted)}.discover-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:20px 0 30px;font-size:11px;color:var(--muted)}.pf-discover .filters{margin-bottom:20px}.pf-discover .filters button{background:white;border:1px solid var(--line);color:var(--text);font:12px var(--sans);border-radius:6px;padding:8px 12px}.pf-discover .filters button.active{color:var(--accent);background:#edf0ff}.pf-discover #templateGrid{display:grid;grid-auto-rows:auto}.pf-discover .pf-button.primary{background:var(--accent)}
@media(min-width:1500px){.discover-card canvas{height:330px}.discover-card:nth-child(3n+2) canvas{height:360px}}
@media(max-width:1000px){.discover-main{padding:0 24px}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discover-card canvas,.discover-card:nth-child(3n+2) canvas{height:240px}.discover-labs{grid-template-columns:1fr}.discover-topbar>span{display:none}}
@media(max-width:620px){.discover-main{padding:0 16px}.discover-grid{grid-template-columns:1fr}.discover-topbar{height:auto;min-height:90px}.discover-topbar input{width:100%}.discover-intro h1{letter-spacing:-1.5px}.discover-filterbar{align-items:flex-start;flex-direction:column}.discover-section-heading{align-items:flex-start;flex-direction:column}.discover-card canvas,.discover-card:nth-child(3n+2) canvas{height:320px}}
.discover-card canvas,.discover-card img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s}.discover-card:nth-child(3n+2) img{height:290px}.discover-card.artwork-card:hover img,.discover-card.artwork-card:focus-visible img{transform:scale(1.035);filter:saturate(1.08)}
@media(min-width:1500px){.discover-card img{height:330px}.discover-card:nth-child(3n+2) img{height:360px}}
@media(max-width:1000px){.discover-card img,.discover-card:nth-child(3n+2) img{height:240px}}
@media(max-width:620px){.discover-card img,.discover-card:nth-child(3n+2) img{height:320px}}