@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--space-bg:#07111f;--space-panel:#0b1a2b;--space-panel-raised:#102438;--space-ink:#eaf1f2;--space-muted:#a8b8c4;--space-teal:#79e5d2;--space-line:#ffffff20;--space-font:'DM Sans',Arial,sans-serif;--space-display:'Space Grotesk','Arial',sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body.u-body,body:has(.project-tabs){position:relative;isolation:isolate;background:transparent!important;color:var(--space-ink)!important;font-family:var(--space-font)!important}
body.u-body::before,body:has(.project-tabs)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06101bbd,#07111fe0),url("images/earth-moon-artemis.jpg") center 48%/cover no-repeat}
body.u-body::after,body:has(.project-tabs)::after{content:"";position:fixed;inset:-18% 0;z-index:-1;pointer-events:none;opacity:.38;background-image:radial-gradient(1.2px 1.2px at 18% 20%,#edffff 48%,transparent 60%),radial-gradient(1px 1px at 70% 32%,#d0f8ff 48%,transparent 62%),radial-gradient(1.4px 1.4px at 83% 76%,#fff 48%,transparent 62%),radial-gradient(1px 1px at 36% 70%,#c7f0ff 48%,transparent 62%),radial-gradient(1px 1px at 54% 47%,#fff 48%,transparent 62%);background-size:330px 290px,410px 350px,390px 320px,460px 410px,370px 300px;animation:subpage-star-drift 95s linear infinite}
@keyframes subpage-star-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-70px,90px,0)}}
body.u-body h1,body.u-body h2,body.u-body h3,body.u-body h4,body.u-body h5,body.u-body h6{font-family:var(--space-display)!important;color:var(--space-ink)!important;letter-spacing:-.035em}
body.u-body p,body.u-body li{color:var(--space-muted)}
body.u-body a{color:var(--space-teal)}
body.u-body a:hover{color:#d5fff6}
.u-header{position:relative;background:#07111fc4!important;color:#fff!important;border-bottom:1px solid var(--space-line);box-shadow:none!important;backdrop-filter:blur(12px)}
.u-header{z-index:5}
.u-header .u-sheet-1{position:relative;max-width:1180px;height:90px!important}
.u-header .u-image.u-logo.u-image-1{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%);display:flex!important;align-items:center;justify-content:center;width:164px!important;height:72px!important;margin:0!important}
.u-header .u-logo-image-1{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:left center;filter:brightness(0) invert(1)}
.u-header .u-image.u-logo.u-image-2{position:absolute!important;left:184px!important;top:50%!important;transform:translateY(-50%);display:flex!important;align-items:center;justify-content:center;width:176px!important;height:58px!important;margin:0!important}
.u-header .u-logo-image-2{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:left center;filter:none!important}
.u-header .u-sheet-1:not(:has(.u-image-2))::after{content:"";position:absolute;left:184px;top:50%;transform:translateY(-50%);width:176px;height:58px;background:url("images/ESA_BIC_Greece_WT-2-1024x3221.png") left center/contain no-repeat}
.u-header .u-nav-link{color:#d7e2e8!important;font-family:var(--space-font)!important;font-size:13px!important;transition:color .2s}
.u-header .u-nav-link:hover,.u-header .u-nav-link:focus{color:var(--space-teal)!important}
.u-header .u-menu-collapse .u-nav-link{color:#d7e2e8!important}
section[class*="u-section"]{position:relative;z-index:1;background-color:transparent!important;color:var(--space-ink)!important;background-image:linear-gradient(180deg,#081624a8,#07111f9c)!important}
section[class*="u-section"]:nth-of-type(even){background-color:transparent!important;background-image:linear-gradient(140deg,#0a1a2a88,#07111f95 68%)!important}
.u-section .u-sheet{color:var(--space-ink)}
.u-text,.u-text-default,.u-text-palette-1-base,.u-text-palette-1-dark-2,.u-text-palette-2-base{color:var(--space-ink)!important}
.u-text-palette-1-base,.u-text-palette-1-dark-2{color:var(--space-teal)!important}
.u-list-item,.u-layout-cell,.u-tab-pane,.u-container-style.u-white,.u-container-style.u-grey-5,.u-container-style.u-palette-1-light-2{background:#102438!important;color:var(--space-ink)!important;border:1px solid var(--space-line);border-radius:5px}
.u-image-circle{border:2px solid #79e5d277;box-shadow:0 0 28px #47d9ca22}
.u-btn,.u-button-style{border-radius:2px;transition:background-color .2s,color .2s,border-color .2s}
.u-btn:not(.u-button-link){background-color:#79e5d2!important;color:#07111f!important;border-color:#79e5d2!important}
.u-btn:hover:not(.u-button-link){background-color:#b3fff1!important;color:#07111f!important}
.u-footer{background:#050c15!important;color:var(--space-muted)!important;border-top:1px solid var(--space-line)}
.u-footer p,.u-footer a{color:var(--space-muted)!important}
/* Project detail pages */
body:has(.project-tabs){color:var(--space-ink)!important;font-family:var(--space-font)!important}
.project-tabs{position:relative;z-index:1;color:var(--space-ink)!important;background:#07111f73;border:1px solid var(--space-line);border-radius:8px;padding:26px!important;backdrop-filter:blur(3px)}
.project-tabs h1,.project-tabs h2,.project-tabs h3,.project-tabs h4{font-family:var(--space-display)!important;color:var(--space-ink)!important}
.project-tabs p,.project-tabs li{color:var(--space-muted)!important;line-height:1.75}
.tab-buttons{border-color:var(--space-line)!important}
.tab-buttons button{font-family:var(--space-font)!important;color:var(--space-muted)!important;border-bottom-color:transparent!important}
.tab-buttons button.active,.tab-buttons button:hover{color:var(--space-teal)!important;border-bottom-color:var(--space-teal)!important}
.tab-content img{border:1px solid var(--space-line)!important;border-radius:5px!important;box-shadow:0 18px 55px #0005!important;background:var(--space-panel)!important}
.tab-content .tab-text h4{color:var(--space-teal)!important}
.project-tabs a{color:var(--space-teal)!important}
.project-tabs .back-link,.project-tabs a.back-link{display:inline-flex;align-items:center;gap:9px;margin:30px 0 48px;padding:12px 18px;border:1px solid #79e5d277;color:var(--space-teal)!important}
.u-section .fr-view img{border:1px solid var(--space-line);border-radius:5px}
@media(max-width:900px){.u-header .u-image.u-logo.u-image-1{width:142px!important;height:62px!important}.u-header .u-image.u-logo.u-image-2{left:160px!important;width:152px!important;height:50px!important}.u-header .u-sheet-1:not(:has(.u-image-2))::after{left:160px;width:152px;height:50px}}
@media(max-width:650px){.u-header .u-sheet-1{height:78px!important}.u-header .u-image.u-logo.u-image-1{width:100px!important;height:44px!important}.u-header .u-image.u-logo.u-image-2{left:112px!important;width:94px!important;height:34px!important}.u-header .u-sheet-1:not(:has(.u-image-2))::after{left:112px;width:94px;height:34px}.u-header .u-nav-container-collapse{background:#07111f!important}.u-header .u-sidenav{background:#0b1a2b!important}.tab-buttons button{padding:10px 12px!important;font-size:12px}.tab-content{gap:20px!important}.tab-content img{max-width:100%!important;max-height:260px!important}.project-tabs{padding:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.u-body::after,body:has(.project-tabs)::after{animation:none!important}.u-btn,.u-button-style,.u-nav-link{transition:none!important}}
/* Align project and team profile content centrally over the same full-screen space backdrop. */
body.project-profile,body.team-profile{min-height:100vh;display:flex;flex-direction:column}
body.project-profile::before,body.team-profile::before{background-position:center center!important;background-size:cover!important}
body.project-profile>.u-header,body.team-profile>.u-header{flex:0 0 90px}
body.project-profile>header.simple-header{flex:0 0 98px}
body.project-profile>.project-tabs{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;width:fit-content;max-width:min(1200px,calc(100% - 48px));height:auto;min-height:0;margin:auto!important;padding:26px!important;align-self:center;box-sizing:border-box}
body.project-profile>.project-tabs>.tabs{width:100%;min-width:0}
body.project-profile>main.detail{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 98px);margin:0 auto!important}
body.project-profile>.u-section-1{flex:1 0 auto;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 90px)}
body.project-profile>.u-section-1>.u-sheet{width:min(1180px,calc(100% - 48px));margin:auto;display:flex;align-items:center}
body.team-profile>.u-section-1{flex:1 0 auto;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 90px);padding:36px 0}
body.team-profile>.u-section-1>.u-sheet{width:min(1180px,calc(100% - 48px));margin:auto;display:flex;align-items:center}
body.team-profile .u-layout-wrap{width:100%}
@media(max-width:650px){body.project-profile>.u-header,body.team-profile>.u-header{flex-basis:78px}body.project-profile>header.simple-header{flex-basis:78px}body.project-profile>.project-tabs{width:calc(100% - 28px);margin:20px auto!important}body.team-profile>.u-section-1{min-height:calc(100svh - 78px);padding:22px 0}body.project-profile>.u-section-1{min-height:calc(100svh - 78px)}body.project-profile>.u-section-1>.u-sheet,body.team-profile>.u-section-1>.u-sheet{width:calc(100% - 28px)}body.project-profile>main.detail{min-height:calc(100svh - 78px)}}
.real-subpage-satellite{position:fixed;z-index:0;top:27vh;right:7vw;width:clamp(190px,25vw,340px);height:auto;pointer-events:none;mix-blend-mode:screen;opacity:.56;filter:saturate(.82) contrast(1.08);mask-image:radial-gradient(ellipse at center,#000 42%,#000a 65%,transparent 86%);animation:real-subpage-flight 34s ease-in-out infinite}
@keyframes real-subpage-flight{0%,100%{transform:translate3d(0,0,0) rotate(3deg)}50%{transform:translate3d(-80px,42px,0) rotate(-4deg)}}
@media(max-width:650px){.real-subpage-satellite{top:18vh;right:3vw;width:185px;opacity:.36}}
@media(prefers-reduced-motion:reduce){.real-subpage-satellite{animation:none!important}}
/* Remove large fading satellite cutouts; retain the shared planet backdrop and moving stars. */
.real-subpage-satellite,.orbital-photo,.comet{display:none!important}
/* Project pages share the team profile backdrop and centered page scaffold, without a separate header band. */
body.project-profile .u-menu,body.project-profile .simple-nav{display:none!important}
body.project-profile .u-header .u-image-1,body.project-profile .u-header .u-image-2,body.project-profile .u-header .u-sheet-1::after,body.project-profile .simple-header>a{display:none!important}
/* Keep the content glass panel, but let the company mark sit directly over the live space backdrop. */
body.project-profile>.u-header,body.project-profile>header.simple-header,body.project-profile>.u-header>.u-sheet-1{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
body.project-profile>.u-header::before,body.project-profile>.u-header::after,body.project-profile>header.simple-header::before,body.project-profile>header.simple-header::after{content:none!important;display:none!important}
body.project-profile>.u-header,body.project-profile>header.simple-header{display:none!important}
body.project-profile>.project-tabs,body.project-profile>main.detail{background:#07111f9c!important;border:1px solid #ffffff20!important;border-radius:8px;backdrop-filter:blur(5px)!important;box-shadow:none!important}
body.project-profile>section[class*="u-section"]{background:transparent!important;background-image:none!important}
body.project-profile>.project-tabs,body.project-profile>main.detail{height:auto!important;min-height:0!important;flex:0 0 auto!important;align-self:center}
body.project-profile>main.detail{margin:auto!important}
.project-tabs .tab-content img,.project-profile .detail .project-logo{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;object-fit:contain}
.ssl-footer{min-height:74px;padding:10px 24px;display:flex;align-items:center;justify-content:center;background:#030a12;border-top:1px solid #ffffff18}
.ssl-footer img{display:block;width:222px;height:54px;object-fit:contain}
@media(max-width:650px){body.project-profile>.project-tabs{width:calc(100% - 28px);margin:20px auto!important}.ssl-footer{min-height:70px;padding:8px}}

/* Project-specific photographic backdrops; the star layer and content panels stay shared. */
body.project-profile.project-sharc-page::before{background:linear-gradient(180deg,#06101bc2 0%,#07111fc9 100%),url("https://images.unsplash.com/photo-1653943406937-8575f0907603?auto=format&fit=crop&w=2400&q=85") center 52%/cover no-repeat!important}
body.project-profile.project-bio-page::before{background:linear-gradient(180deg,#06101bc7 0%,#07111fd1 100%),url("https://news.uchicago.edu/sites/default/files/images/2021-06/materialsfeature_1.png") center 48%/cover no-repeat!important}
body.project-profile.texcure-ai-page .detail .project-logo{background:#fff!important;padding:16px!important}
.project-back-link{position:relative;z-index:2;display:block;width:max-content;max-width:calc(100% - 32px);margin:20px auto 32px;padding:12px 18px;border:1px solid #79e5d277;color:#79e5d2!important;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s,color .2s}
.project-back-link:hover,.project-back-link:focus-visible{background:#79e5d2;color:#07111f!important;outline:none}
