@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Source+Sans+3:wght@400;450;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#284863;--navydeep:#1c354b;--aqua:#C7E8E7;--teal:#77B4C8;--ice:#D0E8FD;--sky:#70A6CF;--ink:#263b48;--muted:#617887;--line:#dce8eb;--off:#f7faf9;--white:#fff;--radius:14px;--heading:'DM Sans',Arial,sans-serif;--body:'Source Sans 3',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.58;background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--heading);color:var(--navy);line-height:1.16;letter-spacing:-.038em}h1{font-size:clamp(3.1rem,6vw,5.7rem);font-weight:550;letter-spacing:-.065em;line-height:1.055}h2{font-size:clamp(2rem,3.5vw,3.35rem);font-weight:550}h3{font-size:1.35rem;font-weight:600;letter-spacing:-.025em}p{color:#526c7a}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 72px));margin-inline:auto}.page-container{width:min(1020px,calc(100% - 72px));margin-inline:auto}.topline{background:var(--navy);color:#dcecf3;font-size:11px;letter-spacing:.115em;text-transform:uppercase;font-family:var(--heading);font-weight:550;text-align:center;padding:9px 15px}.header{background:#fff;border-bottom:1px solid #e5edf0;position:sticky;top:0;z-index:99;box-shadow:0 4px 16px rgba(31,66,88,.025)}.header-inner{height:82px;display:flex;justify-content:space-between;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:13px;white-space:nowrap}.brand-mark{width:40px;height:40px;border-radius:50%;position:relative;border:1.8px solid var(--navy);transform:rotate(-20deg);flex:none}.brand-mark:before{content:"";position:absolute;width:25px;height:25px;border:1.7px solid var(--teal);border-radius:50%;left:5px;top:5px}.brand-mark:after{content:"";position:absolute;left:16px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--navy)}.brand-words{display:flex;flex-direction:column;gap:1px}.brand-words strong{font:650 20px var(--heading);letter-spacing:-.05em;color:var(--navy);line-height:1.2}.brand-words span{font:500 9px var(--heading);letter-spacing:.18em;text-transform:uppercase;color:#638ba0}.nav{display:flex;align-items:center;gap:27px}.nav a{font:500 13px var(--heading);color:#496779;transition:color .2s}.nav a:hover,.nav a.active{color:#174b70}.nav a.active:after{content:"";display:block;height:2px;background:var(--sky);margin-top:7px}.nav .nav-cta{border:1px solid #adcdd8;border-radius:99px;padding:11px 17px;margin-left:0;color:var(--navy)}.nav .nav-cta:after{display:none}.mobile-toggle{display:none;border:0;background:none;cursor:pointer;padding:10px;color:var(--navy);font:600 15px var(--heading)}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.17em;font:650 11px var(--heading);color:#477b96;margin:0 0 20px}.eyebrow:before{content:"";width:22px;height:2px;background:#77b4c8}.button{display:inline-flex;align-items:center;gap:18px;justify-content:space-between;background:var(--navy);color:#fff;border:1px solid var(--navy);border-radius:99px;padding:14px 24px;font:600 13px var(--heading);transition:transform .2s,background .2s}.button:hover{background:#17354d;transform:translateY(-1px)}.button-outline{background:transparent;color:var(--navy);border-color:#bdced6}.button-outline:hover{background:var(--ice)}.button-light{background:white;border-color:white;color:var(--navy)}.button-light:hover{background:var(--ice)}.arrow{font-size:19px;line-height:0}.hero{background:linear-gradient(115deg,#fafdfe 0%,#fff 64%);overflow:hidden}.hero-inner{min-height:630px;display:grid;grid-template-columns:54% 46%;align-items:center;gap:20px;padding-block:80px 88px}.hero-title em{font-style:normal;color:#699cb8}.hero-lead{font-size:20px;max-width:590px;line-height:1.65;margin-top:27px;margin-bottom:31px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{min-height:470px;position:relative;margin-left:-9px}.halo{position:absolute;inset:6% 0 0 9%;border-radius:50%;background:radial-gradient(circle at 58% 46%,#d1edee 0%,#d5ebf6 45%,#eff7f8 69%,transparent 72%)}.orb{position:absolute;width:315px;height:315px;top:64px;left:calc(50% - 145px);border:1.4px solid #83b7c7;border-radius:50%;transform:rotate(-34deg);box-shadow:0 0 0 39px rgba(180,222,232,.16),0 0 0 95px rgba(207,236,238,.13)}.orb:before,.orb:after{content:"";display:block;position:absolute;border:1px solid #77B4C8;border-radius:50%}.orb:before{width:210px;height:210px;top:49px;left:49px;transform:rotate(80deg) scaleX(.42)}.orb:after{width:274px;height:274px;top:17px;left:17px;transform:rotate(45deg) scaleX(.63)}.orbit{position:absolute;top:34px;left:25px;width:335px;height:335px;transform:rotate(28deg)}.orbit path{stroke:#6193af;stroke-width:1.2;fill:none;stroke-dasharray:3 6}.small-dot{position:absolute;width:12px;height:12px;background:var(--sky);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #9dc5d2}.dot1{top:22%;left:31%}.dot2{top:73%;right:10%}.dot3{top:18%;right:18%}.visual-note{position:absolute;bottom:0;right:0;background:#fff;border:1px solid #dfe9ec;border-radius:10px;box-shadow:0 17px 40px rgba(35,71,92,.08);padding:19px 22px;width:249px}.visual-note .micro{display:block;font:650 10px var(--heading);color:#6494ad;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}.visual-note strong{font:600 16px var(--heading);letter-spacing:-.02em;color:var(--navy)}.visual-note span:last-child{display:block;font:400 13px var(--body);color:#688192;margin-top:6px;line-height:1.4}.band{background:#eaf5f5;border-top:1px solid #dae9ec;border-bottom:1px solid #dae9ec}.band-inner{padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.band strong{color:#294963;font:600 12px var(--heading);letter-spacing:.03em}.band-items{display:flex;gap:35px;flex-wrap:wrap;color:#577b8f;font:550 12px var(--heading)}.band-items span:before{content:'•';color:#67a9c2;margin-right:14px}.section{padding:104px 0}.section-tight{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading p{max-width:410px;margin-bottom:0}.section-intro{max-width:720px;color:#516f7e;font-size:19px}.research-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.research-card{border:1px solid #dfebec;border-radius:13px;background:white;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.research-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(47,93,111,.075)}.card-art{height:172px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-aqua{background:#dcefeb}.art-ice{background:#e2f0fa}.art-blue{background:#d2e6ef}.art-teal{background:#d9ebee}.card-art svg{width:85%;height:85%;opacity:.85}.research-card-content{padding:25px 22px 26px;min-height:211px;display:flex;flex-direction:column}.num{font:650 10px var(--heading);letter-spacing:.16em;color:#6496ad;margin-bottom:16px}.research-card h3{font-size:19px;min-height:46px;margin-bottom:12px}.research-card p{font-size:14px;line-height:1.56;margin-bottom:20px}.text-link{font:650 12px var(--heading);color:#2b6483;display:inline-flex;gap:10px;align-items:center;margin-top:auto}.text-link:hover{color:#153f5e}.paper-feature{background:#f3f8f9;border-top:1px solid #e4eff1;border-bottom:1px solid #e4eff1}.papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.paper{border:1px solid #dfebee;border-radius:12px;background:white;padding:26px 27px;display:flex;flex-direction:column;min-height:295px}.tag{display:inline-block;color:#3a758e;font:650 10px var(--heading);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.paper h3{font-size:20px;line-height:1.35;margin-bottom:14px}.paper p{font-size:14px;margin-bottom:24px}.paper .paper-bottom{border-top:1px solid #e8f0f1;padding-top:16px;margin-top:auto;display:flex;justify-content:space-between;gap:10px;color:#567686;font:550 12px var(--heading)}.sky-cta{background:var(--navy);color:white;position:relative;overflow:hidden}.sky-cta:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(202,232,244,.22);border-radius:50%;right:-80px;top:-200px;box-shadow:0 0 0 70px rgba(202,232,244,.035),0 0 0 140px rgba(202,232,244,.035);pointer-events:none}.sky-cta .container{position:relative;z-index:1}.sky-cta h2,.sky-cta p{color:white}.sky-cta p{opacity:.82;max-width:680px}.cta-inner{display:flex;justify-content:space-between;align-items:end;gap:30px}.cta-inner h2{max-width:780px}.footer{background:#182f42;color:#dae9f0;padding:60px 0 24px}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:60px}.footer .brand-words strong{color:#fff}.footer .brand-words span{color:#a3c8d6}.footer .brand-mark{border-color:#c5e4ea}.footer p{color:#a5bdc9;font-size:14px;max-width:320px;margin-top:22px}.footer h4{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#f1f8f9;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#bfd1d9}.footer-links a:hover{color:white}.footer-bottom{border-top:1px solid #304b5c;margin-top:56px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#96b4c4}.page-hero{background:linear-gradient(120deg,#eef8f8,#f8fcfd 60%,#e6f2f9);padding:90px 0 86px;border-bottom:1px solid #dcebed}.page-hero h1{font-size:clamp(3rem,6vw,5.2rem);max-width:850px;margin-bottom:24px}.page-hero p{font-size:20px;max-width:740px;line-height:1.65;margin-bottom:0}.page-section{padding:82px 0}.rich-list{display:grid;gap:20px}.rich-card{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}.rich-card .rich-number{font:600 12px var(--heading);color:#5b91ae;letter-spacing:.14em}.rich-card h3{font-size:27px;margin-bottom:10px}.rich-card p{max-width:720px}.rich-card .text-link{margin-top:4px}.toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line);margin:8px 0 10px}.search{border:1px solid #cadae0;border-radius:8px;padding:12px 14px;font:400 15px var(--body);min-width:270px;width:min(100%,390px);color:var(--navy);background:#fff}.search:focus{outline:2px solid var(--sky);outline-offset:2px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #c9dce1;border-radius:99px;background:white;padding:8px 15px;cursor:pointer;font:600 12px var(--heading);color:#45697d}.filter.active{background:var(--navy);color:white;border-color:var(--navy)}.pub-item{display:grid;grid-template-columns:72px 1fr auto;gap:22px;padding:29px 0;border-bottom:1px solid var(--line);align-items:start}.pub-year{color:#6d9db5;font:650 13px var(--heading)}.pub-item h3{font-size:20px;line-height:1.38;margin-bottom:9px}.pub-item p{margin-bottom:5px;font-size:14px;line-height:1.5}.pub-item .journal{color:#3b7791;font:600 13px var(--heading)}.pub-item .text-link{margin-top:4px}.soft-note{border-left:3px solid var(--teal);padding:15px 20px;background:#eff8f8;color:#536d7c;font-size:14px;margin:24px 0 0}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.person{border:1px solid #dce8e9;border-radius:12px;padding:26px;min-height:195px}.avatar{width:62px;height:62px;border-radius:50%;background:#dbedf0;color:var(--navy);display:grid;place-items:center;font:550 20px var(--heading);margin-bottom:22px}.person h3{margin-bottom:7px;font-size:19px}.person p{font-size:14px;margin-bottom:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.info-box{border:1px solid #dce8ea;border-radius:14px;padding:30px;background:white}.info-box h3{margin-bottom:12px}.smallprint{font-size:13px;color:#6d8794}.block-quote{font-family:var(--heading);font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.4;letter-spacing:-.035em;color:var(--navy);padding:38px;border-left:3px solid var(--sky);background:#f4f9fa}.not-found{padding:120px 0}.not-found h1{font-size:5rem}.skip{position:absolute;left:-9999px;top:auto}.skip:focus{left:12px;top:12px;background:white;color:var(--navy);padding:12px;z-index:200}.js-hide{display:none!important}@media(max-width:1060px){.nav{gap:15px}.nav a{font-size:12px}.research-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:57% 43%}.hero-title{font-size:clamp(3rem,5.5vw,4.8rem)}.orb{left:0}.visual-note{right:0}}@media(max-width:760px){.container,.page-container{width:min(100% - 38px,650px)}.topline{font-size:9px;line-height:1.4}.header-inner{height:72px}.brand-words strong{font-size:19px}.mobile-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 30px rgba(35,71,92,.08);padding:22px 20px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 16px;font-size:15px}.nav a.active:after{display:none}.nav .nav-cta{margin-top:10px;text-align:center}.hero-inner{display:block;padding-block:72px 50px;min-height:0}.hero-title{font-size:clamp(3.2rem,12.5vw,5.4rem)}.hero-lead{font-size:18px}.hero-visual{margin:20px auto 0;max-width:440px;height:350px;min-height:0}.orb{width:260px;height:260px;left:calc(50% - 130px);top:26px}.orb:before{width:170px;height:170px;left:42px;top:42px}.orb:after{width:225px;height:225px;left:15px;top:15px}.halo{inset:0 0 0 0}.visual-note{bottom:-4px;right:3px}.band-inner{display:block;padding-block:23px}.band-items{margin-top:14px;gap:10px 22px}.section{padding:72px 0}.section-tight{padding:62px 0}.section-heading{display:block}.section-heading p{margin-top:18px}.research-grid,.papers,.people-grid,.info-grid{grid-template-columns:1fr}.research-card-content{min-height:0}.card-art{height:150px}.paper{min-height:0}.cta-inner{display:block}.cta-inner .button{margin-top:20px}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:72px 0}.page-hero p{font-size:18px}.page-section{padding:55px 0}.rich-card{grid-template-columns:1fr;gap:10px}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.pub-item{grid-template-columns:60px 1fr;gap:16px}.pub-item .pub-link{grid-column:2}.info-box{padding:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Epigenome Lab revised design, 2026-10: content-first, publication-aware. */
.nav{gap:20px}.nav a{font-size:12px;white-space:nowrap}.brand{gap:10px}.brand-words strong{letter-spacing:-.055em}.nav .nav-cta{padding:11px 15px}
.hero-inner{grid-template-columns:59% 41%;min-height:670px}.hero-lead{font-size:18px;max-width:650px}.hero .eyebrow{font-size:10px;letter-spacing:.115em}.hero-title{font-size:clamp(3.0rem,5.6vw,5.9rem)}.hero-visual{min-height:480px}.halo{inset:4% -4% 0 4%}.visual-note{right:-3%}
.scientific-glyph{font:300 116px/1 'DM Sans',sans-serif;letter-spacing:-.1em;color:#578daa}.research-card h3{font-size:18px;min-height:0}.research-card-content{min-height:246px}
.sky-cta .eyebrow{color:#b7dbe8}.sky-cta .eyebrow:before{background:#9bcfdf}.sky-cta h2{max-width:720px}.sky-cta p{max-width:800px}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 0}.tag-row span{padding:8px 13px;border:1px solid #7899ad;border-radius:30px;color:#d5edf3;font:500 12px var(--heading)}.paper-feature .paper p{flex:1}.paper .pub-authors u,.lab-author{text-decoration:underline;text-decoration-color:#7da6bc;text-underline-offset:3px;text-decoration-thickness:1px}.paper p{font-size:12px}.paper-bottom .text-link{font-size:11px}
.news-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.news-teaser{border:1px solid #dfebee;border-radius:13px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.news-teaser h3{font-size:21px}.news-teaser p{font-size:14px;flex:1}.news-teaser .text-link{margin-top:18px}
.accent-head{color:#669ab4}.page-hero{background:linear-gradient(110deg,#f0f8fa,#f7fcfd 70%,#eef8fb)}.page-hero h1{max-width:950px}.page-hero .page-container>p{max-width:850px}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{border:1px solid #dce9eb;border-radius:14px;padding:32px;min-height:304px;display:flex;align-items:flex-start;flex-direction:column;background:#fff}.tool-card:nth-child(1){background:#f3fbfc}.tool-card h3{font-size:27px}.tool-card p{font-size:15px;margin-bottom:10px}.tool-card .tool-note{color:#6c8797;font-size:13px;margin:7px 0 20px}.tool-card .text-link{margin-top:auto}.section-kicker-title{margin-bottom:36px}
.ml-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.ml-card{border:1px solid #d8e8e9;border-radius:14px;padding:29px;background:white}.ml-card h3{font-size:22px;line-height:1.3}.ml-card p{font-size:15px}.ml-id{font:650 12px var(--heading);color:#5a90a5;display:block;margin-bottom:20px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.resource-card{border:1px solid #dde8ed;border-radius:14px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.resource-card h3{font-size:20px}.resource-card p{font-size:14px;flex:1}.resource-card .text-link{margin-top:15px}
.author-legend{font-size:14px;color:#56778a;margin-bottom:14px}.author-legend u{text-underline-offset:3px}.pub-item{grid-template-columns:65px minmax(0,1fr) 125px}.pub-item h3{font-size:19px}.pub-status{font-size:11px;font-weight:500;color:#6d8899}.pub-item .pub-link{text-align:right}.pub-item .journal{font-size:13px}.pub-item .pub-authors{font-size:14px;color:#526c7a;margin-bottom:8px}.directory-note{border-left:3px solid #77b4c8;background:#f0f8f9;padding:21px 24px;font-size:14px;margin-top:35px}.directory-note a{font-weight:600;color:var(--navy);text-decoration:underline}.toolbar .filters{gap:6px}.toolbar .filter{font-size:11px;padding:9px 13px}
.pi-feature{display:flex;gap:24px;align-items:center;border:1px solid #dce8e9;border-radius:14px;padding:29px;max-width:750px;margin-top:25px}.pi-feature h3{margin-bottom:9px}.pi-feature p{margin-bottom:8px;font-size:15px}.avatar-large{width:80px;height:80px;margin-bottom:0;flex-shrink:0}.content-spacer{height:75px}.person .smallprint{margin-top:10px}.alumni-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:30px}.alumnus{background:#f4f9fa;border:1px solid #e3edef;border-radius:12px;padding:23px}.alumnus h3{font-size:16px;line-height:1.3;margin-bottom:7px}.alumnus p{font-size:13px;margin:0}
.news-list{display:grid;gap:0}.news-item{display:grid;grid-template-columns:95px minmax(0,1fr);gap:35px;padding:30px 0;border-bottom:1px solid #d9e8eb}.news-item h3{font-size:25px;line-height:1.24;margin-bottom:12px}.news-item p{max-width:770px;font-size:16px}.news-date{font:650 13px var(--heading);color:#6699b5}.news-item .tag{margin-bottom:9px}.empty-news{padding:32px;background:#f0f8f9;border-radius:9px;margin-top:22px;color:#526c7a}.section .info-grid{margin-top:26px}
@media(max-width:1190px){.nav{gap:12px}.nav a{font-size:11px}.brand-words strong{font-size:18px}.brand-words span{font-size:8px}.header-inner{gap:15px}}
@media(max-width:1000px){.header-inner{height:76px}.nav{gap:8px}.nav a{font-size:10px}.nav .nav-cta{padding:8px 10px}.brand-mark{width:33px;height:33px}.brand-mark:before{width:21px;height:21px;left:4px;top:4px}.brand-mark:after{left:13px;top:12px}.hero-inner{grid-template-columns:1fr 0.55fr}.hero-title{font-size:clamp(3.1rem,5.6vw,4.7rem)}.hero-visual{min-height:380px}.orb{width:235px;height:235px;left:12%;top:70px}.orb:before{width:155px;height:155px;top:38px;left:38px}.orb:after{width:198px;height:198px;top:18px;left:18px}.visual-note{right:0;bottom:12px}.ml-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.nav{gap:0}.nav a{font-size:15px}.brand-words strong{font-size:19px}.brand-words span{font-size:9px}.header-inner{height:72px}.hero-inner{display:block;padding-block:72px 50px}.hero-title{font-size:clamp(3rem,11.4vw,5.0rem)}.hero-lead{font-size:17px}.hero-visual{height:350px;min-height:0;max-width:400px}.hero .eyebrow{letter-spacing:.11em;line-height:1.7}.research-card-content{min-height:0}.tools-grid,.ml-grid,.resource-grid,.news-teasers,.alumni-grid{grid-template-columns:1fr}.news-item{grid-template-columns:55px minmax(0,1fr);gap:18px}.news-item h3{font-size:21px}.pub-item{grid-template-columns:50px minmax(0,1fr);gap:14px}.pub-item .pub-link{text-align:left}.content-spacer{height:55px}.pi-feature{padding:22px;align-items:start}.pi-feature .avatar{width:55px;height:55px;line-height:1.2;font-size:16px}.directory-note{padding:18px}}
/* A compact navigation avoids collisions at laptop widths. */
@media(max-width:1150px){
.header-inner{height:74px}.mobile-toggle{display:block}
.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(35,71,92,.09);padding:18px 32px;flex-direction:column;align-items:stretch;gap:0}
.nav.open{display:flex}.nav a{padding:12px 16px;font-size:15px}.nav a.active:after{display:none}.nav .nav-cta{margin-top:8px;text-align:center}
}
@media(max-width:760px){.nav{top:72px}}


/* V4 — crisp aqua / turquoise palette; brighter accents and no purple or cobalt spectrum. */
:root{--navy:#20586A;--navydeep:#16414D;--aqua:#C4E8E6;--teal:#4AB4C6;--ice:#D5EDFA;--sky:#239CCD;--ink:#23454F;--muted:#557786;--line:#CEE2E7;--off:#F6FBFC}
body{color:var(--ink)}p{color:#526F7B}h1,h2,h3,h4{color:#214B5C}
.topline{background:#20586A;color:#F3FEFF;border-bottom:3px solid #33B2C4}
.header{border-color:#dbe9eb;box-shadow:0 6px 22px rgba(25,94,107,.035)}
.brand-words strong{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.065em;color:#20586A;text-transform:lowercase;font-size:22px}
.brand-words span{color:#39829A;letter-spacing:.12em;font-size:8px}
.brand-image{height:43px;width:43px;display:block;object-fit:contain;border:none;border-radius:0;transform:none}
.brand-image:before,.brand-image:after{display:none}
.nav a{color:#375F72}.nav a.active,.nav a:hover{color:#008EA5}.nav a.active:after{background:#13ABBC}
.nav .nav-cta{color:#20586A;border-color:#94C8D2}
.eyebrow{color:#167D95}.eyebrow:before{background:#18A9BD;width:30px;height:3px}
.hero{background:linear-gradient(115deg,#FFF 0%,#FFF 50%,#F0FAFB 100%)}.hero-inner{grid-template-columns:55% 45%;min-height:610px}
.hero-title em,.accent-head{color:#209FC0}.hero-lead{color:#526F7B}
.button{background:#18667B;border-color:#18667B}.button:hover{background:#104A5B}.button-outline{background:white;color:#20586A;border-color:#A5CED6}.button-outline:hover{background:#E5F7F8}
.hero-visual{min-height:480px;margin-left:6px;position:relative}
.logo-disc{position:absolute;left:3%;top:4%;width:94%;height:89%;border-radius:50%;background:radial-gradient(circle,#D1F2F2 0%,#D5EFF8 55%,transparent 72%);filter:blur(.8px)}
.hero-original-mark{position:absolute;right:0;top:8%;height:80%;max-width:97%;width:auto;object-fit:contain;filter:drop-shadow(0 17px 16px rgba(34,106,121,.08))}
.visual-note{bottom:0;right:-2%;background:white;border:1px solid #D5E9EB;box-shadow:0 10px 30px rgba(15,80,91,.07);border-left:4px solid #0FAFC0;border-radius:8px;padding:15px 19px}
.visual-note .micro{color:#1689A0}.visual-note strong{color:#20586A}
.band{background:linear-gradient(95deg,#C7EDEB,#E1F4F8);border-color:#C5E7E9}.band-inner strong{color:#20586A}.band-items span{color:#34778A}.band-items span:before{color:#0EA8BC}
.art-aqua{background:#BFE8E4}.art-ice{background:#CEE9F9}.art-blue{background:#B4E0EC}.art-teal{background:#D6F1EB}
.art-type{font:700 23px/1.08 var(--heading);letter-spacing:-.045em;color:#23677A;max-width:160px;white-space:normal;overflow-wrap:anywhere}
.research-card{border-color:#D3E7E9;border-radius:15px;box-shadow:0 9px 25px rgba(27,93,108,.035)}
.research-card:nth-child(2) .art-type{color:#187D9E}.research-card:nth-child(4) .art-type{color:#088B9E}
.sky-cta{background:linear-gradient(105deg,#187385,#1A8A9B 58%,#279DBA)}.sky-cta h2,.sky-cta p{color:#fff}.sky-cta .tag-row span{border-color:#BFE9E6;color:#F5FFFF}.sky-cta .eyebrow{color:#E0FCFF}.sky-cta .eyebrow:before{background:#D1F5F4}
.paper-feature{background:#F4FAFB;border-color:#D8EBED}.paper,.info-box,.ml-card,.tool-card,.resource-card{border-color:#CFE3E8}
.page-hero{background:linear-gradient(110deg,#F1FAFA,#F8FDFE 65%,#E8F6FC)}.page-hero p{color:#557381}.page-hero h1{color:#20586A}
.text-link,.directory-note a{color:#087B9E}.tag,.news-date,.rich-number{color:#1585A3}
.avatar{background:#D5F0EF;color:#20586A}.pi-feature{border-color:#CFDDE1}.alumnus{background:#F4FAFB;border-color:#DCEBED}
.filters .filter.active{background:#166C82;color:#fff}.directory-note{border-left-color:#13B0C0;background:#ECF8F8}
.footer{background:#153D49}.footer p,.footer-links a,.footer-links span{color:#CEE3E8}.footer .brand-words strong{color:#fff}.footer .brand-words span{color:#B5DBE5}.footer .brand-image{filter:brightness(0) invert(1)}
@media(max-width:1000px){.hero-original-mark{right:0;top:15%;height:70%}}
@media(max-width:760px){.hero-inner{display:block}.hero-original-mark{top:3%;right:12%;height:89%}.logo-disc{height:100%}.hero-visual{margin:20px auto 0;max-width:410px;min-height:320px}.art-type{font-size:22px}.brand-words span{font-size:7px}}

/* V5: return to the preferred V3 PNG artwork with cleaner cropping and alignment. */
.brand-image{width:43px;height:43px;object-fit:contain;flex:none}
.hero-visual{overflow:hidden;isolation:isolate}
.hero-original-mark{position:absolute;right:0;top:9%;height:80%;max-width:97%;object-fit:contain;filter:drop-shadow(0 15px 14px rgba(34,106,121,.06))}
.logo-disc{z-index:-1}
.visual-note{z-index:2;right:0;bottom:0}
@media(max-width:1000px){.hero-original-mark{top:11%;height:75%}}
@media(max-width:760px){.hero-original-mark{top:3%;right:10%;height:86%}}

/* V6: clean vector symbol and improved CTA button contrast. */
.brand-image{image-rendering:auto}
.footer .brand-image{filter:brightness(0) invert(1) saturate(0)}
.sky-cta .button-light{
  background:rgba(18,86,101,.24);
  border-color:rgba(236,252,255,.34);
  color:#f7feff;
  box-shadow:0 8px 18px rgba(12,48,61,.14);
}
.sky-cta .button-light:hover{
  background:rgba(13,63,74,.34);
  color:#ffffff;
}
.sky-cta .button-light .arrow,.sky-cta .button-light span[aria-hidden="true"]{color:#f7feff}

/* V7 — vector artwork extracted from the original Epigenome Lab PowerPoint. */
.brand-image { width:45px; height:45px; object-fit:contain; flex:none; }
.footer .brand-image { filter:none; }
.hero-original-mark { max-width:100%; object-fit:contain; }

/* V13: original research-related SVG illustrations and published values plot */
.card-art {height:172px; padding:0}
.card-art img {display:block;width:100%;height:100%;object-fit:cover;opacity:1}
.research-visual {width:225px;max-width:100%;justify-self:end;align-self:center}
.research-visual img {width:100%;height:auto;display:block;border-radius:13px;border:1px solid #d8e9ed}
.rich-card {grid-template-columns:145px minmax(0,1fr) 225px;gap:25px}
.published-figure {margin:40px auto 5px;max-width:810px}
.published-figure img {width:100%;height:auto;display:block;border:1px solid #d9ebee;border-radius:15px;background:#f4fafb}
.published-figure figcaption {font-size:13px;color:#607a86;line-height:1.5;padding:12px 5px}
.published-figure figcaption a,.spotlight-source a{color:#137f9e;text-decoration:underline;text-underline-offset:3px}
.science-highlight {background:#fff;padding-top:80px}
.science-spotlights {display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center;margin-top:24px}
.science-spotlights article:first-child {padding:28px 20px 28px 0}
.science-spotlights article h3{font-size:clamp(1.5rem,2.8vw,2.5rem);margin-top:18px}
.science-spotlights article p{font-size:16px;max-width:440px}
.spotlight-meta {font:600 11px var(--heading);letter-spacing:.13em;color:#278da4}
.spotlight-visual img{width:100%;height:auto;border-radius:13px;border:1px solid #daebef}
.spotlight-source{font-size:12px!important;line-height:1.4;margin:8px 0 0}
@media (max-width:850px){.rich-card{grid-template-columns:110px minmax(0,1fr)}.research-visual{grid-column:2;justify-self:start}}
@media (max-width:760px){.science-spotlights{grid-template-columns:1fr;gap:12px}.science-spotlights article:first-child{padding:0}.rich-card{grid-template-columns:1fr;gap:8px}.research-visual{grid-column:1;width:100%;max-width:320px}}
@media (prefers-reduced-motion:reduce){.research-card,.button{transition:none}}

/* Phase 4: consistent non-emoji SVG external/link arrows for Safari and other browsers. */
.link-arrow{width:.88em;height:.88em;display:inline-block;vertical-align:-.08em;margin-left:.26em;flex:none;stroke:currentColor;overflow:visible}