.bio-section .numbered-heading{align-items:center}.bio-section .numbered-heading>div{min-width:0}.bio-section .numbered-heading h2{font-size:clamp(27px,3.4vw,51px);white-space:nowrap;letter-spacing:-.015em}.bio-section .numbered-heading p{font-size:clamp(15px,1.45vw,21px);margin-top:8px}
.science-grid{max-width:1180px;margin:46px auto 30px;display:grid;gap:34px;position:relative}.science-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;position:relative}.science-row span{position:relative;min-height:152px;padding:42px 20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:#53117d;font-size:40px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,234,250,.94));border:1px solid rgba(87,23,130,.18);border-radius:20px;box-shadow:0 18px 34px rgba(51,10,84,.16),inset 0 1px 0 #fff;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease}.science-row span:before{content:attr(data-step);position:absolute;z-index:3;top:-17px;left:20px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 27%,#b477db,#591382 57%,#26043e);color:#fff;font:700 12px Arial;letter-spacing:.05em;border:1px solid #d9b1ef;box-shadow:0 9px 21px rgba(74,15,112,.36),0 0 20px rgba(150,77,201,.3)}.science-row span>b{font:700 13px/1.25 Arial,sans-serif;color:#160725;text-align:center}.science-row span:hover{transform:perspective(700px) translateY(-9px) rotateX(4deg);box-shadow:0 27px 45px rgba(51,10,84,.22),inset 0 1px 0 #fff;z-index:6}
.science-row span:not(:last-child):after{content:"→";position:absolute;z-index:5;right:-40px;top:50%;transform:translateY(-50%);color:#f15a16;font:400 30px Arial;text-shadow:0 0 13px rgba(241,90,22,.45)}.row-backward span:not(:last-child):after{content:"←"}.science-row:first-child span:last-child:after,.science-row:nth-child(2) span:first-child:after{content:"↓";position:absolute;z-index:5;left:50%;bottom:-34px;transform:translateX(-50%);color:#f15a16;font:400 30px Arial;text-shadow:0 0 13px rgba(241,90,22,.45)}
.bio-section>p:last-child{max-width:900px;margin:26px auto 0;padding:18px 25px;text-align:center;border:1px solid rgba(83,19,126,.15);background:rgba(255,255,255,.68);box-shadow:0 11px 28px rgba(49,9,81,.09)}
@media(min-width:601px) and (max-width:920px){.bio-section .numbered-heading h2{font-size:clamp(22px,3.4vw,31px);white-space:normal}.bio-section .numbered-heading h2 em{white-space:nowrap}.bio-section .numbered-heading p{font-size:14px}.science-grid{gap:30px}.science-row{gap:28px}.science-row span{min-height:138px;padding-inline:9px}.science-row span:not(:last-child):after{right:-25px}.science-row span>b{font-size:11px}}
@media(max-width:600px){.bio-section .numbered-heading{align-items:flex-start}.bio-section .numbered-heading h2{white-space:normal;font-size:30px}.bio-section .numbered-heading h2 em{white-space:nowrap}.science-grid{gap:30px;margin-top:40px}.science-row{display:contents}.science-row span{min-height:130px}.row-backward span:nth-child(1){order:6}.row-backward span:nth-child(2){order:5}.row-backward span:nth-child(3){order:4}.science-row span:not(:last-child):after,.row-backward span:not(:last-child):after,.science-row:first-child span:last-child:after,.science-row:nth-child(2) span:first-child:after{content:"↓";left:50%;right:auto;top:auto;bottom:-29px;transform:translateX(-50%)}.science-row:last-child span:last-child:after{display:none}}
.bio-section .science-grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:601px){.bio-section .science-row span:last-child{grid-column:auto}}
.bio-section .science-row span{overflow:visible}