/* A living exhibition: distant forest, drifting pollen, sculptural specimens. */
:root{--night:#07110e;--night-card:#102019;--night-line:#d9e9c51c;--night-text:#e9eedf;--night-muted:#a3b2a0;--acid:#d1eaa1}
body{background:var(--night)}
.site-header{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:91%;max-width:1390px;height:69px;padding:0 27px;background:linear-gradient(110deg,#183126c7,#0b1713db);border:1px solid #d5e7bc29;border-radius:15px;color:#e2ead9;box-shadow:0 10px 45px #0003,inset 0 1px 0 #e6f3cc0a;backdrop-filter:blur(24px);z-index:10}.brand-mark{color:#bbd59b}.brand{font-size:25px}.brand-dot{color:#b9d78d}.desktop-nav{font-size:11px;gap:28px}.desktop-nav .active:after{bottom:15px;background:#c8e49c;width:18px;right:auto}.desktop-nav a:hover,.desktop-nav button:hover{color:#d9edbb}.header-actions{gap:13px}.header-divider{background:#d5e7bc22}.site-header .avatar{background:#c4d3a91b;color:#cce1ab;border-color:#bed29a32}.site-header .icon-button:hover{background:#b2d39113}.profile-label{font-size:10px}.hero{height:min(950px,100svh);min-height:800px;isolation:isolate;background:#06100d;overflow:hidden}.hero-background{object-position:50% 60%;filter:brightness(.43) saturate(.6);opacity:.46;transform:scale(1.06);mask-image:linear-gradient(180deg,black 0%,black 55%,transparent 100%)}.hero-shade{background:linear-gradient(90deg,#06120eef 0%,#07130db0 28%,#07140c1a 65%,#06120e88 100%),linear-gradient(0deg,#07110e 0%,transparent 35%,#06110d55 100%)}.hero-grain{z-index:1;opacity:.035}#living-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.forest-aura{position:absolute;width:71%;height:100%;right:-1%;top:-2%;background:radial-gradient(ellipse at 58% 39%,#91b64b18 0%,#6cbb4a09 32%,transparent 60%);filter:blur(20px);transform:translate(calc(var(--pointer-x,0)*-12px),calc(var(--pointer-y,0)*-8px));pointer-events:none}.canopy-foreground{position:absolute;width:32%;height:48%;right:-8%;bottom:-4%;background:url('assets/leaves.jpg') 60% 50%/cover;opacity:.22;filter:brightness(.65) saturate(.8) blur(2px);mask-image:radial-gradient(ellipse at 90% 80%,black 10%,transparent 69%);transform:translate(calc(var(--pointer-x,0)*-18px),calc(var(--pointer-y,0)*-12px));z-index:4;pointer-events:none}.hero-content{margin-left:7%;padding-top:clamp(186px,24vh,240px);width:43%;z-index:4;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.hero-eyebrow{color:#bccfa4;font-size:9px;letter-spacing:2.7px}.tiny-line{width:25px;background:#c0d99988}.hero h1{font-size:clamp(61px,5.4vw,86px);line-height:1.19;letter-spacing:-2.8px;margin:27px 0 23px;text-shadow:0 4px 35px #0004}.hero h1 em{color:#d6e6b4}.hero-content>p{font-size:13px;line-height:2;color:#b3c2ae}.hero-buttons{margin-top:31px;gap:25px}.hero .button-lime{background:#d1e7a5;border:1px solid #dfedbf88;box-shadow:0 0 30px #bad9850e;min-height:50px;font-size:11px;border-radius:4px;padding:0 21px}.hero .button-lime:hover{box-shadow:0 0 35px #bad98525}.hero-tour{font-size:10px;color:#bdcbb6}.play-circle{border-color:#c0d7a64d;width:31px;height:31px}.hero-footnote{margin-top:30px;font-size:8px;color:#94a78c;letter-spacing:.2px;flex-wrap:wrap;gap:8px}.footnote-separator{color:#607655;margin:0 3px}.exhibit-coordinate{display:flex;flex-direction:column;gap:8px;font-size:7px;letter-spacing:2px;color:#6f846b;border-left:1px solid #b4c89838;padding-left:14px;margin-top:45px}.hero-specimen{top:100px;right:4%;width:55%;max-width:840px;height:calc(100% - 220px);max-height:680px;margin:0;z-index:3}.specimen-tag{top:38px;left:17%;right:3%;font-size:7px;letter-spacing:2.3px;color:#a9bc98}.specimen-tag #specimen-index{margin-left:auto;color:#738a68;letter-spacing:1px}.specimen-image{height:calc(100% - 75px);min-height:400px}.hero-model{inset:0 -3% 0 -4%;z-index:2}.hero-model canvas{pointer-events:auto;cursor:grab;touch-action:pan-y}.hero-model canvas:active{cursor:grabbing}.specimen-halo{position:absolute;top:16%;left:17%;width:73%;height:66%;background:radial-gradient(ellipse,#93ba4418,transparent 65%);filter:blur(25px);pointer-events:none}.specimen-orbit{left:10%;top:20%;width:86%;height:64%;border:1px solid #d6e8ac22;transform:rotate(-26deg);box-shadow:0 0 65px #7ca34c08,inset 0 0 30px #7ca34c05}.specimen-orbit:before{inset:-36px;border:1px dashed #d6e8ac15}.specimen-orbit:after{content:'';position:absolute;inset:24px;border:1px solid #d6e8ac0c;border-radius:50%}.specimen-label{font-size:9px;color:#d8e5c7;pointer-events:none;z-index:3;letter-spacing:.3px}.label-one{top:32%;right:-1%}.label-one:before{width:70px}.label-two{left:1%;bottom:25%}.label-two:after{width:46px}.specimen-cross{font-size:14px;color:#c6d8a74d}.cross-one{top:30px;left:6%}.cross-two{bottom:18px;right:0}.specimen-view-hint{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;z-index:3;pointer-events:none;color:#9aaf8a;font-size:8px;white-space:nowrap;letter-spacing:.5px}.specimen-view-hint svg{width:13px;height:13px}.specimen-caption{position:absolute;bottom:0;left:14%;right:3%;border-color:#c4d6a826;min-height:75px;padding:16px 0 0;gap:12px}.specimen-caption h2{font-size:20px;font-weight:400;color:#dce8cf;letter-spacing:-.3px}.specimen-caption .small-label{font-size:7px;letter-spacing:1.7px;color:#91a381}.specimen-caption .round-button{background:#cadb9c0a;border-color:#c2d59b38;width:41px;height:41px;color:#d5e5bc}.hero-bottom{bottom:24px;left:4.5%;right:4.5%;padding-top:18px;border-color:#c9dda21a;color:#819478;font-size:7px}.hero-bottom a{color:#b6c7a9;font-size:8px}.exhibition-dock{position:absolute;bottom:91px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:17px;padding:9px 11px 9px 19px;border:1px solid #d6e5b631;border-radius:35px;background:linear-gradient(100deg,#15271dcc,#0b1712e6);backdrop-filter:blur(20px);box-shadow:0 14px 40px #0004;white-space:nowrap}.dock-label{font-size:6px;letter-spacing:1.5px;color:#859c75}.specimen-switch{display:flex;gap:4px}.specimen-switch button{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:23px;padding:9px 15px;font-size:10px;color:#99ae8b;min-height:37px}.specimen-switch button svg{width:15px;height:15px}.specimen-switch button.selected{color:#e3edce;background:#d1e6aa10;border-color:#c6db9e28}.specimen-switch button:hover{color:#e7f3d5}.dock-divider{height:20px;width:1px;background:#c1d3a52b}.atmosphere-button{display:flex;gap:7px;align-items:center;color:#b4c5a4;font-size:9px;padding:7px 10px 7px 0}.atmosphere-button>svg{width:14px;height:14px}.hero-specimen[data-specimen=dna] .specimen-orbit{transform:rotate(-38deg);width:69%;left:17%;height:69%;top:13%}.hero-specimen[data-specimen=dna] .label-one{top:36%}.hero-specimen[data-specimen=dna] .label-two{bottom:30%}
/* Quiet typography and uninterrupted dark surfaces connect the galleries. */
main{color:var(--night-text);background:radial-gradient(ellipse at 90% 40%,#1b39221c,transparent 42%),var(--night)}.discovery-strip{position:relative;z-index:2;margin:0 7%;padding:32px 0;gap:34px;border-color:var(--night-line)}.realm-link{display:flex;align-items:center;gap:20px;flex:1;text-align:left;padding:9px 0;color:#b1c0a8;min-width:0}.realm-number{font-family:var(--serif);font-size:30px;color:#6b845a;font-style:italic}.realm-link>span:nth-child(2){font-size:7px;letter-spacing:1.8px;line-height:1.8;color:#899e7d}.realm-link b{display:block;font-size:13px;letter-spacing:0;font-weight:400;color:#d8e4ca;margin-top:5px}.realm-link>span:last-child{margin-left:auto;color:#7f9670}.realm-link svg{width:17px;height:17px;transition:transform .2s}.realm-link:hover b{color:#d9edb5}.realm-link:hover svg{transform:translate(2px,-2px)}.strip-divider{background:var(--night-line);height:36px}.section{padding-top:86px;padding-bottom:78px}.section h2{font-size:38px;letter-spacing:-1px;color:#e3ecd8}.section-top p{color:#9daa97;font-size:12px;line-height:1.9}.section .eyebrow{color:#c0d2ac;font-size:9px}.section-number{color:#6f8860}.text-button{color:inherit;font-size:11px}.section .text-button{color:#bed0aa}.explore-toolbar{margin-top:32px;margin-bottom:28px}.grade-tabs{border-color:#c6d9ac1d;background:#0e1e16;padding:5px;border-radius:6px}.grade-tabs button{padding:13px 19px;color:#9cad8e;font-size:11px}.grade-tabs button>span{font-size:9px}.grade-tabs button.selected{background:#c2d8a51a;color:#d7e9ba;box-shadow:inset 0 0 0 1px #d1e5af27}.curriculum-note{color:#8da17e;font-size:9px}.info-dot{border-color:#7d9468}.topic-grid{gap:21px;grid-template-columns:1.2fr 1fr 1fr}.topic-card{background:linear-gradient(150deg,#15271d,#0d1b14);border-color:#c0d5a724;border-radius:7px;box-shadow:0 15px 50px #0000000a}.topic-card:hover{border-color:#a1bc694f;box-shadow:0 20px 45px #0003;transform:translateY(-6px)}.topic-image,.topic-card.featured .topic-image{height:222px;background:#143225}.topic-image:after{background:linear-gradient(0deg,#102017b0,transparent 45%)}.topic-image>img{filter:saturate(.68) brightness(.8)}.topic-card.featured .topic-image>img{object-fit:cover;filter:saturate(.8) brightness(.88)}.topic-type{background:#0b1a13c9;border:1px solid #bbd09d38;color:#cedfba;backdrop-filter:blur(10px);font-size:8px;border-radius:3px}.bookmark-button{background:#102219c9;color:#c6d9b3;border:1px solid #c9dcb72b}.bookmark-button.saved{background:#d0e5aa;color:#284d30}.topic-body{padding:24px 22px 20px}.topic-kicker{color:#92aa7c;font-size:8px;letter-spacing:1.5px}.topic-body h3{color:#e3edd7;font-size:23px;font-weight:400;letter-spacing:-.7px}.topic-body p{color:#a8b79f;font-size:11px;line-height:1.95;margin-bottom:23px;min-height:63px}.topic-bottom{border-color:#a0bb831c}.topic-bottom>span{color:#91a582;font-size:9px}.topic-bottom button{color:#d1e3ba;font-size:10px}.lesson-done{background:#354f30e8;color:#e1efca;font-size:8px}.illustration-membrane{background:radial-gradient(ellipse at 50% 35%,#557f63,#142d23);color:#b9d1a5}.illustration-water{background:radial-gradient(ellipse at 50% 35%,#426b61,#142a22);color:#c2d9b1}.illustration-mendel{background:radial-gradient(ellipse at 50% 35%,#6a7951,#1d3020);color:#dbdfae}.topic-illustration svg{width:100px;height:100px;stroke-width:.9;filter:drop-shadow(0 0 28px #b0ce8640)}
.collection-section{padding-top:8px;position:relative}.collection-section:before{content:'';position:absolute;top:100px;left:15%;height:400px;width:65%;background:radial-gradient(ellipse,#5b823d12,transparent 65%);pointer-events:none}.collection-grid{grid-template-columns:1.15fr 1fr;gap:23px}.mini-pill{border-color:#b2c99529;color:#acbd9c;background:#b9d18e06}.mini-pill .live-dot{background:#a4bd72}.model-card{height:395px;border:1px solid #c3d79f26;border-radius:8px;box-shadow:inset 0 0 70px #0002;transition:border-color .25s,transform .25s}.model-card:hover{border-color:#bfd49366;transform:translateY(-4px)}.cell-model-card{background:radial-gradient(ellipse at 50% 35%,#36583260,#0b1a12 80%)}.dna-model-card{background:radial-gradient(ellipse at 55% 35%,#304e405c,#0b1914 80%)}.model-card:after{background-size:33px 33px;opacity:.22}.model-card:before{content:'';position:absolute;left:15%;top:15%;width:70%;height:53%;border:1px solid #c4d7a321;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 25px #a1bf8205;pointer-events:none}.model-card-label{color:#9fb38c;top:24px;left:27px;right:27px;font-size:8px}.model-card-bottom{bottom:27px;left:28px;right:28px}.model-card-bottom h3{font-size:29px;color:#e3ecd5;margin-top:10px}.model-card-bottom>div>span{color:#98b37e;font-size:8px}.model-card-bottom p{color:#9cb38d;font-size:11px}.cell-art{top:48px;height:223px;left:20%;width:61%;filter:saturate(.7) brightness(.9) drop-shadow(0 20px 16px #0006)}.dna-art{top:29px;height:245px;filter:saturate(.7) brightness(.9)}.model-card .round-button{background:#d0e6aa0a;border-color:#b0c79138}
.lab-section{background:#0d1c14;border-color:#bed2a524;box-shadow:0 20px 70px #0002;margin-top:5px;border-radius:8px;min-height:540px}.lab-visual{min-height:540px}.lab-visual>img{filter:saturate(.65) brightness(.57)}.lab-visual-shade{background:linear-gradient(0deg,#0b2519d0,transparent 70%)}.lab-copy>.eyebrow{color:#bdd0a6;font-size:8px}.lab-copy .section-number{color:#718c5a}.lab-copy h2{color:#e0ead2;font-size:45px}.lab-copy>p{color:#9cad92;font-size:12px;line-height:1.95}.lab-pill{background:#b8cf8b08;color:#9eb589;border-color:#adca8a24}.lab-highlights>span{font-size:11px;color:#c3d2b3}.lab-highlights svg{color:#99b479}.lab-note{color:#8fa37c;font-size:9px}.lab-copy .button-dark{background:#c9dfa3;color:#203b27;border:1px solid #d5e8b24d;font-size:11px}.floating-formula{background:#142e20b3;border-color:#c6dd9d3d;box-shadow:0 12px 35px #0002}.leaf-caption>div{color:#e5eed8}.leaf-caption em{color:#cde0aa}.lab-specimen-id{color:#b3c99c}.journey-section{padding-top:100px;padding-bottom:100px}.journey-intro>h2{font-size:37px}.journey-intro>p{font-size:12px;line-height:1.95;color:#9cac91;max-width:390px}.journey-intro>.eyebrow{color:#a9be94;font-size:8px}.journey-intro>.text-button{border-color:#a0b9804d}.progress-card{background:linear-gradient(145deg,#1a2d20,#0e1d14);border:1px solid #c9dda524;padding:29px;box-shadow:0 15px 50px #0002;color:#dce8cc;position:relative;overflow:hidden}.progress-card:before{content:'';position:absolute;right:-20px;top:-70px;width:220px;height:220px;background:radial-gradient(circle,#bbd78009,transparent 68%);pointer-events:none}.progress-card .avatar{background:#c1d89a10;border-color:#b6d18530;color:#b4cb8a}.progress-card .small-label{color:#99ac86}.progress-card-top h3{color:#e0eacf;font-size:17px}.seed-badge{background:#a8c37912;color:#bed797;border:1px solid #b6d18d1a}.progress-row{color:#99ad87}.progress-row strong{color:#bfdaa0}.progress-track{background:#b3c79713;height:5px}.progress-track>div{background:linear-gradient(90deg,#758e4f,#c7e394);box-shadow:0 0 12px #c7e39440}.journey-badge{color:#819476;opacity:.75;filter:grayscale(.6)}.journey-badge>span:first-child{background:#bdcf9f05;border-color:#9eb68040}.journey-badge.earned{color:#c8df9e}.journey-badge.earned>span:first-child{background:#bad58612;border-color:#b4d08461}.journey-badge>span:last-child{font-size:8px}.badge-row{border-color:#acc78a1c}.progress-next{font-size:10px;color:#c0d6a6}.progress-next>span:first-child{background:#bfd88e12}.progress-next>span:first-child svg{fill:#bfd88e;color:#bfd88e}.field-note{background:radial-gradient(ellipse at 50% 100%,#203b202e,transparent 70%),#0a1810;border-color:#bdd39e1c;padding:65px 20px}.field-note p{color:#c1d1b2;font-size:33px}.field-note em{color:#d0e4ac}.field-note>span:first-child{color:#79935d}.field-note>span:last-child{color:#859b74;font-size:7px}footer{background:#07110d;color:#bdcfad;padding-top:45px}.footer-main>.brand{color:#e0eacf}.footer-main>p{color:#91a37f;border-color:#acc48c28}.footer-links{color:#b0c39e}.footer-bottom{border-color:#b3c6961e;color:#8e9f7c;font-size:8px}.prototype-label{color:#91a27e}.little-leaf{color:#b3ca8b}
/* The exhibit is immersive; long reading tasks keep the light paper surface. */
dialog:not(.model-dialog){color:var(--ink);box-shadow:0 35px 100px #0008}dialog::backdrop{background:#020a07dd;backdrop-filter:blur(13px)}dialog:not(.model-dialog) .dialog-top{position:sticky;top:-30px;background:var(--paper);z-index:3;padding-top:8px}.model-dialog{width:calc(100% - 32px);max-width:1700px;height:calc(100dvh - 32px);max-height:1100px;inset:16px 0 auto;background:radial-gradient(ellipse at 36% 40%,#203c233d,transparent 65%),#07130e;color:#e1ecd5;border-color:#bdd49c2e;border-radius:12px;scrollbar-gutter:auto;box-shadow:0 25px 100px #0009}.model-dialog .dialog-shell{padding:25px 28px;min-height:100%}.model-dialog .dialog-top{padding-bottom:17px;margin-bottom:14px;align-items:center;border-color:#bbd39c24}.model-dialog .dialog-top h2{font-family:var(--sans);font-size:21px;letter-spacing:-.7px;font-weight:500;margin-top:7px}.model-dialog .dialog-top .eyebrow{color:#99b180;font-size:7px}.model-dialog .dialog-top .icon-button{background:#b8d0950b;border:1px solid #c7dda32a;color:#cce1b3}.model-dialog .dialog-lead{color:#a7bd98;font-size:11px;max-width:none;margin-bottom:17px}.model-dialog .modal-columns{grid-template-columns:minmax(0,1fr) 340px;gap:25px;align-items:start}.model-dialog .model-viewer{height:clamp(330px,calc(100dvh - 270px),820px);min-height:330px;border:1px solid #bdd29f12;background:radial-gradient(ellipse at 50% 45%,#35512b24,transparent 65%);border-radius:8px;isolation:isolate;transition:background .3s}.model-dialog .model-viewer:before{content:'';position:absolute;left:14%;top:20%;width:73%;height:58%;border:1px solid #c0d59618;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 28px #bad58d04;pointer-events:none;z-index:-1}.model-dialog .model-viewer:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#d1e2b955 .7px,transparent .7px),radial-gradient(#c7dca83b .6px,transparent .6px);background-size:133px 127px,83px 91px;background-position:30px 10px,5px 43px;mask-image:radial-gradient(ellipse,transparent 25%,black 90%);pointer-events:none;z-index:-1}.model-dialog .model-viewer canvas{position:relative;z-index:1}.model-dialog .viewer-tip{color:#b0c895;font-size:8px;bottom:16px;left:17px;z-index:2}.model-dialog .viewer-tools{justify-content:center;gap:20px;width:fit-content;max-width:100%;margin:14px auto;padding:8px 12px;border:1px solid #bfdaa329;border-radius:29px;background:#17291dba;backdrop-filter:blur(20px)}.model-dialog .viewer-tools>div{gap:7px!important}.model-dialog .viewer-tools button{background:transparent;color:#c4d9ae;border-color:transparent;border-radius:17px;min-height:33px;font-size:9px;white-space:nowrap}.model-dialog .viewer-tools button:hover{background:#c8e29f12}.model-dialog .viewer-tools button[aria-pressed=true]{background:#bfdb8e17;border-color:#b9d38729}.model-dialog .model-disclaimer,.model-dialog .model-keyboard{color:#9baf8b;text-align:center;font-size:8px;line-height:1.8}.model-dialog .organelle-list{gap:7px;margin-bottom:17px}.model-dialog .organelle-list button{background:#bcd59c0a;color:#bed2a9;border-color:#bcd59c26;font-size:10px;padding:10px 12px;border-radius:4px}.model-dialog .organelle-list button.selected{background:#c7dea523;border-color:#b3cf7f76;color:#e0eccb}.model-dialog .organelle-detail{background:linear-gradient(150deg,#1d3023bf,#102016db);border-color:#c0d89d2e;padding:25px;min-height:285px;box-shadow:0 15px 35px #0002;border-radius:7px}.model-dialog .organelle-detail .small-label{color:#a6bd8e;font-size:8px}.model-dialog .organelle-detail h3{font-size:28px;color:#dfebcf;line-height:1.4;margin-top:13px}.model-dialog .organelle-detail p{color:#b8c8ab;font-size:12px;line-height:2}.model-dialog .fact-note{background:#b8d38b09;border-left-color:#8eab5f;color:#bfcea9;font-size:11px;line-height:1.9;margin-top:20px}.model-dialog .dialog-link{color:#b5cf98;font-size:11px;line-height:1.7;text-align:left;margin:20px 12px 0 0}.model-dialog.is-lit .model-viewer{background:radial-gradient(ellipse,#55774470,#263e2b66 70%)}.model-dialog .model-fallback{color:#c6d8b1}.model-dialog .reduced-motion-note{color:#a3b88e}.model-dialog .viewer-mode-note{font-size:8px;color:#99ae86;text-align:center;margin-top:9px}
@media(min-width:1600px){.hero-content{padding-top:245px;margin-left:max(7%,calc((100% - 1500px)/2))}.hero-specimen{right:5%;height:calc(100% - 230px);max-height:700px}.hero h1{font-size:90px}.hero .hero-background{object-position:50% 65%}.hero-content>p{font-size:14px}.exhibit-coordinate{margin-top:48px}}
@media(max-width:1150px){.site-header{width:93%;padding:0 22px}.desktop-nav{gap:20px;font-size:10px}.hero{min-height:760px;height:100svh;max-height:900px}.hero-content{margin-left:6%;padding-top:210px;width:44%}.hero h1{font-size:clamp(55px,5.7vw,67px)}.hero-content>p{font-size:12px}.hero-buttons{gap:17px;flex-wrap:wrap}.hero-tour{font-size:9px}.hero-footnote{max-width:290px;line-height:1.9;font-size:7px}.exhibit-coordinate{margin-top:33px}.hero-specimen{right:3%;width:53%;height:calc(100% - 225px);top:108px}.specimen-image{min-height:350px}.specimen-caption h2{font-size:17px}.specimen-caption{left:10%;right:0}.specimen-tag{left:12%;font-size:6px;letter-spacing:1.8px}.specimen-label{font-size:8px}.label-one:before{width:35px}.label-two:after{width:25px}.exhibition-dock{bottom:87px}.hero-bottom{left:3.5%;right:3.5%}.section{padding-top:70px;padding-bottom:65px}.collection-section{padding-top:0}.section h2{font-size:33px}.topic-image,.topic-card.featured .topic-image{height:190px}.topic-body{padding:21px 17px 17px}.topic-body h3{font-size:21px}.topic-body p{font-size:11px;min-height:85px}.topic-bottom{gap:8px;flex-wrap:wrap}.topic-bottom button{font-size:10px}.grade-tabs button>span{display:none}.model-card{height:365px}.model-card-bottom h3{font-size:26px}.model-card-bottom p{font-size:10px}.cell-art{height:200px;top:50px}.lab-copy{padding-left:10%;padding-right:10%}.lab-copy h2{font-size:38px}.lab-copy>p{font-size:11px}.journey-intro>h2{font-size:33px}.progress-card{padding:23px}.progress-card-top h3{font-size:15px}.realm-link{gap:14px}.realm-link b{font-size:11px}.realm-number{font-size:27px}.discovery-strip{gap:23px}.model-dialog .modal-columns{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.model-dialog .organelle-detail{padding:20px}.model-dialog .viewer-tools{gap:5px;padding:6px}.model-dialog .viewer-tools button{padding:7px}.model-dialog .dialog-top h2{font-size:20px}}
@media(max-width:760px){.site-header{top:13px;width:92%;height:59px;border-radius:12px;padding:0 15px}.site-header .brand{font-size:23px}.site-header .brand-mark svg{height:28px;width:28px}.site-header .icon-button{width:31px;height:35px}.site-header .header-actions{gap:5px}.site-header .avatar{width:27px;height:27px;font-size:10px}.mobile-nav{top:81px;left:4%;right:4%;border:1px solid #b6ce943d;border-radius:10px;background:#13261aee;color:#dbe7ce;padding:13px 20px;backdrop-filter:blur(25px);box-shadow:0 18px 40px #0006}.mobile-nav a,.mobile-nav button{font-size:12px}.hero{min-height:1060px;height:auto;max-height:none;padding-bottom:80px}.hero-background{opacity:.38;object-position:56% 50%}.hero-shade{background:linear-gradient(0deg,#07110e,transparent 70%),linear-gradient(90deg,#06120ecf,#07130d44)}.hero-content{margin-left:7%;padding-top:128px;width:86%}.hero-eyebrow{font-size:7px;letter-spacing:2px;gap:10px}.hero h1{font-size:clamp(51px,13.8vw,67px);line-height:1.2;letter-spacing:-2px;margin:23px 0 21px}.hero-content>p{font-size:12px;line-height:1.95;color:#b7c8ad}.hero-buttons{gap:19px;flex-wrap:nowrap;margin-top:25px}.hero .button-lime{font-size:10px;padding:0 16px;min-height:46px;gap:18px}.hero-tour{font-size:8px;gap:7px}.play-circle{height:27px;width:27px}.hero-footnote{margin-top:24px;max-width:none;font-size:7px;gap:6px;line-height:1.9}.exhibit-coordinate{display:none}.hero-specimen{position:relative;inset:auto;width:96%;height:385px;max-height:none;max-width:520px;margin:24px auto 0}.specimen-tag{top:7px;left:10%;right:8%;font-size:6px;letter-spacing:1.6px}.specimen-image{height:315px;min-height:0}.hero-model{inset:0 -2%}.specimen-orbit{left:8%;top:19%;width:85%;height:64%}.specimen-orbit:before{inset:-20px}.specimen-label{font-size:8px}.label-one{right:5%;top:30%}.label-one:before{width:23px}.label-two{left:5%;bottom:26%}.label-two:after{width:20px}.specimen-view-hint{font-size:7px;bottom:4%;gap:6px}.specimen-caption{bottom:0;left:7%;right:7%;height:66px;min-height:0;padding-top:15px}.specimen-caption h2{font-size:16px;margin-top:6px;letter-spacing:-.2px}.specimen-caption .small-label{font-size:6px;letter-spacing:1.5px}.specimen-caption .round-button{width:34px;height:34px}.cross-one{top:0;left:5%}.cross-two{bottom:0;right:5%}.exhibition-dock{position:relative;left:auto;bottom:auto;transform:none;margin:27px auto 37px;padding:7px 9px;width:fit-content;gap:10px;max-width:92%}.dock-label{display:none}.specimen-switch{gap:3px}.specimen-switch button{padding:8px 12px;font-size:10px;min-height:37px;gap:7px}.specimen-switch button svg{width:14px;height:14px}.atmosphere-button{padding:6px 9px 6px 0;font-size:8px;gap:5px}.dock-divider{height:20px}.hero-bottom{bottom:19px;left:7%;right:7%;padding-top:15px;font-size:6px}.hero-bottom>span{max-width:155px;line-height:1.9}.hero-bottom a{font-size:7px}.canopy-foreground{height:35%;width:70%;opacity:.18;right:-30%;bottom:3%}.forest-aura{top:30%;height:60%;width:100%;right:0}.discovery-strip{margin:0 7%;gap:15px;padding:21px 0;overflow:visible;display:grid;grid-template-columns:1fr}.realm-link{width:100%;gap:18px;padding:11px 0;min-height:64px}.realm-link:not(:last-child){border-bottom:1px solid #bdd49b13}.realm-number{font-size:24px}.realm-link>span:nth-child(2){font-size:6px;line-height:1.6;letter-spacing:1.7px}.realm-link b{font-size:13px;margin-top:4px}.realm-link>span:last-child{padding-right:3px}.discovery-strip .strip-divider{display:none}.section{padding:51px 7%}.section .eyebrow{font-size:7px;letter-spacing:1.5px}.section h2{font-size:30px;line-height:1.35;margin:15px 0 12px}.section-top{gap:12px;margin-bottom:23px}.section-top p{font-size:11px;line-height:1.9}.section .text-button{font-size:10px}.explore-toolbar{margin-top:25px;margin-bottom:23px;gap:14px}.grade-tabs{padding:5px;width:100%}.grade-tabs button{padding:12px 14px;font-size:11px}.curriculum-note{font-size:8px}.topic-grid{grid-template-columns:1fr;gap:18px}.topic-image,.topic-card.featured .topic-image{height:216px}.topic-body{padding:22px}.topic-body h3{font-size:25px;line-height:1.4}.topic-body p{font-size:12px;line-height:1.9;min-height:0;margin:10px 0 20px}.topic-kicker{font-size:7px}.topic-bottom{gap:8px}.topic-bottom>span{font-size:9px}.topic-bottom button{font-size:11px;min-height:32px}.topic-type{font-size:8px}.bookmark-button{width:34px;height:34px}.topic-card:not(.featured){grid-template-columns:31% 1fr}.topic-card:not(.featured) .topic-image{min-height:245px;height:100%}.topic-card:not(.featured) .topic-body{padding:20px 16px}.topic-card:not(.featured) .topic-body h3{font-size:21px}.topic-card:not(.featured) .topic-body p{font-size:11px;line-height:1.9}.topic-card:not(.featured) .topic-kicker{font-size:6px;letter-spacing:1.1px;line-height:1.8}.topic-card:not(.featured) .topic-type{font-size:6px;top:10px;left:6px;padding:5px}.topic-card:not(.featured) .bookmark-button{width:32px;height:32px;bottom:12px;right:10px}.topic-card:not(.featured) .topic-bottom{display:block}.topic-card:not(.featured) .topic-bottom button{margin-top:5px}.topic-card:not(.featured) .topic-illustration svg{width:60px;height:60px}.collection-section{padding-top:0}.collection-grid{grid-template-columns:1fr;gap:18px}.model-card{height:365px}.model-card-bottom{bottom:25px;left:24px;right:24px}.model-card-bottom h3{font-size:27px;line-height:1.4}.model-card-bottom p{font-size:11px;line-height:1.8;max-width:250px}.model-card-label{left:24px;right:24px;font-size:7px}.cell-art{width:70%;left:15%;top:45px;height:215px}.dna-art{width:55%;left:23%;top:28px}.model-card:before{height:48%;top:15%}.lab-section{margin:0 5%;grid-template-columns:1fr;min-height:0}.lab-visual{min-height:370px}.lab-copy{padding:36px 8% 40px}.lab-copy>.eyebrow{font-size:6px;letter-spacing:1.3px}.lab-copy h2{font-size:37px;margin:20px 0}.lab-copy>p{font-size:12px;line-height:1.95}.lab-copy .button-dark{font-size:11px;min-height:48px}.lab-highlights{gap:15px;margin:23px 0 29px}.lab-highlights>span{font-size:11px}.lab-note{font-size:9px;margin-top:15px}.floating-formula{font-size:15px;left:26px;right:26px}.leaf-caption{bottom:130px;left:27px}.leaf-caption>div{font-size:36px}.journey-section{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:57px}.journey-intro>.eyebrow{font-size:6px;letter-spacing:1.2px}.journey-intro>h2{font-size:32px}.journey-intro>p{font-size:12px;line-height:1.95;max-width:none}.progress-card{padding:23px}.progress-card-top h3{font-size:14px}.progress-card .small-label{font-size:6px}.seed-badge{font-size:8px}.progress-next{font-size:9px}.field-note{padding:46px 7%}.field-note p{font-size:27px}.field-note>span:last-child{font-size:6px;line-height:2;letter-spacing:1.4px}footer{padding:34px 7% 25px}.footer-bottom{font-size:7px;gap:13px}.prototype-label{font-size:6px}dialog:not(.model-dialog) .dialog-top{top:-20px}.model-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:none;inset:8px 0 auto;border-radius:9px}.model-dialog .dialog-shell{padding:18px}.model-dialog .dialog-top{position:sticky;top:-18px;padding:10px 0 15px;background:#0b1b13f2;backdrop-filter:blur(20px);z-index:4;margin-bottom:14px}.model-dialog .dialog-top h2{font-size:18px;line-height:1.5;letter-spacing:-.5px}.model-dialog .dialog-top .eyebrow{font-size:5px;letter-spacing:1.3px}.model-dialog .dialog-top .icon-button{width:37px;height:37px}.model-dialog .dialog-lead{font-size:10px;line-height:1.9;margin-bottom:17px}.model-dialog .modal-columns{grid-template-columns:1fr;gap:24px}.model-dialog .model-viewer{height:350px;min-height:0;border-color:#c0d69e1c}.model-dialog .viewer-tools{margin:12px auto;padding:7px 9px;gap:9px}.model-dialog .viewer-tools button{font-size:8px;min-height:36px;padding:7px}.model-dialog .viewer-tools>div{gap:3px!important}.model-dialog .viewer-tools svg{width:13px;height:13px}.model-dialog .model-disclaimer{font-size:7px;line-height:2}.model-dialog .organelle-list{gap:7px;margin-bottom:18px}.model-dialog .organelle-list button{font-size:10px;min-height:40px;padding:9px 12px}.model-dialog .organelle-detail{padding:23px;min-height:0}.model-dialog .organelle-detail h3{font-size:27px}.model-dialog .organelle-detail p{font-size:12px}.model-dialog .fact-note{font-size:11px}.model-dialog .dialog-link{font-size:11px;margin-top:20px}.model-dialog .viewer-mode-note{font-size:8px}.model-dialog .viewer-tip{font-size:7px;bottom:12px;left:12px}}
@media(max-width:370px){.hero{min-height:1040px}.hero-content{padding-top:124px}.hero h1{font-size:50px}.hero .button-lime{padding:0 14px;gap:10px;font-size:10px}.hero-tour{font-size:7px}.hero-buttons{gap:14px}.hero-footnote{font-size:6px}.hero-specimen{height:365px}.specimen-image{height:295px}.specimen-caption h2{font-size:15px}.exhibition-dock{gap:7px}.atmosphere-button{font-size:7px}.section h2{font-size:28px}.topic-card:not(.featured) .topic-body{padding:18px 13px}.topic-card:not(.featured) .topic-body h3{font-size:20px}.progress-card{padding:20px}.progress-card-top h3{font-size:13px}.model-dialog .viewer-tools{gap:4px;padding:6px}.model-dialog .viewer-tools button{font-size:7px;padding:6px}.model-dialog .dialog-shell{padding:15px}}
@media(min-width:761px) and (max-width:1150px){.hero-specimen{height:calc(100% - 285px)}.hero h1{font-size:clamp(48px,5.3vw,61px)}.hero-specimen .label-two{display:none}.hero-specimen .specimen-image{min-height:300px}.specimen-caption h2{font-size:16px}.specimen-view-hint{font-size:7px}.specimen-caption{left:8%}}
.hero-model-fallback{width:100%;height:100%;position:relative;padding:0;display:grid;place-items:center;color:#c8dcb1}.hero-model-fallback>img{width:90%;height:85%;object-fit:contain;mix-blend-mode:lighten;opacity:.8}.hero-model-fallback>span{position:absolute;bottom:20%;font-size:10px;border:1px solid #b8d49655;padding:9px 14px;background:#102719b3;border-radius:20px}.model-dialog .viewer-tools{flex-wrap:wrap;column-gap:9px;row-gap:3px}
@media(prefers-reduced-motion:reduce){.forest-aura,.canopy-foreground{transform:none}.hero-background{transform:scale(1.02)}}