@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#edfff8;--muted:#a9c9bd;--bg:#061713;--panel:#0b241d;--line:rgba(173,226,202,.16);--green:#7ee3a3;--lime:#d5f56a;--blue:#6fd9d6;--amber:#ffca72;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:var(--lime);color:#071713;padding:.8rem 1rem;border-radius:.5rem;z-index:100}.skip:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1rem,4vw,4rem);background:linear-gradient(#061713e8,#061713aa,transparent);backdrop-filter:blur(9px)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-size:1rem}.brand-dot{width:1rem;height:1rem;border-radius:50%;background:radial-gradient(circle at 30% 25%,white 0 7%,var(--lime) 12%,var(--green) 42%,#174b3b 72%);box-shadow:0 0 20px #7ee3a399}.topbar nav{display:flex;gap:1.6rem}.topbar nav a{text-decoration:none;color:var(--muted);font-size:.88rem}.topbar nav a:hover,.topbar nav a:focus{color:var(--ink)}select{background:#0b241d;color:var(--ink);border:1px solid var(--line);padding:.55rem .7rem;border-radius:99px}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;padding:7rem clamp(1.25rem,8vw,9rem) 4rem;position:relative;background:radial-gradient(circle at 75% 45%,#174a3866,transparent 38%),radial-gradient(circle at 15% 20%,#14443b44,transparent 30%)}.hero-copy{z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--green);font-size:.7rem;font-weight:700}.hero h1{font-family:var(--serif);font-size:clamp(3.6rem,8vw,8.6rem);line-height:.82;letter-spacing:-.045em;margin:1.2rem 0 1.8rem;font-weight:400}.hero h1 em{color:var(--lime);font-weight:400}.lead{max-width:620px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.3rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}.button,.small-button{border:1px solid var(--line);border-radius:99px;padding:.85rem 1.2rem;font:600 .85rem var(--sans);text-decoration:none;cursor:pointer}.button.primary{background:var(--lime);color:#0a1c15;border-color:var(--lime)}.button.ghost,.small-button{background:transparent;color:var(--ink)}.button:hover,.small-button:hover{transform:translateY(-2px)}.living-orb{position:relative;width:min(38vw,530px);aspect-ratio:1;margin:auto;filter:drop-shadow(0 30px 80px #0008)}.orb-core{position:absolute;inset:22%;border-radius:47% 53% 61% 39%/42% 39% 61% 58%;background:radial-gradient(circle at 32% 24%,#e8ffd9 0 2%,#cbf66a 4%,#48a878 24%,#155441 55%,#09231c 74%);box-shadow:inset -30px -25px 70px #02100d,0 0 80px #70e39c30;animation:morph 9s ease-in-out infinite alternate,spin 22s linear infinite}.orb-core::before,.orb-core::after{content:"";position:absolute;border:1px solid #cfffaa55;border-radius:50%}.orb-core::before{width:18%;height:12%;left:25%;top:28%;box-shadow:65px 45px 0 -4px #9ce3d844,-25px 88px 0 -2px #e3f88f33}.orb-core::after{inset:16%;border-style:dashed}.orb-ring{position:absolute;inset:10%;border:1px solid #93e7bc38;border-radius:50%;animation:spin 18s linear infinite}.ring-b{inset:3%;transform:rotateX(65deg);animation-direction:reverse;animation-duration:14s}.particle{position:absolute;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 15px currentColor}.p1{left:12%;top:24%;animation:float 5s ease-in-out infinite}.p2{right:8%;top:40%;animation:float 7s ease-in-out infinite reverse}.p3{left:22%;bottom:7%;animation:float 6s ease-in-out infinite}.p4{right:25%;top:8%;animation:float 4s ease-in-out infinite reverse}.scroll-cue{position:absolute;bottom:2rem;left:50%;color:var(--green);animation:float 2s ease-in-out infinite}.section{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,9rem);border-top:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:3rem}.section-heading h2{font:400 clamp(2.6rem,5vw,5rem)/.98 var(--serif);letter-spacing:-.035em;margin:.8rem 0 1.2rem}.section-heading>p:last-child,.split-heading>p{color:var(--muted);line-height:1.65}.split-heading{max-width:none;display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:end}.centered{text-align:center;margin-inline:auto}.route-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.route-card{position:relative;min-height:280px;padding:1.5rem;border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(145deg,#102c2399,#081c17);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}.route-card:nth-child(1),.route-card:nth-child(4){grid-column:span 7}.route-card:nth-child(2),.route-card:nth-child(3){grid-column:span 5}.route-card:nth-child(n+5){grid-column:span 4}.route-card:hover,.route-card:focus-visible{transform:translateY(-5px);border-color:#8fe3b577;background:#123528}.route-card .number{font:italic 1.2rem var(--serif);color:var(--green)}.route-card h3{font:400 2rem var(--serif);margin:auto 0 .5rem}.route-card p{color:var(--muted);margin:0;max-width:42ch;line-height:1.5}.route-icon{position:absolute;right:1.2rem;top:1rem;font-size:4rem;color:#7ee3a322}.experiment-card{display:grid;grid-template-columns:1.4fr .6fr;border:1px solid var(--line);border-radius:2rem;overflow:hidden;background:#0a211a}.plant-stage{height:560px;position:relative;overflow:hidden;background:linear-gradient(#a5dfcf 0 62%,#744b2c 62%);--growth:0}.plant-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,#fff9b477,transparent 12%),linear-gradient(115deg,transparent 60%,#fff3 61%,transparent 64%)}.soil{position:absolute;left:0;right:0;top:62%;height:7%;background:repeating-linear-gradient(12deg,#6b4328 0 8px,#59361f 9px 14px)}.sun{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff0a8;right:12%;top:12%;box-shadow:0 0 60px #fff5af}.seed{position:absolute;left:50%;top:61%;width:62px;height:40px;border-radius:60% 42% 58% 45%;background:#9b5938;transform:translate(-50%,-50%) rotate(-8deg) scale(calc(.85 + var(--growth)*.015));box-shadow:inset 8px -6px #603821}.seed span{position:absolute;left:48%;top:5%;width:4px;height:90%;background:#c17b4e;border-radius:50%}.root{position:absolute;left:50%;top:63%;width:5px;height:calc(var(--growth)*15px);max-height:175px;background:#f2e3b5;border-radius:50%;transform-origin:top;transform:rotate(5deg)}.root::after{content:"";position:absolute;top:45%;left:1px;width:45px;height:3px;background:#e9d7a4;transform:rotate(25deg);opacity:calc(var(--growth)/12)}.stem{position:absolute;left:50%;bottom:38%;width:7px;height:calc(max(0px,(var(--growth) - 3)*33px));max-height:280px;background:linear-gradient(90deg,#295f35,#7ebf63);border-radius:6px;transform-origin:bottom}.leaf{position:absolute;width:75px;height:38px;background:linear-gradient(135deg,#77b85d,#2e6a3d);border-radius:100% 0 100% 0;opacity:calc((var(--growth) - 6)/3)}.leaf.left{left:-69px;top:38%;transform:rotate(18deg)}.leaf.right{left:5px;top:20%;transform:scaleX(-1) rotate(18deg)}.bud{position:absolute;top:-30px;left:-12px;width:30px;height:34px;background:#dff37b;border-radius:50% 50% 35% 35%;opacity:calc((var(--growth) - 10)/2)}.timeline-control{padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center}.timeline-control label{font:400 2rem var(--serif)}input[type=range]{accent-color:var(--lime);width:100%;margin:2rem 0 .5rem}.timeline-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem}.observation{min-height:5rem;color:var(--muted);line-height:1.6;margin:2rem 0}.small-button{align-self:flex-start}.cell-lab{display:grid;grid-template-columns:1.2fr .8fr;min-height:560px;background:radial-gradient(circle at 30% 50%,#184d3c,#091e18 48%);border:1px solid var(--line);border-radius:2rem;overflow:hidden}.cell{width:min(80%,520px);aspect-ratio:1.18;align-self:center;justify-self:center;border-radius:48% 52% 44% 56%/56% 47% 53% 44%;border:5px solid #9ae7ad66;background:radial-gradient(circle at 35% 40%,#98d9af40,#164333aa 58%,#091b16 90%);position:relative;box-shadow:inset 0 0 50px #8ae1b022,0 0 80px #5cbe8b22;animation:morph 10s ease-in-out infinite alternate}.organelle{position:absolute;border:0;cursor:pointer;transition:.2s;box-shadow:0 0 15px #0005}.organelle:hover,.organelle:focus-visible,.organelle.active{filter:brightness(1.35);outline:3px solid #fff8;outline-offset:4px}.nucleus{width:30%;aspect-ratio:1;border-radius:48%;left:34%;top:28%;background:radial-gradient(circle at 40% 40%,#e8bcff,#8864aa 55%,#48285f)}.mito{width:18%;height:9%;border-radius:50%;background:repeating-radial-gradient(ellipse,#ffcc74 0 4px,#9b5d2c 5px 8px)}.m1{left:14%;top:28%;transform:rotate(24deg)}.m2{right:13%;bottom:23%;transform:rotate(-18deg)}.golgi{width:18%;height:14%;left:18%;bottom:18%;background:repeating-linear-gradient(160deg,transparent 0 7px,#69d9d1 8px 12px);box-shadow:none}.ribosome{width:13px;height:13px;border-radius:50%;background:#d7ed6c}.r1{right:20%;top:24%}.r2{left:45%;bottom:15%}.cell-glow{position:absolute;width:8px;height:8px;background:white;border-radius:50%;left:61%;top:61%;box-shadow:-120px 30px #ffffff99,80px -90px #ffffff99,110px 40px #ffffff99}.fact-panel{padding:clamp(2rem,5vw,5rem);background:#071713aa;display:flex;flex-direction:column;justify-content:center}.fact-number{color:var(--green);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.fact-panel h3{font:400 clamp(2.5rem,4vw,4rem) var(--serif);margin:.8rem 0}.fact-panel>p{color:var(--muted);line-height:1.7}.fact-panel .question{border-top:1px solid var(--line);padding-top:1.4rem;color:var(--ink)}.body-section{background:#040c0a}.body-viewer{display:grid;grid-template-columns:1.45fr .55fr;border:1px solid var(--line);border-radius:2rem;overflow:hidden;min-height:680px;background:#0b1915}.body-viewer iframe{width:100%;height:100%;min-height:680px;border:0}.body-side{padding:2.2rem;display:flex;flex-direction:column}.live-pill{align-self:flex-start;border:1px solid #7ee3a355;color:var(--green);padding:.35rem .65rem;border-radius:99px;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}.body-side h3{font:400 2.2rem var(--serif)}.journey-list{display:grid;gap:.65rem}.journey-list button{display:flex;align-items:center;gap:.8rem;text-align:left;border:1px solid var(--line);background:#10251e;color:var(--ink);padding:.8rem;border-radius:1rem;cursor:pointer}.journey-list span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#183d30;color:var(--lime)}.journey-list button:hover,.journey-list button:focus{border-color:var(--green)}.journey-note{margin-top:1.5rem;padding:1rem;border-left:2px solid var(--lime);background:#d5f56a0a}.journey-note p,.attribution{font-size:.82rem;color:var(--muted);line-height:1.55}.attribution{margin-top:auto}.food-web{max-width:900px;margin:auto}.food-web svg{width:100%;overflow:visible}.links path{stroke:#7ee3a344;stroke-width:2;fill:none;stroke-dasharray:7 6;animation:dash 18s linear infinite}.node{cursor:pointer}.node circle{fill:#102e25;stroke:#7ee3a355;stroke-width:2;transition:.2s}.node text{text-anchor:middle;font-size:32px;fill:var(--lime)}.node:hover circle,.node:focus circle,.node.active circle{fill:#225440;stroke:var(--lime);stroke-width:4}.food-web>p{text-align:center;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.video-card{border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;background:#0b211a}.video-cover{height:230px;display:grid;place-items:center;position:relative;overflow:hidden}.video-cover span{font:400 4rem var(--serif);z-index:1}.video-cover small{font:500 .7rem var(--sans);text-transform:uppercase}.seed-cover{background:radial-gradient(ellipse at 50% 65%,#9d5e37 0 8%,transparent 9%),linear-gradient(#acdcca 0 60%,#62402a 61%)}.seed-cover::before{content:"";position:absolute;width:5px;height:95px;background:#83bd66;bottom:36%;left:50%;box-shadow:35px -40px 0 -1px #57914a;transform:rotate(-4deg)}.flower-cover{background:radial-gradient(circle,#ffe178 0 9%,transparent 10%),repeating-conic-gradient(from 0deg at 50% 50%,#ee8daa 0 12deg,transparent 13deg 35deg),#183d31}.flower-cover span{color:#ffd7e2}.evolution-cover{background:radial-gradient(circle at 30% 30%,#8adde0 0 1%,transparent 2%),radial-gradient(circle at 70% 60%,#d6f47a 0 1%,transparent 2%),linear-gradient(145deg,#163a45,#111b35)}.video-card>div:last-child{padding:1.4rem}.tag{color:var(--green);text-transform:uppercase;letter-spacing:.13em;font-size:.65rem}.video-card h3{font:400 1.7rem var(--serif);margin:.5rem 0}.video-card p:not(.tag){color:var(--muted);font-size:.9rem;line-height:1.55}.video-card a{color:var(--lime);font-size:.82rem;text-underline-offset:4px}.sources-section{background:#0a1d18}.source-list{border-top:1px solid var(--line)}.source-list a{display:grid;grid-template-columns:60px 1fr auto;gap:1rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--line);text-decoration:none}.source-list a:hover b{color:var(--lime)}.source-list span{color:var(--green);font:italic 1rem var(--serif)}.source-list div{display:grid;gap:.2rem}.source-list small{color:var(--muted)}footer{padding:4rem clamp(1.25rem,8vw,9rem) 2rem;background:#03100d;color:var(--muted)}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-bottom:2rem}.footer-main p{font-size:.85rem}.care-note,.legal{border-top:1px solid var(--line);padding-top:1rem;font-size:.72rem;line-height:1.6}.care-note a{color:var(--green)}.legal{border:0;padding-top:.2rem;opacity:.7}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes morph{50%{border-radius:58% 42% 38% 62%/45% 57% 43% 55%}100%{border-radius:40% 60% 58% 42%/62% 43% 57% 38%}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes dash{to{stroke-dashoffset:-200}}
.reduced-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reduced-motion .living-orb{transform:none}.reduced-motion .scroll-cue{display:none}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:8rem}.living-orb{position:absolute;right:-28%;top:15%;width:70vw;opacity:.44}.hero-copy{max-width:760px}.route-card,.route-card:nth-child(n){grid-column:span 6}.split-heading,.experiment-card,.cell-lab,.body-viewer{grid-template-columns:1fr}.plant-stage{height:420px}.body-viewer iframe{min-height:580px}.video-grid{grid-template-columns:1fr 1fr}.video-card:last-child{grid-column:span 2}}
@media(max-width:600px){.topbar{padding:.9rem 1rem}.hero h1{font-size:clamp(3.4rem,17vw,5.3rem)}.route-card,.route-card:nth-child(n){grid-column:1/-1;min-height:220px}.section{padding-block:5.5rem}.plant-stage{height:350px}.cell-lab{min-height:0}.cell{width:85%;margin:3rem auto}.fact-panel{padding:2rem}.body-viewer iframe{min-height:480px}.video-grid{grid-template-columns:1fr}.video-card:last-child{grid-column:auto}.footer-main{grid-template-columns:1fr}.hero-actions{align-items:stretch}.button{text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}