.hp-slide{scroll-snap-align:start;border:1px solid var(--hp-border);border-radius:4px;flex-direction:column;flex:0 0 clamp(258px,76vw,296px);display:flex;overflow:hidden}.hp-slide--preview{transition:transform .25s,box-shadow .25s}.hp-slide--preview:hover{transform:translateY(-3px);box-shadow:0 10px 24px #10101a1f}.hp-slide--preview:hover .hp-creator-card__img{transform:scale(1.06)}.hp-slide--preview .hp-slide__body{flex:1}.hp-slide__body{flex-direction:column;gap:7px;padding:16px;display:flex}.hp-slide__text{color:var(--hp-ink-sub);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:4.5em;margin:2px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.hp-creator-card{flex-basis:clamp(248px,74vw,284px)}.hp-creator-card__media{aspect-ratio:1;border-bottom:1px solid var(--hp-border);background:linear-gradient(135deg, var(--hp-border) 0%, transparent 62%), var(--hp-bg);position:relative;overflow:hidden}.hp-creator-card__img{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block;position:absolute;inset:0}.hp-creator-card__video{z-index:2;object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.hp-creator-card__video[data-playing=true]{opacity:1}.hp-creator-card--motion:hover .hp-creator-card__img{transform:none}.hp-creator-card__body{min-height:330px}.hp-creator-card--compact .hp-creator-card__body{min-height:0}.hp-creator-card__name{min-height:calc(2.44em + 3px);color:var(--hp-ink);flex-direction:column;gap:3px;margin:4px 0 0;font-size:17px;font-weight:600;line-height:1.22;display:flex}.hp-creator-card__identity{flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex}.hp-creator-card__prefix{color:inherit}.hp-creator-card__post{font-family:var(--sw-font-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--hp-ink-faint);font-size:10.5px;font-weight:500;line-height:1.25}.hp-creator-card__about{-webkit-line-clamp:4;line-clamp:4;min-height:6em}.hp-creator-card__headline{-webkit-line-clamp:2;line-clamp:2;min-height:3em}.tm-grid .hp-creator-card__headline{-webkit-line-clamp:none;line-clamp:none;min-height:0;font-family:var(--sw-font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--hp-ink-faint);margin-top:2px;font-size:10.5px;line-height:1.45;display:block;overflow:visible}.tm-grid .hp-creator-card__about{-webkit-line-clamp:6;line-clamp:6;min-height:0;font-size:15px;line-height:1.6}.tm-grid .hp-creator-card__about--expanded{-webkit-line-clamp:none;line-clamp:none;display:block;overflow:visible}.hp-creator-card__more{font-family:var(--sw-font-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--hp-accent);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;margin-top:10px;padding:0;font-size:10.5px;font-weight:500;transition:opacity .15s;display:inline-flex}.hp-creator-card__more:hover{opacity:.72}.hp-creator-card__more svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .2s}.hp-creator-card__more[aria-expanded=true] svg{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.hp-creator-card__more svg{transition:none}}.tm-grid .hp-slide__body{padding:22px}@media (prefers-reduced-motion:reduce){.hp-slide--preview,.hp-creator-card__img,.hp-creator-card__video{transition:none}.hp-slide--preview:hover,.hp-slide--preview:hover .hp-creator-card__img{transform:none}}.tm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tm-grid>li{display:flex}.tm-grid .hp-creator-card{scroll-margin-top:84px;transition:border-color .25s,box-shadow .25s}.tm-grid .hp-creator-card:focus{outline:none}.tm-grid .hp-creator-card[data-arrived=true]{border-color:var(--hp-accent);box-shadow:0 0 0 2px var(--hp-accent)}@media (prefers-reduced-motion:reduce){.tm-grid .hp-creator-card{transition:none}}.tm-grid .hp-slide{flex:auto;width:100%}@media (max-width:1080px){.tm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.tm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.tm-grid{grid-template-columns:minmax(0,1fr)}}