Bio-Bombs

About

.ds-bb{ --blue:#0f63b3; --blue2:#238bed; --red:#ed2326; --ink:#1a1a1a; --body:#2a2a2a; --muted:#6c6e7a; --line:#d8daff; --tint:#eaebfd; --soft:#f8faff; --soft2:#f5f6ff; --amber-bg:#fff5e6; --amber-tx:#8a5a00; font-family:'Barlow',system-ui,sans-serif; color:var(--body); line-height:1.6; max-width:1100px; margin:0 auto; padding:0 18px; } .ds-bb *{box-sizing:border-box} .ds-bb h1,.ds-bb h2,.ds-bb h3{font-family:'Saira',sans-serif;color:var(--ink);line-height:1.14;margin:0} .ds-bb p{margin:0 0 14px} .ds-bb a{color:var(--blue);text-decoration:none} /* ---- Hero (compact, 3 lines) ---- */ .ds-bb__hero{ background:linear-gradient(135deg,var(--soft) 0%,var(--tint) 100%); border:1px solid var(--line); border-radius:18px; padding:24px 26px 20px; margin:8px 0 14px; text-align:center; } .ds-bb__eyebrow{ font-family:'Barlow Semi Condensed',sans-serif;font-weight:700;text-transform:uppercase; letter-spacing:.14em;font-size:13px;color:var(--blue2);margin:0 0 8px; } .ds-bb__hero h1{font-size:clamp(24px,3.6vw,38px);font-weight:800;color:var(--blue);letter-spacing:-.01em} .ds-bb__hook{ font-family:'Saira',sans-serif;font-weight:700;font-size:clamp(17px,2.4vw,22px); color:var(--red);margin:10px 0 0; } /* ---- Collapsible ---- */ .ds-bb__more{ border:1px solid var(--line);border-radius:14px;background:#fff; margin:0 0 18px;overflow:hidden; } .ds-bb__more summary{ list-style:none;cursor:pointer;text-align:center;padding:14px 20px; font-family:'Saira',sans-serif;font-weight:700;font-size:16px;color:var(--blue); background:var(--soft2);transition:background .15s ease; } .ds-bb__more summary::-webkit-details-marker{display:none} .ds-bb__more summary:hover{background:var(--tint)} .ds-bb__more summary .chev{display:inline-block;transition:transform .2s ease;margin-left:6px} .ds-bb__more[open] summary .chev{transform:rotate(180deg)} .ds-bb__more[open] summary{border-bottom:1px solid var(--line)} .ds-bb__inner{padding:28px 30px 32px} .ds-bb__lead{font-size:clamp(15px,1.8vw,18px);color:var(--b