/* V3 — photographic light, restrained proportions, individual scientific visualizations.
   Presentation-only additions. Existing content and destination URLs are untouched. */
:root{--bg:#0a0d0f;--ink:#f1f1ee}
body{background:#0b0e11;color:rgba(244,245,242,.72)}
.header{background:rgba(10,13,16,.77);border-color:rgba(255,255,255,.085)}
.brand{font-size:13px;letter-spacing:-.015em;font-weight:500}
.navlinks a{letter-spacing:.045em;font-size:10px}
.hero-scene,body.home .hero-scene,body.ventures .hero-scene,body.institute .hero-scene,body.academic .hero-scene{background-color:#0b0e10}
/* Textured, diffuse light from a raster photograph-style field — no hard vector ellipses. */
.hero-scene::before,
body.home .hero-scene::before,
body.ventures .hero-scene::before,
body.institute .hero-scene::before,
body.academic .hero-scene::before{
  content:"";position:absolute;inset:-3%;z-index:-2;
  background-repeat:no-repeat;background-size:cover;background-position:center;
  opacity:1;pointer-events:none;
  filter:saturate(.91);
  animation:atmosphere-drift 26s ease-in-out infinite alternate;
}
body.home .hero-scene::before{background-image:url('atmosphere-home.jpg')}
body.ventures .hero-scene::before{background-image:url('atmosphere-ventures.jpg')}
body.institute .hero-scene::before{background-image:url('atmosphere-institute.jpg')}
body.academic .hero-scene::before{background-image:url('atmosphere-academia.jpg')}
.hero-scene::after,body.home .hero-scene::after,body.ventures .hero-scene::after,body.institute .hero-scene::after,body.academic .hero-scene::after{display:none!important;content:none!important}
@keyframes atmosphere-drift{from{transform:scale(1.005) translate(0,0)}to{transform:scale(1.045) translate(-.7%,.5%)}}
/* Keep text separate from the glowing form while allowing the glow to pass behind it. */
body:not(.home) .hero-scene .page-hero{z-index:3;position:relative}
body:not(.home) .hero-scene .page-hero > *{position:relative;z-index:3}
body.academic .academic-hero{position:relative;z-index:3}
body:not(.home) .hero-scene::before{filter:saturate(.94)}
/* Cover previous diagram treatment; retain its DOM for backwards compatibility. */
.schematic{display:none!important}
.hero-form{position:absolute;inset:18px -1% 0 auto;width:min(63%,900px);height:calc(100% - 30px);z-index:1;pointer-events:none;overflow:hidden;opacity:.95;mix-blend-mode:screen}
.hero-form canvas{display:block;width:100%;height:100%}
.hero-form--ventures{right:-5%;top:4%;width:65%;opacity:.88;filter:drop-shadow(0 0 15px rgba(255,243,231,.13))}
.hero-form--institute{right:0;width:59%;opacity:.73}
.hero-form--academia{right:-4%;top:2%;width:61%;opacity:.77}
body.ventures .hero-scene .page-hero{max-width:670px;margin-left:0;padding-top:153px;padding-bottom:90px}
body.ventures .page-hero h1{font-size:clamp(54px,5.6vw,83px)}
body.institute .page-hero h1{font-size:clamp(52px,5.4vw,78px)}
body.academic .academic-hero h1{font-size:clamp(47px,5.1vw,72px)}
body:not(.home) .hero-scene .page-hero p.intro{max-width:540px}
body.ventures .hero-scene .page-hero p.intro{max-width:470px}
body:not(.home) .hero-scene .page-hero{min-height:620px}
body.academic .academic-hero{min-height:630px}
body.home .hero-scene .hero{min-height:750px}
body.home .cosmos-visual{opacity:.94;filter:contrast(.93)}
/* Section backgrounds use a low-key, photographic rather than diagrammatic treatment. */
#work.section{background-image:linear-gradient(rgba(12,15,18,.90),rgba(12,15,18,.90)),url('atmosphere-ventures.jpg');background-size:cover;background-position:center}
#work.section::before{display:none}
.contact{background-image:linear-gradient(rgba(11,14,17,.88),rgba(11,14,17,.88)),url('atmosphere-institute.jpg');background-size:cover;background-position:center;border-top-color:rgba(255,255,255,.09)}
/* More clinical / architectural in place of an oversized editorial tone. */
.section-title h2{letter-spacing:-.037em}
.hero h1{letter-spacing:-.058em}
.hero .statement{letter-spacing:-.026em}
.page-hero h1{letter-spacing:-.045em}
.research-pair h3,.project-title,.about-grid h2,.venture-section h2{letter-spacing:-.033em}
@media(max-width:1100px){
 .hero-form{width:70%;right:-12%;opacity:.67}
 .hero-form--ventures{width:80%;right:-20%}
 body.ventures .hero-scene .page-hero{max-width:60%}
}
@media(max-width:760px){
 .hero-scene::before,body.home .hero-scene::before,body.ventures .hero-scene::before,body.institute .hero-scene::before,body.academic .hero-scene::before{background-position:63% center;inset:-2%}
 body.home .hero-scene .hero{min-height:865px}
 body:not(.home) .hero-scene,body:not(.home) .hero-scene .page-hero{min-height:740px}
 body:not(.home) .hero-scene .page-hero{min-height:740px;padding:130px 0 320px}
 body.ventures .hero-scene .page-hero{max-width:100%;padding:134px 0 325px}
 body:not(.home) .page-hero h1,body.ventures .page-hero h1,body.institute .page-hero h1{font-size:clamp(42px,9.6vw,61px);margin-bottom:21px}
 body.academic .academic-hero{min-height:740px;padding:130px 0 340px}
 body.academic .academic-hero h1{font-size:clamp(40px,8.9vw,57px)}
 .hero-form,.hero-form--ventures,.hero-form--institute,.hero-form--academia{top:auto;bottom:0;right:-5%;width:112%;height:380px;opacity:.76;mix-blend-mode:screen}
 .hero-form--institute{opacity:.68}
 .hero-form--academia{right:-6%;opacity:.7}
 body.ventures .hero-scene .page-hero p.intro{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.hero-scene::before{animation:none!important}}

/* Exact shared symbol used as the site mark */
.brand{display:inline-flex;align-items:center;gap:10px;min-height:24px}
.brand-mark{width:20px;height:20px;display:block;object-fit:contain;flex:0 0 auto;opacity:.92}
.brand-name{display:inline-block;transform:translateY(.5px)}
@media(max-width:760px){.brand-mark{width:18px;height:18px}.brand-name{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}