/* Added halos stay much fainter than the existing nebula. */
:root{--bg:#030408;--surface:#090c12;--line:#222833;--muted:#a2adbb;--text:#edf1f6}
html{overflow-x:clip}
body{isolation:isolate;overflow-x:clip}
.cosmos{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.cosmos:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 112% 23%,#34466108,transparent 49%),radial-gradient(ellipse at -16% 78%,#443c5506,transparent 46%)}
.starfield{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.header{background:#030408f5;border-bottom:0}
.section,.page-head,.footer,.contact-card,.facts,.method,.article-nav,.tool-ecosystem,.tool-grid,.profile-facts li,.nav{border-block:0}
.nav a{color:#bbc3ce}
.nav a:hover,.nav a[aria-current=page]{color:var(--green)}
.hero{isolation:isolate}
.hero:after{content:'';position:absolute;z-index:-1;inset:24% -8% 0 32%;pointer-events:none;background:radial-gradient(ellipse at 72% 42%,#29425a08,transparent 62%),radial-gradient(ellipse at 65% 95%,#304d6108,transparent 63%),radial-gradient(ellipse at 100% 72%,#4b3b6106,transparent 55%)}
.hero-footer{background:transparent;border-block:0}
.hero .hero-footer>div{border:0}
.page-head{position:relative;background:radial-gradient(ellipse at 112% 75%,#2c3b550b,transparent 61%),linear-gradient(120deg,#030408c9,transparent)}
.page-head:after{content:none}
.page-ready .hero-grid>div:first-child,.page-ready .hero-line>span,.page-ready .hero-line>em,.page-ready .page-head .wrap{animation:none}
.has-motion .hero-monogram span{animation:none;transform:none}
.nebula-word{text-shadow:0 1px 4px #030408,0 0 10px #030408}
.space-curiosity{background:radial-gradient(ellipse at -8% 52%,#25425c08,transparent 49%),radial-gradient(ellipse at 110% 70%,#49375506,transparent 46%)}
.contact{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#14161e99 0%,#0b0d1473 48%,#03040800 100%)}
#competences,#competences .expertise{border:0}
#competences .expertise:before{content:none}
.project-group,.project-group:last-child,.project-list,.project-row,.mini-timeline .timeline-item{border:0}
#stack,#stack .stack-row{border:0}
#contenu .company-logos{border:0}
.recruiter-panel{background:var(--surface)}
#roles,#roles .role-example,#roles .role-readout{border:0}
.scope-note{background:#0b0e14}
.project-row:hover{background:#090d14}
.project-row:before{background:linear-gradient(100deg,#b9c2ce1a,transparent 80%)}
.button:not(.primary):hover{background:#0b1419}
.solar-orbit{display:inline-block;white-space:nowrap}
.solar-old{position:relative;color:var(--text)}
.solar-old:after{content:'';position:absolute;left:-3%;right:-3%;top:53%;height:2px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .38s ease 2s}
.solar-new{display:inline-block;margin-inline-start:.45em;font-size:.25em;letter-spacing:-.055em;visibility:hidden;opacity:0;transform:translateY(.15em);transition:opacity .5s ease 2.4s,transform .5s ease 2.4s,visibility 0s linear 2.4s}
.solar-sun{display:inline-block;position:relative;width:.65em;height:.65em;vertical-align:.03em}
.solar-sun:before,.stakeholder-planet:after{content:'';position:absolute;inset:0;border-radius:50%;background:#fff;box-shadow:0 0 .14em .05em #fff,0 0 .42em .14em #fff,0 0 .95em .3em #ffffffb3,0 0 1.8em .5em #ffffff4d}
#parcours .intro-grid{position:relative;isolation:isolate}
.solar-ecliptic{--solar-tilt:-12deg;position:absolute;inset:-65% 5% -15%;transform:rotate(var(--solar-tilt));pointer-events:none;z-index:-1;font-size:clamp(18px,2.7vw,34px)}
.solar-ecliptic .solar-sun{position:absolute;left:7%;top:85%}
.is-orbit-visible .solar-old:after{transform:scaleX(1)}
.is-orbit-visible .solar-new{visibility:visible;opacity:1;transform:translateY(0)}
.motion-paused .solar-old,.motion-paused .solar-old:after,.motion-paused .solar-new{transition:none}
@media(max-width:760px){.starfield{opacity:.8}.cosmos:before{opacity:.7}.hero:after{inset:30% -40% 0 0;opacity:.8}.solar-ecliptic{--solar-tilt:-5deg;inset:-25px 12px}}
@media(prefers-reduced-motion:reduce){.cosmos{opacity:.65}.solar-old,.solar-old:after,.solar-new{transition:none}}
@media print{.cosmos,.hero:after,.solar-new,.solar-old:after,.solar-ecliptic{display:none!important}.solar-old{color:inherit!important}.space-curiosity,.contact,.page-head,.hero-footer{background:none}.scope-note{background:white}}
