.creator-home .creator-cards{container:creator-cards/inline-size}.creator-home .creator-shelves{gap:1.75rem;display:grid}.creator-home .creator-shelf{gap:.9rem;min-width:0;display:grid}.creator-home .creator-shelf-head{border-bottom:1px solid var(--line);flex-wrap:nowrap;padding-bottom:.65rem}.creator-home .creator-shelf-head h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.creator-home .creator-shelf-head h3 a{color:var(--text);text-decoration:none}.creator-home .creator-shelf-head h3 a:hover{color:var(--brand-ink)}.creator-home .creator-shelf-head .w3-chip{flex:none}.creator-card-grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid}.creator-card-grid>li{min-width:0;display:flex}@container creator-cards (min-width:34rem){.creator-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.creator-post{width:100%;transition:border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.creator-post:hover{border-color:var(--line-strong);transform:translateY(-1px)}.creator-post:has(.creator-post-title a:focus-visible){outline:2px solid var(--brand-hi);outline-offset:2px}.creator-post-media{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:var(--surface-3);position:relative;overflow:hidden}.creator-post-media img{object-fit:cover}.creator-post-tile{color:#ffffffeb;place-items:center;display:grid;position:absolute;inset:0}.creator-post-tile:before{content:"";background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 75%);mask-image:radial-gradient(circle,#000 20%,#0000 75%)}.creator-post-initial{font-family:var(--font-prose);text-shadow:0 2px 12px #00000059;font-size:3.25rem;font-weight:600;line-height:1;position:relative}.creator-post-tile .creator-lock{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);stroke-width:1.6px;background:#0b0a1059;border:1px solid #ffffff47;border-radius:50%;width:2.75rem;height:2.75rem;padding:.6rem;display:grid;position:relative}.creator-lock{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:.8rem;height:.8rem}.creator-post-body{flex:1;align-content:start;gap:.55rem;padding:.95rem 1.1rem 1.1rem;display:grid}.creator-post-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .75rem;display:flex}.creator-chip-members{border:1px solid color-mix(in srgb, var(--brand-hi) 45%, transparent);background:color-mix(in srgb, var(--brand-hi) 14%, transparent);color:var(--brand-ink)}.creator-home .creator-post-title{-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.015em;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.creator-home .creator-post-title a{color:var(--text);text-decoration:none}.creator-post-title a:after{content:"";position:absolute;inset:0}.creator-post-title a:focus-visible{outline:none}.creator-home .creator-post:hover .creator-post-title a{color:var(--brand-ink)}.creator-post-lead{-webkit-line-clamp:2;line-clamp:2;color:var(--text-2);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}@container creator-cards (max-width:33.99rem){.creator-post{flex-direction:row}.creator-post-media{aspect-ratio:auto;border-right:1px solid var(--line);border-bottom:0;flex:0 0 7.5rem;min-height:7.5rem}.creator-post-initial{font-size:2rem}.creator-post-tile .creator-lock{width:2.25rem;height:2.25rem;padding:.45rem}.creator-post-body{gap:.4rem;min-width:0;padding:.75rem .9rem}.creator-home .creator-post-title{font-size:.95rem}.creator-post-lead{font-size:.8rem}}.creator-shelf-all{min-height:1.75rem;color:var(--brand-ink);flex:none;align-items:center;gap:.3rem;font-size:.85rem;text-decoration:none;display:inline-flex}.creator-shelf-all:hover{text-decoration:underline}.creator-shelf-all:after{content:"→"}.creator-pager{justify-content:center}.creator-home .creator-announcement{gap:.6rem;padding:1rem 1.15rem}@media (prefers-reduced-motion:reduce){.creator-post{transition:none}.creator-post:hover{transform:none}}