.cm{max-width:1240px;padding:clamp(88px,10vw,120px) var(--g,20px) 80px;color:var(--ink);font:500 15px/1.5 var(--sans);margin:0 auto}.cm :where(h1,h2,p,ul){margin:0}.cm ul{padding:0;list-style:none}.cm a{color:inherit;text-decoration:none}.cm-hero{max-width:760px;padding:32px 0 36px}.cm-eyebrow{font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--brand)}.cm-eyebrow a:hover{text-decoration:underline}.cm h1{font:300 clamp(40px,6vw,76px)/1 var(--display);letter-spacing:-.03em;margin-top:14px}.cm-sub{color:var(--ink-2);max-width:620px;margin-top:16px;font-size:17px}.cm-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px;display:grid}.cm-grid li{animation:cm-in .72s var(--e-out) both;animation-delay:calc(var(--i) * 60ms)}.cm-card{height:100%;transition:transform var(--t2) var(--e-out),box-shadow var(--t2);background:#fff;border-radius:26px;display:grid;overflow:hidden;box-shadow:0 1px 2px #28141e0a,0 14px 34px -16px #28141e29}.cm-card:hover{transform:translateY(-4px);box-shadow:0 1px 2px #28141e0d,0 24px 50px -20px #28141e42}.cm-cover{aspect-ratio:16/10;background:var(--stone);display:block;overflow:hidden}.cm-cover img{object-fit:cover;width:100%;height:100%;filter:var(--grade);transition:transform .9s var(--e-out)}.cm-card:hover .cm-cover img{transform:scale(1.05)}.cm-body{gap:8px;padding:16px 18px 18px;display:grid}.cm-body b{font:400 22px/1.15 var(--serif);letter-spacing:-.01em}.cm-desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.cm-meta{color:var(--ink-3);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.cm-faces{display:flex}.cm-faces .avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:26px;height:26px;margin-left:-8px}.cm-faces .avatar:first-child{margin-left:0}.cm-empty{color:var(--ink-3);padding:60px 0}.cm-head{align-items:end;gap:28px;padding:24px 0 40px;display:grid}.cm-headcover{aspect-ratio:21/9;background:var(--stone);border-radius:30px;display:block;overflow:hidden;box-shadow:0 30px 60px -34px #1e0f1480}.cm-headcover img{object-fit:cover;width:100%;height:100%;filter:var(--grade)}.cm-headtext{justify-items:start;gap:12px;display:grid}.cm-head h1{margin-top:0}.cm-join{color:#fff;height:50px;transition:transform var(--t2) var(--e-out);background:linear-gradient(#7d353b,#763137 45%,#6b2c32);border-radius:9999px;align-items:center;margin-top:6px;padding:0 24px;font-weight:700;display:inline-flex;box-shadow:0 14px 30px -12px #76313799}.cm-join:hover{transform:translateY(-2px)}.cm-h2{font:400 28px/1.1 var(--serif);margin-bottom:16px}.cm-wall{columns:3 260px;column-gap:14px}.cm-wall li{break-inside:avoid;background:var(--stone);border-radius:20px;margin-bottom:14px;position:relative;overflow:hidden}.cm-wall img{width:100%;filter:var(--grade);display:block}.cm-wall li.text{background:#fff;padding:20px}.cm-wall li.text p{font:400 19px/1.35 var(--serif)}.cm-by{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#13101273;border-radius:9999px;align-items:center;gap:8px;height:32px;padding:3px 12px 3px 3px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:10px}.cm-wall li.text .cm-by{color:var(--ink);background:#17141a0f;margin-top:12px;position:static}.cm-by .avatar{object-fit:cover;border-radius:50%;width:26px;height:26px}@media (min-width:900px){.cm-head{grid-template-columns:1.3fr 1fr}}@keyframes cm-in{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){.cm *{transition:none!important;animation:none!important}}
