.cl-showcase-page,.cl-showcase-preview{--show-paper:var(--cl-surface,#fff);--show-ink:var(--cl-ink,#211914);--show-muted:var(--cl-muted,#66564e);color:var(--show-ink);box-sizing:border-box}.cl-showcase-page{max-width:1440px;margin:auto;padding:clamp(20px,4vw,64px)}.cl-showcase-page *,.cl-showcase-preview *{box-sizing:border-box}.cl-showcase-page h1,.cl-showcase-page h2,.cl-showcase-page h3,.cl-showcase-preview h2,.cl-showcase-preview h3{color:var(--show-ink);letter-spacing:-.045em}.cl-showcase-hero{display:grid;grid-template-columns:1.5fr .65fr;gap:4rem;align-items:center;padding:clamp(30px,6vw,90px) 0}.cl-showcase-hero>div>p,.cl-showcase-feedback header>p,.cl-showcase-directory header p,.cl-showcase-preview>header p{color:var(--cl-primary,#c2410c);font-size:.7rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.cl-showcase-hero h1{font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.04;margin:1rem 0 1.5rem;text-wrap:balance}.cl-showcase-hero em{color:var(--cl-primary,#c2410c);font-style:normal}.cl-showcase-hero>div>span,.cl-showcase-preview>header span,.cl-showcase-feedback header>span{color:var(--show-muted);line-height:1.7;display:block;max-width:44rem}.cl-showcase-hero>div>div{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.cl-showcase-hero a,.cl-showcase-preview>header>a{border-radius:999px;background:#f97316;color:#181310;padding:1rem 1.4rem;text-decoration:none;font-weight:800;display:inline-flex;gap:1.5rem;align-items:center}.cl-showcase-hero a+a{background:transparent;color:var(--show-ink);border:1px solid var(--cl-line,#ddd)}.cl-showcase-hero aside{border-radius:50% 50% 24px 24px;background:radial-gradient(circle at 80% 15%,#63300f,transparent 65%),#191310;color:#fff7ed;min-height:350px;padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:0 25px 60px #0002;position:relative;border:1px solid #a65524}.cl-showcase-hero aside>span{font-size:.65rem;color:#fdba74;letter-spacing:.18em;font-weight:850}.cl-showcase-hero aside strong{font-size:5rem;line-height:1.2;letter-spacing:-.06em}.cl-showcase-hero aside small{color:#dac5b6;line-height:1.6}.cl-showcase-hero aside i{color:#fb923c;letter-spacing:.3em;margin-top:1.5rem;font-style:normal}.cl-showcase-feedback{padding:3rem 0;border-top:1px solid var(--cl-line,#ddd);border-bottom:1px solid var(--cl-line,#ddd)}.cl-showcase-feedback h2,.cl-showcase-directory h2,.cl-showcase-preview h2{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.12;margin:.5rem 0 1rem}.cl-showcase-feedback>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:2rem}.cl-showcase-feedback article{padding:1.5rem;background:var(--show-paper);border-radius:20px;border:1px solid var(--cl-line,#ddd)}.cl-showcase-feedback article>span{font-weight:800}.cl-showcase-feedback article strong{display:block;font-size:3rem;margin:.5rem 0}.cl-showcase-feedback article strong small{font-size:1rem;color:var(--show-muted)}.cl-showcase-feedback article>div{height:5px;background:var(--cl-line,#ddd);border-radius:10px;margin:1rem 0}.cl-showcase-feedback article i{display:block;background:#f97316;height:100%;border-radius:inherit}.cl-showcase-feedback article>small{color:var(--show-muted)}.cl-showcase-directory{padding:4rem 0}.cl-showcase-directory>header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.cl-showcase-directory label{display:grid;gap:.5rem;font-size:.75rem;font-weight:800;min-width:220px}.cl-showcase-directory select{background:var(--show-paper);color:var(--show-ink);border:1px solid var(--cl-line,#ddd);padding:.9rem;border-radius:12px;max-width:100%;font:inherit}.cl-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.cl-showcase-card{display:flex;flex-direction:column;gap:1.4rem;padding:1.6rem;border:1px solid var(--cl-line,#ddd);border-radius:24px;background:var(--show-paper);position:relative;overflow:hidden;min-width:0;transition:box-shadow .25s,border-color .25s}.cl-showcase-card:before{content:'';height:4px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,#f97316,#fdba74,transparent)}.cl-showcase-card:hover{border-color:#f97316;box-shadow:0 20px 45px #0001}.cl-showcase-card>header{display:flex;gap:1rem;align-items:center;justify-content:space-between}.cl-showcase-card__avatar{display:grid;place-items:center;width:64px;height:64px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--cl-accent-soft,#ffedd5);color:var(--cl-primary,#c2410c);font-weight:900;font-size:1.6rem}.cl-showcase-card__avatar img{width:100%;height:100%;object-fit:cover}.cl-showcase-card__type{font-size:.6rem;letter-spacing:.04em;font-weight:800;color:var(--show-muted);text-align:right;max-width:9rem}.cl-showcase-card>div>p{color:var(--cl-primary,#c2410c);font-size:.65rem;font-weight:800;margin:0 0 .5rem}.cl-showcase-card h3{font-size:1.55rem;line-height:1.2;margin:0 0 .6rem;overflow-wrap:anywhere}.cl-showcase-card__headline{font-size:.86rem;line-height:1.6;color:var(--show-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cl-showcase-card__tags{display:flex;gap:.4rem;flex-wrap:wrap}.cl-showcase-card__tags span{background:var(--cl-accent-soft,#ffedd5);color:var(--show-ink);border-radius:999px;font-size:.6rem;line-height:1.5;padding:.4rem .65rem;overflow-wrap:anywhere}.cl-showcase-card>footer{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--cl-line,#ddd)}.cl-showcase-card>footer span{color:var(--show-muted);font-size:.65rem}.cl-showcase-card>footer a{color:var(--show-ink);font-size:.75rem;font-weight:850;text-decoration:none}.cl-showcase-card>footer i{color:var(--cl-primary,#c2410c);font-style:normal}.cl-showcase-empty{grid-column:1/-1;padding:2.5rem;border-left:3px solid #f97316;background:var(--show-paper);display:grid;gap:.75rem}.cl-showcase-empty strong{font-size:1.35rem;color:var(--show-ink)}.cl-showcase-empty span{color:var(--show-muted)}.cl-showcase-preview{padding:clamp(2rem,5vw,5rem) max(24px,calc((100vw - 1280px)/2));background:var(--cl-accent-soft,#fff1e7)}.cl-showcase-preview>header{display:flex;align-items:end;gap:3rem;justify-content:space-between;margin-bottom:2.5rem}.cl-showcase-preview>header>a{flex-shrink:0;font-size:.8rem}.cl-showcase-carousel{position:relative}.cl-showcase-carousel__track{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#f97316 transparent;padding:3px 0 1.5rem}.cl-showcase-carousel__track>.cl-showcase-card{flex:0 0 min(350px,85vw);scroll-snap-align:start}.cl-showcase-carousel>button{border:1px solid var(--cl-line,#ddd);background:var(--show-paper);color:var(--show-ink);border-radius:50%;width:44px;height:44px;cursor:pointer;position:absolute;top:45%;z-index:2;box-shadow:0 5px 20px #0002}.cl-showcase-carousel>button:first-child{left:-16px}.cl-showcase-carousel>button:last-child{right:-16px}.cl-showcase-carousel>button:disabled{opacity:.3;cursor:default}.cl-showcase-preview>footer{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.8rem;color:var(--show-muted);font-size:.75rem}.cl-showcase-preview>footer b{color:var(--show-ink);margin-right:.4rem}.cl-showcase-card[hidden],.cl-showcase-no-match[hidden]{display:none!important}.cl-showcase-page :is(a,button,select):focus-visible,.cl-showcase-preview :is(a,button):focus-visible{outline:3px solid #f97316;outline-offset:4px}@media(max-width:900px){.cl-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-showcase-hero{gap:2rem;grid-template-columns:1fr}.cl-showcase-hero aside{min-height:220px;border-radius:24px}.cl-showcase-preview>header,.cl-showcase-directory>header{align-items:start;flex-direction:column;gap:1rem}}@media(max-width:560px){.cl-showcase-grid{grid-template-columns:1fr}.cl-showcase-hero{padding-top:1rem}.cl-showcase-hero h1{font-size:2.9rem}.cl-showcase-directory label{width:100%}.cl-showcase-card{padding:1.3rem}}@media(prefers-reduced-motion:reduce){.cl-showcase-card{transition:none}.cl-showcase-carousel__track{scroll-behavior:auto}}
.cl-showcase-join{border-top:1px solid var(--cl-line,#ddd);margin-bottom:3rem}.cl-showcase-join h2{font-size:clamp(1.8rem,3vw,3rem)}.cl-showcase-join>p{color:var(--cl-muted,#66564e);max-width:48rem;line-height:1.7}.cl-showcase-join form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:960px;margin-top:2rem}.cl-showcase-join label{display:grid;gap:.5rem;font-size:.85rem;font-weight:750;color:var(--cl-ink,#211914)}.cl-showcase-join input:not([type=checkbox]),.cl-showcase-join select{width:100%;background:var(--cl-surface,#fff);color:var(--cl-ink,#211914);border:1px solid var(--cl-line,#ddd);border-radius:12px;padding:1rem;font:inherit}.cl-showcase-join .cl-showcase-consent{grid-column:1/-1;display:flex;align-items:start;line-height:1.6;font-weight:500}.cl-showcase-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#f97316;margin-top:3px}.cl-showcase-join button{justify-self:start}.cl-showcase-filter-status{color:var(--cl-muted,#66564e);font-size:.8rem}@media(max-width:600px){.cl-showcase-join form{grid-template-columns:1fr}}