.ex-scene{margin:0;min-width:0}.ex-scene svg{display:block;width:100%;height:auto;max-height:none;overflow:visible;isolation:isolate}.ex-scene svg text{font-family:'Helvetica Neue',Arial,sans-serif;font-size:23px;font-weight:450;fill:#e1edf1;stroke:none}.ex-scene svg .ex-small{font-size:20px;fill:#a9c3d1}.ex-scene svg .ex-eyebrow{font-size:15px;letter-spacing:2px;fill:#91c6cd}.ex-scene figcaption{font-size:14px;line-height:1.65;color:#aac0d1;margin:15px 4px 0}.ex-grid{opacity:.055}.ex-wire,.ex-grid path{fill:none;stroke:#acd6e1;stroke-width:1}.ex-water{fill:#7195b1;opacity:.19;animation:ex-drift 4s ease-out var(--delay,0s) both}.ex-bond{fill:none;stroke:#758da2;stroke-width:5;stroke-linecap:round}.ex-peptide-bond{stroke:#94d6c7;stroke-width:6}.ex-atom circle{fill:#30485c;stroke:#a7bfd2;stroke-width:2}.ex-N circle{fill:#235776;stroke:#88caf5}.ex-O circle{fill:#683d53;stroke:#e8a1ba}.ex-atom text{font-size:20px;fill:#f0f5f7}.ex-tag rect{fill:#152d41;stroke:#568394;stroke-width:1.2}.ex-tag text{font-size:20px;fill:#c9e1e4}.ex-callout{stroke:#7896aa;stroke-width:1.5;fill:none;stroke-dasharray:3 5}.ex-track{stroke:#77a1ad;stroke-width:2;fill:none;opacity:.5}.ex-flow{stroke:#bcead3;stroke-width:4;stroke-linecap:round;fill:none;stroke-dasharray:15 85;animation:ex-travel 2.6s ease-in-out var(--delay,0s) both}.ex-halo{fill:none;stroke:#a7dcc4;stroke-width:2;opacity:.3;animation:ex-emphasis 2.6s ease-out both}.ex-ribbon-shadow{fill:none;stroke:#07121f;stroke-width:28;stroke-linecap:round}.ex-ribbon{fill:none;stroke:#80b7ba;stroke-width:17;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 2px #0004)}.ex-lipid circle{fill:#547e83;stroke:#93b9b5;stroke-width:1}.ex-lipid path{stroke:#41646e;stroke-width:2;fill:none}.ex-ligand{fill:#d6bd76;stroke:#f1dfac;stroke-width:2}.ex-ligand-arrives{animation:ex-arrive 2.5s cubic-bezier(.2,.7,.3,1) both}.ex-ligand-waits{transform:translate(0,-44px)}.ex-rna{stroke:#d3b683;stroke-width:5;fill:none}.ex-rna-base{stroke:#ab8e65;stroke-width:4}.ex-residue{fill:#adccad;stroke:#e3e7b9;stroke-width:2}.ex-residue.r1{fill:#c4ab7f}.ex-residue.r2{fill:#7cb6ca}.ex-carrier{animation:ex-delivery 3.1s ease-in-out both}.ex-axis{stroke:#7a92a5;stroke-width:2;fill:none}.ex-guide{stroke:#648496;stroke-width:1;stroke-dasharray:4 6;fill:none;opacity:.35}.ex-curve{stroke:#a2dcc5;stroke-width:5;fill:none;stroke-dasharray:100;animation:ex-reveal 3.5s ease-out both}.ex-point{fill:#c2ecd5;stroke:#c2ecd5;stroke-width:1}.ex-blood{fill:#a56680;opacity:.7}.ex-barrier{fill:none;stroke:#89a9bd;stroke-width:13;stroke-dasharray:30 4}.ex-stop{stroke:#d7ba82;stroke-width:4}.ex-question-route{fill:none;stroke:#a5c1c3;stroke-dasharray:5 9;stroke-width:2}.ex-dish{fill:#3f6b7a66;stroke:#9bb9c7;stroke-width:2}.ex-cell{fill:#a8c69f}.ex-person{fill:#608da0;stroke:#a8cbd6;stroke-width:2}.ex-vessel{fill:#132e4266;stroke:#7c9dad;stroke-width:2}.ex-diffusing{fill:#aadccb;animation:ex-drift 4s ease-in-out var(--delay,0s) both}.ex-strand{fill:none;stroke:#8db6d1;stroke-width:7}.ex-strand-two{stroke:#a7c2a2}.ex-base-pair{fill:none;stroke:#8eabbd;stroke-dasharray:3 5;stroke-width:2}.ex-scene svg .ex-dna-label{font-size:19px;fill:#edf5f7;paint-order:stroke;stroke:#172f44;stroke-width:9px}.ex-dendrite{fill:none;stroke:#7599ad;stroke-width:6;stroke-linecap:round}.ex-axon{fill:none;stroke:#93bdc3;stroke-width:6}.ex-myelin{fill:#a3c5bb;stroke:#cee3d4;stroke-width:1;opacity:.75}.ex-nucleus{fill:#466f87;stroke:#81a9bd;stroke-width:2}.quick-how:has(.ex-scene){grid-template-columns:minmax(220px,.85fr) minmax(0,1.25fr);align-items:center;gap:32px}.quick-experiment:has(.ex-scene){background:none;padding:0;border:0}.quick-opening:has(.ex-scene){grid-template-columns:.85fr 1.25fr;gap:32px}.quick-opening .ex-scene{min-width:0}.quick-body{animation:ex-card-in .35s ease-out}.quick-experiment>div>svg,.quick-experiment .experiment-picture svg,.quick-experiment .optimisation-picture svg{filter:drop-shadow(0 9px 14px #0002)}
@keyframes ex-drift{from{transform:translate(0,0)}to{transform:translate(var(--dx,8px),var(--dy,-5px))}}
@keyframes ex-travel{0%{stroke-dashoffset:100;opacity:0}12%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:.5}}
@keyframes ex-reveal{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes ex-arrive{from{transform:translate(0,-48px)}to{transform:translate(0,0)}}
@keyframes ex-delivery{0%{transform:translate(35px,-25px)}75%,100%{transform:translate(-56px,37px)}}
@keyframes ex-emphasis{from{stroke-width:8;opacity:.8}to{stroke-width:2;opacity:.3}}
@keyframes ex-card-in{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.quick-how:has(.ex-scene),.quick-opening:has(.ex-scene){grid-template-columns:1fr}.quick-experiment:has(.ex-scene),.quick-opening .ex-scene{max-width:680px;width:100%;margin:0 auto}.quick-opening:has(.ex-scene){gap:24px}}
@media(max-width:650px){.ex-scene figcaption{font-size:13px}.quick-how:has(.ex-scene){gap:20px}.ex-scene svg .ex-small{font-size:23px}.ex-scene svg .ex-eyebrow{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ex-scene *,.quick-body{animation:none!important;transition:none!important}.ex-diffusing{transform:translate(var(--dx,0px),var(--dy,0px))}.ex-carrier{transform:translate(-56px,37px)}.ex-flow{stroke-dasharray:none;opacity:.5}.ex-ligand-arrives{transform:none}.ex-curve{stroke-dasharray:none}}
.story-diagram{position:relative;margin:0;padding:22px 25px 18px;border:1px solid #34536b;border-radius:20px;background:radial-gradient(ellipse at 13% 25%,#3e606c40,transparent 75%),linear-gradient(145deg,#142d43,#0b182a);isolation:isolate}.story-diagram-part{position:relative;display:grid;grid-template-columns:82px 1fr;align-items:center;gap:22px;min-height:122px;opacity:.46;transition:opacity .3s}.story-diagram-part.current,.story-diagram-part.passed{opacity:1}.story-object{position:relative;width:78px;height:78px;padding:15px;border:1px solid #597c8a;border-radius:20px;background:linear-gradient(145deg,#33566a,#172d42);box-shadow:inset 0 1px 0 #b9dbdc33,0 8px 17px #0003;transform:rotate(-4deg)}.story-object svg{display:block;width:100%;height:100%;stroke:#c5dcdd;stroke-width:2.7;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:rotate(4deg);overflow:visible}.story-object>span{position:absolute;bottom:-9px;right:-7px;width:27px;height:27px;display:grid;place-items:center;font-size:11px;background:#20394c;border:1px solid #638692;border-radius:50%;color:#cce0e3}.current .story-object{border-color:#aad8c5;box-shadow:inset 0 1px 0 #dfffea55,0 0 22px #8ed4bf15,0 8px 17px #0003;animation:story-focus 1s ease-out}.story-object-label{font-size:19px;line-height:1.4;color:#dce8ee;max-width:260px}.current .story-object-label{color:#d5edda}.story-connection{position:absolute;left:38px;top:101px;bottom:-15px;width:2px;background:#4e778455;z-index:-1}.story-connection i{display:block;width:3px;height:16px;background:#b3ddc6;border-radius:3px;animation:story-signal 1.5s ease-out both}.story-diagram-part:nth-child(3) .story-connection i{animation-delay:.4s}.story-diagram figcaption{font-size:13px;line-height:1.6;color:#9eb7c8;margin:15px 0 0;padding-top:15px;border-top:1px solid #37566d}.story-loop-return{position:absolute;left:8px;top:53px;bottom:98px;border:1px dashed #79978d;border-right:0;width:12px;border-radius:9px 0 0 9px;opacity:.5}.story-loop-return span{position:absolute;top:-12px;left:3px;color:#b9d8c6;font-size:19px}.quick-overview:has(.story-diagram){padding:0;background:none}.quick-opening:has(.story-diagram){align-items:center}.quick-experiment:has(.story-diagram){padding:0;background:none;border:0}
@keyframes story-focus{from{transform:rotate(-7deg) translateY(6px);opacity:.45}to{transform:rotate(-4deg);opacity:1}}
@keyframes story-signal{from{transform:translateY(-2px);opacity:0}30%{opacity:1}to{transform:translateY(26px);opacity:.25}}
@media(max-width:650px){.story-diagram{padding:17px 21px}.story-diagram-part{grid-template-columns:70px 1fr;gap:17px;min-height:114px}.story-object{width:67px;height:67px;padding:13px}.story-object-label{font-size:18px}.story-connection{left:32px;top:91px}.story-diagram figcaption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-diagram *{animation:none!important;transition:none!important}}
.ex-ion{fill:#395e6d;stroke:#9ac0c4;stroke-width:2}.ex-debris{fill:#c5ab80}.ex-vesicle{fill:#486e82;stroke:#a4c8d0;stroke-width:2}.ex-message{fill:#dfc991;animation:ex-drift 2.5s ease-out var(--delay,0s) both}.ex-proton{fill:#ddc38a!important}.ex-winner{fill:#365b4f;stroke:#b8dfb2;stroke-width:2}.ex-loss{fill:#25394c;stroke:#536d7f;stroke-width:1.5}.ex-upside-tip{stroke:#bcead3;stroke-width:3;fill:none}.quick-experiment .active-wire,.quick-experiment .science-signal,.quick-experiment .opt-wire.active{stroke-dasharray:8 4;animation:learn-signal-flow 3.5s linear 1}.quick-experiment .active-node,.quick-experiment .science-protein.active,.quick-experiment .opt-node.active{filter:drop-shadow(0 0 5px #9acdc51c)}
@keyframes learn-signal-flow{from{stroke-dashoffset:48}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.quick-experiment .active-wire,.quick-experiment .science-signal,.quick-experiment .opt-wire.active{animation:none!important}}

.ex-cut{stroke:#ddb589;stroke-width:3;stroke-dasharray:5 4}.ex-scene svg .ex-dark{fill:#132c3c;font-size:19px;font-weight:600}

@media(prefers-reduced-motion:reduce){.ex-message{transform:translate(var(--dx,0px),var(--dy,0px))}}

@media(max-width:650px){.ex-scene svg .ex-eyebrow{display:none}.quick-experiment:has(.ex-scene){padding:0}.ex-scene figcaption{font-size:14px;line-height:1.7}}