:root{--bg: #fbf7f5;--panel: #ffffff;--muted: #6b7280;--accent: #ef4444;--accent-2: #7c3aed;--text: #081026;--container: 1180px;--card-radius: 16px;--soft-shadow: 0 18px 50px rgba(8, 16, 30, .08);--micro-shadow: 0 8px 26px rgba(8, 16, 30, .06);--accent-grad: linear-gradient(90deg, var(--accent), var(--accent-2))}body{background:linear-gradient(180deg,#fffaf6,#fff6f0);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:var(--container);margin:0 auto;padding:0 16px}.clikker-archive{padding:36px 0 88px}.hero{text-align:center;margin-bottom:18px}.hero .eyebrow{display:inline-block;background:var(--accent-grad);color:#fff;padding:8px 14px;border-radius:999px;font-weight:800;font-size:13px;box-shadow:0 8px 28px #7c3aed1f}.hero h1{font-size:28px;margin:12px 0 6px;font-weight:900}.hero p{color:var(--muted);margin:0;font-size:14px}.spotlight-hero{position:relative;margin-top:18px;border-radius:14px;overflow:visible}.spotlight-hero .hero-wrapper{border-radius:14px;overflow:hidden;box-shadow:var(--soft-shadow);border:1px solid rgba(8,16,30,.04)}.spotlight-hero img.hero-bg{width:100%;height:540px;object-fit:cover;display:block}.spotlight-hero .overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none;background:linear-gradient(180deg,#04080c38,#04080c1f)}.spotlight-card{position:absolute;left:50%;transform:translate(-50%);bottom:-62px;width:calc(100% - 160px);max-width:980px;background:var(--panel);border-radius:14px;padding:28px 32px;box-shadow:0 20px 60px #08101e1f;border:1px solid rgba(8,16,30,.04);z-index:12;text-align:center;display:flex;flex-direction:column;gap:12px}.spotlight-card .tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff;font-weight:800;color:var(--accent);box-shadow:0 6px 18px #7c3aed0f;font-size:13px}.spotlight-card h2{font-size:26px;margin:6px 0;font-weight:900;line-height:1.08;color:var(--text)}.spotlight-card .meta{font-size:13px;color:var(--muted);margin-bottom:6px}.spotlight-card p.lead{color:#334155;margin:0 auto;max-width:760px;line-height:1.65}.spotlight-ctas{display:flex;gap:12px;justify-content:center;margin-top:10px;flex-wrap:wrap}.btn-primary{background:var(--accent-grad);color:#fff;padding:12px 18px;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:0 10px 30px #ef44441f;transition:.25s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #ef444426}.btn-secondary{background:transparent;border:1px solid rgba(8,16,30,.06);padding:10px 16px;border-radius:999px;font-weight:700;color:var(--muted);text-decoration:none;transition:.25s}.btn-secondary:hover{background:#08101e0a}.grid{display:grid;gap:26px;grid-template-columns:repeat(3,1fr);margin-top:120px}.card{border-radius:14px;padding:18px;background:linear-gradient(180deg,#fff,#fff);box-shadow:0 10px 30px #08101e0f;border:1px solid rgba(8,16,30,.04);display:flex;flex-direction:column;min-height:260px;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-8px);box-shadow:0 26px 60px #08101e1f}.card .topbar{height:8px;width:100%;border-radius:8px;background:linear-gradient(90deg,#ef4444f2,#7c3aedf2);margin-bottom:12px;box-shadow:0 6px 18px #7c3aed0f}.title-row{display:flex;align-items:flex-start;margin-bottom:8px}.thumb-small{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;margin-right:12px;background:#f7f5f3}.thumb-small img{width:100%;height:100%;object-fit:cover}.title-row .title{font-size:16px;font-weight:800;margin:0;color:var(--text);line-height:1.3}.meta{font-size:13px;color:var(--muted);margin-bottom:8px}.excerpt{font-size:14px;color:#334155;line-height:1.65;flex:1}.card-foot{display:flex;align-items:center;gap:12px;margin-top:16px}.cta{background:var(--accent-grad);color:#fff;padding:10px 14px;border-radius:999px;font-weight:800;text-decoration:none;box-shadow:0 8px 22px #ef44441a;transition:all .2s ease}.cta:hover{transform:translateY(-2px)}.read-time{font-size:13px;color:var(--muted);margin-left:auto}.card .share{position:absolute;right:14px;top:14px;background:#fffc;border-radius:999px;border:0;padding:8px;cursor:pointer;box-shadow:var(--micro-shadow);color:var(--muted);font-size:14px}.join-creator{margin-top:80px;text-align:center;background:linear-gradient(180deg,#fff7f3,#fdf1ec);padding:70px 0;border-radius:16px;box-shadow:0 14px 50px #08101e0f}.join-box h3{font-size:26px;font-weight:900;margin-bottom:10px}.join-box p{font-size:15px;color:var(--muted);margin-bottom:22px;max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 1100px){.grid{grid-template-columns:repeat(2,1fr)}.spotlight-hero img.hero-bg{height:480px}.spotlight-card{width:calc(100% - 48px);bottom:-48px;padding:20px}}@media (max-width: 720px){.container{padding:0 14px}.grid{grid-template-columns:1fr;margin-top:28px}.spotlight-hero img.hero-bg{height:300px}.spotlight-card{position:static;transform:none;width:calc(100% - 28px);margin:-48px auto 0;padding:16px;text-align:left;border-radius:12px}.spotlight-card h2{font-size:20px}.spotlight-card p.lead{font-size:15px;line-height:1.6}.btn-primary,.btn-secondary{padding:10px 14px;font-size:14px}.card{padding:14px;min-height:220px}.title-row .title{font-size:15px}.thumb-small{width:40px;height:40px;margin-right:10px}.excerpt{font-size:13px}.card .topbar{height:6px;border-radius:6px}.join-creator{padding:50px 0;margin-top:48px}.join-box h3{font-size:20px}.join-box p{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/clikker-spotlight.css.map */