.catalog-page{--catalog-gap:calc(4 * var(--grid-ch));--catalog-flow-gap:calc(2 * var(--line));--catalog-card-w:round(down, calc((var(--col) - 3 * var(--catalog-gap)) / 4), var(--grid-ch))}.catalog>*,.catalog-profile>*,.catalog-cards>*,.catalog-filter-form>*,.profile-card>*,.title-card>*,.title-card-info>*{margin-top:0}.catalog{gap:var(--catalog-flow-gap);flex-direction:column;display:flex}.catalog-profile{--overlay:color-mix(in srgb, var(--color-feature) 67%, transparent);grid-template-columns:calc(15 * var(--grid-ch)) minmax(0, 1fr);grid-template-areas:"avatar.""avatar name""avatar bio""avatar.""avatar filter""avatar.";grid-template-rows:repeat(6, var(--line));column-gap:calc(4 * var(--grid-ch));color:var(--color-text-contrast);align-items:start;row-gap:0;display:grid}@media (width>=691px){.catalog-profile{padding-block:calc(3 * var(--line))}}.catalog-profile:before{background:linear-gradient(var(--overlay), var(--overlay)), var(--catalog-profile-bg) center / cover;background-color:var(--color-feature)}.profile-card{display:contents}.profile-avatar{width:100%;height:calc(6 * var(--line));object-fit:cover;background-color:var(--color-feature);grid-area:avatar;display:block}.profile-name{font-weight:700;font-size:var(--h1-size);grid-area:name;margin:0;display:block}.profile-name a{color:inherit}.profile-name a:hover{text-decoration-line:underline}.profile-bio{color:var(--color-text);grid-area:bio;margin:0}.catalog-filter-form{justify-self:start;gap:var(--grid-ch);grid-area:filter;display:flex}.catalog-filter{width:max-content;position:relative}.catalog-filter:after{content:"▾";top:0;right:var(--grid-ch);height:var(--line);pointer-events:none;align-items:center;display:flex;position:absolute}.catalog-select{width:auto;height:var(--line);padding:0 calc(3 * var(--grid-ch)) 0 var(--grid-ch);font:inherit;line-height:var(--line);color:inherit;background:var(--color-feature);cursor:pointer;appearance:none;border:0;border-radius:0}.catalog-filter-go{height:var(--line);padding:0 var(--grid-ch);font:inherit;line-height:var(--line);color:inherit;background:var(--color-feature);cursor:pointer;border:0}.catalog-filter-go:hover{text-decoration-line:underline}.catalog-cards{align-content:start;gap:var(--catalog-flow-gap) var(--catalog-gap);flex-wrap:wrap;display:flex}.catalog-empty{color:var(--color-text-secondary)}.title-card{flex:0 0 var(--catalog-card-w);color:inherit;flex-direction:column;text-decoration-line:none;display:flex}.title-card-image{width:100%;height:round(up, var(--catalog-card-w), var(--line));background-color:var(--color-feature);overflow:hidden}.title-card-image img{object-fit:cover;width:100%;height:100%;display:block}.title-card--ghost{pointer-events:none}.title-card--ghost .title-card-name,.title-card--ghost .title-card-description{white-space:nowrap;text-overflow:clip;display:block}.title-card-ghost-image{background:0 0;position:relative}.title-card:hover .title-card-image{outline:var(--card-outline-width) solid var(--color-text);outline-offset:calc(-1 * var(--card-outline-width))}.title-card:hover .title-card-name{text-decoration-line:underline}.title-card-info{flex-direction:column;display:flex}.title-card-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.title-card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=640px){.catalog-page{--catalog-gap:calc(2 * var(--grid-ch));--catalog-flow-gap:var(--line);--catalog-card-w:round(down, calc((var(--content-w) - var(--catalog-gap)) / 2), var(--grid-ch));margin-top:0}.catalog-profile{column-gap:calc(2 * var(--grid-ch))}}