Pimoroni

About

/* ============================ Circuitrocks — Collection Copy (scoped) Pimoroni brand page ============================ */ #crx-pimoroni{ --crx-primary:#2E7D32; --crx-primary-600:#1f6a2a; --crx-primary-2:#4CAF50; --crx-text:#0f172a; --crx-muted:#475569; --crx-border:#e5e7eb; --crx-bg:#f7fbf8; --crx-card:#ffffff; --crx-soft:#ecfdf3; --crx-warm:#fff7ed; --crx-warm-border:#fed7aa; --crx-shadow:0 10px 26px rgba(2,6,23,.08); --crx-radius:18px; font-size:18px; line-height:1.75; color:var(--crx-text); } #crx-pimoroni .section + .section{margin-top:18px} #crx-pimoroni h2{ font-size:1.85rem; line-height:1.2; margin:0 0 .7rem; letter-spacing:-.02em; } #crx-pimoroni h3{ font-size:1.28rem; line-height:1.3; margin:0 0 .75rem; letter-spacing:-.01em; } #crx-pimoroni p{margin:.65rem 0;color:var(--crx-text)} #crx-pimoroni .muted{color:var(--crx-muted)} #crx-pimoroni a{ color:var(--crx-primary); text-decoration:underline; text-underline-offset:2px; } #crx-pimoroni a:hover{color:var(--crx-primary-2)} /* hero */ #crx-pimoroni .crx-hero{ position:relative; overflow:hidden; background:linear-gradient(180deg,var(--crx-bg) 0%, #ffffff 100%); border:1px solid var(--crx-border); border-radius:22px; padding:22px; box-shadow:var(--crx-shadow); margin:0 0 16px; } #crx-pimoroni .crx-hero::after{ content:""; position:absolute; right:-40px; top:-40px; width:180px; height:180px; border-radius:999px; background:radial-gradient(circle, rgba(76,175,80,.16) 0%, rgba(76,175,80,0) 70%); pointer-events:none; } #crx-pimoroni .crx-kicker{ display:inline-flex; align-items:center; gap:8px; padding:.35rem .8rem; border-radius:999px; background:var(--crx-soft); border:1px solid rgba(46,125,50,.14); color:#166534; font-weight:700; font-size:.92rem; margin-bottom:.85rem; } #crx-pimoroni .crx-hero-copy{ max-width:900px; position:relative; z-index:1; } #crx-pimoroni .crx-hero p:last-child{margin-bottom:0} /* badges */ #crx-pimoroni .crx-badges{ display:flex; flex-wrap:wrap; gap:8px; margin:.9rem 0 0; } #crx-pimoro