.page-head{padding:36px 0 28px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}.page-head h1{font-family:var(--font-sans);font-weight:400;font-size:clamp(40px,5.5vw,72px);margin:14px 0 0;letter-spacing:-.028em;line-height:.98}.page-head h1 em{font-style:italic;color:var(--cobalt)}.page-head__kicker{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);display:inline-flex;align-items:center;gap:10px}.page-head__kicker .foil-pill{background:var(--vault-foil);color:#1a1408;padding:3px 10px;font-weight:600;letter-spacing:.08em}.page-head__lede{color:var(--ink-soft);font-size:15.5px;margin:12px 0 0;max-width:60ch;line-height:1.5}.page-head__count{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.page-head__count b{font-family:var(--font-sans);font-weight:500;font-size:56px;line-height:1;letter-spacing:-.025em}.page-head__count span{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}@media(max-width:700px){.page-head{grid-template-columns:1fr;gap:20px;padding-top:28px}.page-head__count{align-items:flex-start}}.invite-banner{display:none;margin:0 0 24px}html[data-auth=out] .invite-banner{display:block}.invite-banner__inner{background:linear-gradient(135deg,#fff8e8,#fbefc8);border:1.5px solid #C99655;padding:20px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.invite-banner__icon{width:40px;height:40px;border-radius:50%;background:var(--vault-foil);display:grid;place-items:center;color:#1a1408}.invite-banner b{display:block;font-family:var(--font-sans);font-weight:600;font-size:14px}.invite-banner p{font-size:13px;color:var(--ink-soft);margin:4px 0 0;line-height:1.45}.invite-banner .links{display:flex;gap:8px;flex-wrap:wrap}.invite-banner .links a{padding:10px 16px;font-family:var(--font-sans);font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.invite-banner .links .primary{background:#1a1408;color:var(--snow)}.invite-banner .links .primary:hover{background:var(--ink);color:var(--snow)}.invite-banner .links .secondary{background:var(--snow);color:var(--ink);border:1.5px solid var(--ink)}.invite-banner .links .secondary:hover{background:var(--ink);color:var(--snow)}@media(max-width:800px){.invite-banner__inner{grid-template-columns:1fr;gap:14px;padding:18px}.invite-banner__icon{display:none}}.shell{padding:0 0 var(--s-20);display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}@media(max-width:1000px){.shell{grid-template-columns:1fr;gap:20px}}.filters{position:sticky;top:84px;display:flex;flex-direction:column;padding-bottom:32px;max-height:calc(100vh - 100px);overflow-y:auto}.filters [hidden]{display:none!important}@media(max-width:1000px){.filters{position:static;max-height:none;padding-bottom:0}}.filters__head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--ink);color:var(--snow);border:1.5px solid var(--ink)}.filters__head h2{font-family:var(--font-sans);font-weight:500;font-size:14px;margin:0;color:var(--snow);line-height:1.2}.filters__head .clear{background:0;border:0;cursor:pointer;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#f8f8f4b3;padding:0}.filters__head .clear:hover{color:var(--snow)}.filters__head .clear[hidden]{display:none}.fg{border:1.5px solid var(--ink);border-top:0;background:var(--snow)}.fg__head{width:100%;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:var(--snow-deep);border:0;border-bottom:1px solid var(--line);font:inherit;text-align:left;color:var(--ink)}.fg__head h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--ink);margin:0}.fg__head .ct{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-mute)}.fg__head .ct:empty{display:none}.fg__head .chev{display:none;width:12px;height:12px;margin-left:8px;transition:transform var(--d-fast) var(--ease)}.fg__body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}@media(max-width:1000px){.fg__head .chev{display:block}.fg[data-open] .fg__head .chev{transform:rotate(180deg)}.fg:not([data-open]) .fg__body{display:none}.fg:not([data-open]) .fg__head{border-bottom:0}}.fg select,.toolbar select{font:inherit;font-size:13px;color:var(--ink);background:var(--snow);border:1.5px solid var(--line);border-radius:0;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%230D1019' stroke-width='1.5'><path d='m3 5 3 3 3-3'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;box-shadow:none;max-width:none}.fg select{width:100%;padding:10px 32px 10px 12px}.fg select:focus,.toolbar select:focus{outline:2px solid var(--cobalt);outline-offset:1px;border-color:var(--line)}.frow{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;padding:3px 0;margin:0;font-weight:400;color:var(--ink)}.frow input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;padding:0;border:1.5px solid var(--ink);border-radius:0;background:var(--snow);cursor:pointer;position:relative;flex-shrink:0;box-shadow:none}.frow input[type=checkbox]:checked{background:var(--cobalt);border-color:var(--cobalt)}.frow input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:solid var(--snow);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.frow input[type=checkbox]:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.frow .ct{margin-left:auto;color:var(--ink-mute);font-family:var(--font-mono);font-size:10.5px}.frow-more{background:0;border:0;padding:4px 0 0;margin:0;cursor:pointer;text-align:left;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cobalt)}.frow-more:hover{color:var(--cobalt-deep)}.swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.swatch{width:100%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--line);cursor:pointer;padding:0}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.swatch:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.toolbar{display:flex;gap:12px;align-items:center;padding:14px 18px;background:var(--snow);border:1.5px solid var(--ink);margin-bottom:16px;flex-wrap:wrap}.toolbar .results{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase}.toolbar .results b{color:var(--ink);font-family:var(--font-sans);font-size:14px;letter-spacing:0;text-transform:none;font-weight:500}.toolbar .results .active{color:var(--cobalt)}.toolbar .results .active:empty{display:none}.toolbar .spacer{flex:1}.toolbar select{width:auto;height:36px;padding:0 32px 0 14px;font-size:12.5px}.empty{border:1.5px solid var(--line);padding:40px 20px;text-align:center;color:var(--ink-soft);font-size:14px;margin:0}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile-grid>[data-design-card]{display:flex}.tile-grid>[hidden]{display:none}@media(max-width:1200px){.tile-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.tile-grid{grid-template-columns:1fr 1fr;gap:12px}}.pager{display:flex;justify-content:center;align-items:center;gap:4px;padding:48px 0 16px;font-size:13px;flex-wrap:wrap}.pager:empty{display:none}.pager button,.pager span{min-width:38px;height:38px;padding:0 10px;display:grid;place-items:center;border:1.5px solid transparent;background:0;color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:0;box-shadow:none}.pager button:hover{border-color:var(--line)}.pager button[aria-current]{background:var(--ink);color:var(--snow);border-color:var(--ink);cursor:default}.pager .gap{cursor:default;letter-spacing:.1em}.pager .nav-btn{border:1.5px solid var(--ink);padding:0 16px;color:var(--ink)}.pager .nav-btn:hover{background:var(--ink);color:var(--snow)}.pager .nav-btn:disabled{opacity:.35;cursor:default}.pager .nav-btn:disabled:hover{background:0;color:var(--ink)}
