/* Scoped animal-to-medicine discovery section. */

#venomics-reveal{--bg:#040611;--cyan:#00e5ff;--fg:#f5f8ff;--muted:#a9b6ce;background:transparent;color:var(--fg);padding:0;font:14px/1.6 var(--font-display,'Space Grotesk'),system-ui,sans-serif;isolation:isolate}
#venomics-reveal *{box-sizing:border-box}#venomics-reveal h2,#venomics-reveal h3,#venomics-reveal p{margin:0}#venomics-reveal .heading{text-align:center;max-width:850px;margin:auto}#venomics-reveal .eyebrow{color:var(--cyan);font:11px/1.5 monospace;letter-spacing:2px;margin-bottom:14px}#venomics-reveal h2{font-size:clamp(30px,4.2vw,52px);line-height:1.13;letter-spacing:-1.3px;font-weight:600}#venomics-reveal .sub{margin:15px auto 0;color:var(--muted);max-width:650px;font-size:14px}#venomics-reveal .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}#venomics-reveal article{background:linear-gradient(150deg,#0c1423,#070b17);border:1px solid #1d2a3f;border-radius:14px;overflow:hidden;min-width:0;transition:border-color .3s}#venomics-reveal article[data-revealed="true"]{border-color:#127d96}#venomics-reveal .topline{padding:16px 16px 0;display:flex;justify-content:space-between;align-items:center;gap:8px;font:11px/1.6 monospace;color:var(--muted)}#venomics-reveal .approved{color:#8ce9ee}#venomics-reveal .reveal{--p:0;position:relative;width:100%;height:clamp(220px,24vw,310px);display:block;background:#040611;border:0;padding:0;margin:13px 0 0;color:var(--fg);overflow:hidden;touch-action:pan-y;cursor:pointer}#venomics-reveal .reveal:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}#venomics-reveal .animal{position:absolute;inset:0;object-fit:contain;object-position:center;width:100%;height:100%;opacity:calc(1 - var(--p));transform:scale(calc(1 - var(--p)*.08));pointer-events:none}#venomics-reveal .reveal canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#venomics-reveal .view-label{position:absolute;left:12px;bottom:8px;right:12px;font:11px/1.5 monospace;letter-spacing:.8px;color:#c3d6ed;text-align:center;pointer-events:none}#venomics-reveal .body{padding:16px 17px 18px}#venomics-reveal .species{font-size:11px;color:var(--muted);line-height:1.5;min-height:33px}#venomics-reveal h3{font-size:22px;letter-spacing:-.6px;line-height:1.25;margin-top:9px}#venomics-reveal .brand{font-size:12px;color:var(--muted);min-height:20px;margin-top:2px}#venomics-reveal .description{font-size:12px;color:#c0cce0;line-height:1.65;min-height:80px;margin-top:13px}#venomics-reveal .hint{font-size:11px;color:var(--cyan);margin-top:15px;padding-top:12px;border-top:1px solid #203045}#venomics-reveal .bridge{text-align:center;font-size:19px;line-height:1.45;letter-spacing:-.25px;margin:28px auto 0;max-width:610px}#venomics-reveal .bridge span{color:var(--cyan)}#venomics-reveal .references{margin-top:22px;color:var(--muted);font-size:11px;line-height:1.7;text-align:center}#venomics-reveal a{color:#99ccdf;text-decoration:underline;text-underline-offset:3px}#venomics-reveal .screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){#venomics-reveal{padding:0}#venomics-reveal .grid{grid-template-columns:1fr;gap:20px;max-width:440px;margin:26px auto 0}#venomics-reveal .reveal{height:300px}#venomics-reveal .description{min-height:0}#venomics-reveal .species{min-height:0}#venomics-reveal .body{padding:19px 22px}#venomics-reveal .brand{min-height:0}#venomics-reveal h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){#venomics-reveal article{transition:none}}

#proof-of-concept { background: #040611; scroll-margin-top: 130px; }
#venomics-reveal .reveal { font:inherit; border-radius:0; box-shadow:none; }
#venomics-reveal .reveal::before, #venomics-reveal .reveal::after { content:none; }
#venomics-reveal .references { max-width:850px; margin-left:auto; margin-right:auto; }
#venomics-reveal .heading .sub { font-size:clamp(15px,1.5vw,19px); }

/* The source image stays as the no-script / reduced-motion fallback. */
#venomics-reveal .animal-motion-ready .animal { visibility: hidden; }
#venomics-reveal .reveal .animal-motion {
  position: absolute;
  inset: 0;
  display: block;
  opacity: calc(1 - var(--p));
  transform: scale(calc(1 - var(--p) * .08));
  pointer-events: none;
}
#venomics-reveal .animal-scene { position: absolute; display: block; }
#venomics-reveal .animal-scene canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
@media (prefers-reduced-motion: reduce) {
  #venomics-reveal .animal-motion-ready .animal { visibility: visible; }
  #venomics-reveal .reveal .animal-motion { visibility: hidden; }
}