@font-face{font-family:'Geist';src:url('../assets/geist-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Geist';src:url('../assets/geist-semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Geist Pixel';src:url('../assets/geist-pixel.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;scroll-behavior:smooth;background:#01040a}
html,body{min-width:320px;background:#01040a!important;color:#eef4ff!important;font-family:Geist,system-ui,sans-serif}
body{overflow-x:hidden}
#root{min-height:100vh;background:#01040a;color:#eef4ff}
#root header{display:none!important}
#root main{padding:0!important}
.current-site-header{position:fixed;z-index:100;top:28px;left:36px;right:40px;height:42px;display:flex;align-items:center}
.current-site-header .brand,.current-site-footer .brand{display:block;width:138px;height:34px;flex:0 0 auto}
.current-site-header .brand img,.current-site-footer .brand img{display:block;width:100%;height:100%;object-fit:contain}
.current-site-header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:32px;padding:12px 24px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(129,129,129,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.current-site-header nav a{font-size:16px;color:white;text-decoration:none;white-space:nowrap}
.current-site-header .demo{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:12px 20px;border:0;border-radius:999px;background:#218eff;color:#fff;text-decoration:none;white-space:nowrap;font-size:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#root main>section#top{position:relative;isolation:isolate;min-height:540px;padding:168px 40px 56px;background:radial-gradient(ellipse at 77% 48%,rgba(0,106,255,.18),transparent 34%),linear-gradient(145deg,#040b17 0%,#01040a 70%)!important;color:#f5f8ff!important;border-bottom:1px solid rgba(106,157,226,.14)}
#root main>section#top::before{content:"";position:absolute;z-index:-1;right:5%;top:8%;width:min(40vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,132,255,.22),transparent 68%);filter:blur(20px);pointer-events:none}
#root main>section#top .mx-auto{max-width:1440px}
#root main>section#top h1{max-width:1120px;font-family:'Geist Pixel',Geist,monospace;font-size:clamp(56px,7.8vw,112px)!important;font-weight:400!important;line-height:.96!important;letter-spacing:-.045em!important;color:#f4f8ff!important}
#root main>section#top p{color:#aebbd0}
#root main>section:nth-of-type(2){padding:44px 40px 100px;background:#030812!important;color:#eaf2ff!important}
#root main>section:nth-of-type(2)>.mx-auto{max-width:1600px}
#root main>section:nth-of-type(2) h2{font-family:'Geist Pixel',Geist,monospace;font-weight:400;letter-spacing:-.035em;color:#f5f8ff}
#root main .researcher-masonry article{border:1px solid rgba(160,190,230,.18)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(20,29,44,.94),rgba(9,15,25,.94))!important;color:#e9f1fb!important;box-shadow:0 18px 48px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
#root main .researcher-masonry article h2{margin-top:.55rem;font-family:Geist,system-ui,sans-serif;font-size:1.4rem!important;font-weight:600;line-height:1.15!important;letter-spacing:-.025em!important}
#root main .researcher-masonry article p{color:#ced9e9!important}
@media (min-width:1000px){
  #root main .researcher-masonry{column-count:2;column-gap:1rem}
  #root main .researcher-masonry article{display:inline-block;width:100%;break-inside:avoid}
}
@media (min-width:1000px) and (max-width:1399px){
  #root main .researcher-masonry article>.mt-5.grid{grid-template-columns:minmax(0,1fr)!important}
  #root main .researcher-masonry article .researcher-photo-gallery{width:min(100%,16rem)!important}
}
#root main .text-neutral-400,#root main .text-neutral-500,#root main .text-neutral-600,#root main .text-neutral-700{color:#aabbd1!important}
#root main .text-black{color:#eef4ff!important}
#root main .bg-neutral-100{background:rgba(56,78,110,.22)!important}
#root main [class~="border-black/15"]{border-color:rgba(160,190,230,.18)!important}
#root main .researcher-masonry article a[href^="https://"]{color:#8ecbff!important}
#root main .researcher-masonry article a[href^="https://"]:hover{color:#fff!important}
#root main .photo-carousel{background:#0b1422!important;box-shadow:0 8px 24px rgba(0,0,0,.24)}
#root main .photo-carousel img{border-radius:14px}
#root main .researcher-photo-gallery button[aria-current="true"]{background:#218eff!important}
#root main .researcher-photo-gallery button[aria-current="false"]{background:rgba(255,255,255,.22)!important}
#root main .bg-black{background:#101a2a!important}
#root main .bg-black>a[href^="mailto:connect@nanopore.net"]{background:#0066cc!important;color:#fff!important;font-weight:600;box-shadow:0 8px 24px rgba(0,102,204,.26);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
#root main .bg-black>a[href^="mailto:connect@nanopore.net"]:hover{background:#005bb5!important;box-shadow:0 10px 28px rgba(0,102,204,.36);transform:translateY(-1px)}
#root main .bg-black>a[href^="mailto:connect@nanopore.net"]:focus-visible{outline:3px solid #fff;outline-offset:4px}
#root footer{display:none!important}
.current-site-footer{display:flex;align-items:center;gap:24px;padding:34px 40px;border-top:1px solid rgba(160,190,230,.16);background:#01040a;color:#aebbd0}
.current-site-footer p{margin:0 auto 0 0;max-width:520px;font-size:14px;line-height:1.5}
.current-site-footer>a:last-child{color:#dce8f8;text-decoration:none;font-size:14px}
.current-site-footer>a:last-child:hover{color:#8ecbff}
a:focus-visible,button:focus-visible{outline:2px solid #64b5ff;outline-offset:3px}
@media (orientation:portrait) and (min-width:901px){
  #root main>section#top{min-height:680px;padding-top:190px;padding-bottom:76px}
  #root main>section#top h1{max-width:920px;font-size:clamp(72px,8.5vw,102px)!important}
  #root main>section:nth-of-type(2){padding-top:56px;padding-inline:40px}
}
@media (max-width:900px){
  .current-site-header{left:20px;right:20px}
  .current-site-header nav{display:none}
  .current-site-header .brand{width:116px}
  #root main>section#top{padding:124px 24px 44px;min-height:0}
  #root main>section#top h1{font-size:clamp(48px,9vw,76px)!important}
  #root main>section:nth-of-type(2){padding:34px 24px 72px}
  .current-site-footer{align-items:flex-start;flex-direction:column;gap:16px;padding:30px 24px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

@media (max-width:900px){
  #root main>section:nth-of-type(2) .researcher-masonry{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  #root main>section:nth-of-type(2) .researcher-masonry>article{display:block;width:100%;margin:0}
}
