/* Additive styling for the existing portfolio. Original orb and content retained. */
.portfolio-enhanced{--accent:#9ab9f1}
.portfolio-enhanced .hero-section{min-height:min(900px,100svh);padding-block:150px 80px}
.portfolio-enhanced .hero-copy{max-width:660px}
.portfolio-enhanced .hero-title{font-size:clamp(3rem,4.45vw,4.4rem);line-height:1.09;letter-spacing:-.055em;font-weight:800;text-wrap:balance}
.portfolio-enhanced .hero-title>.gradient-text{margin-top:14px;background:linear-gradient(115deg,#f0f4ff 10%,#99baf2 70%,#7c9fd8);-webkit-background-clip:text}
.portfolio-enhanced .hero-description{max-width:530px;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.85;color:#b4bdcd}
.portfolio-enhanced .hero-copy>.inline-flex{font-size:11px;letter-spacing:.035em;padding:9px 14px;border-color:#8aade72b;background:#85aaf00a;color:#c2d4f3}
.portfolio-enhanced .hero-copy>.inline-flex .animate-pulse{animation:none;box-shadow:0 0 0 4px #34d3990d}
.portfolio-enhanced .hero-copy>.grid{gap:0;border-block:1px solid #ffffff12;padding-block:22px;margin-top:36px}
.portfolio-enhanced .hero-copy>.grid>.glass{background:transparent;border:0;border-right:1px solid #ffffff12;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0 18px}
.portfolio-enhanced .hero-copy>.grid>.glass:first-child{padding-left:0}
.portfolio-enhanced .hero-copy>.grid>.glass:last-child{border-right:0;padding-right:0}
.portfolio-enhanced .hero-copy>.grid>.glass>p:first-child{font-size:28px;font-weight:700;letter-spacing:-.04em}
.portfolio-enhanced .hero-copy>.grid>.glass>p:last-child{font-size:10px;color:#919baa;line-height:1.6}
.portfolio-enhanced .hero-copy>.flex a{border-radius:9px;font-size:13px;padding:13px 21px;box-shadow:none}
.portfolio-enhanced .hero-visual{overflow:visible}
/* Positioned around the same centre as the existing orb/profile. */
.orb-depth{position:absolute;top:50%;right:calc(clamp(3rem,9vw,9rem) + clamp(11rem,16vw,14.5rem));width:clamp(29rem,45vw,42rem);aspect-ratio:1;transform:translate(50%,-50%);pointer-events:none;opacity:.85}
.orb-depth canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.orb-fallback-ring{position:absolute;inset:12%;border:1px solid #8baef02e;border-radius:50%;transform:rotate(-28deg) rotateX(56deg);box-shadow:0 0 25px #729dee08}
.orb-fallback-ring-alt{inset:8%;border-style:dashed;border-color:#96b9f019;transform:rotate(48deg) rotateX(65deg)}
.orb-depth.webgl-ready .orb-fallback-ring{display:none}
.portfolio-enhanced .orb-profile{box-shadow:0 20px 65px #0007,0 0 0 8px #93b5eb03,0 0 0 9px #93b5eb0b,0 0 70px #719ee51a;border-color:#aac9f338}
.portfolio-enhanced .portfolio-nav>div:first-child{border-radius:14px;padding-block:15px;box-shadow:0 12px 40px #0003;border-color:#ffffff12}
.portfolio-enhanced .portfolio-nav .desktop-links{font-size:12px;gap:20px}
.portfolio-enhanced .portfolio-nav .nav-contact{font-size:12px;border-radius:8px;padding:10px 15px}
.portfolio-enhanced section[id]{scroll-margin-top:100px}
.portfolio-enhanced section[id]:not(#projects){padding-block:90px}
.portfolio-enhanced section[id] h2{letter-spacing:-.04em;font-weight:700;font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;text-wrap:balance}
.portfolio-enhanced section[id] .text-blue-400.font-bold{font-size:11px;letter-spacing:.13em;color:#a5bff0}
.portfolio-enhanced section[id] .glass{border-radius:16px;border-color:#ffffff10;background:linear-gradient(145deg,#181e2780,#12171f80);box-shadow:0 8px 28px #0002;backdrop-filter:none}
.portfolio-enhanced section[id] .glass:hover{border-color:#9ab9f12b;background:linear-gradient(145deg,#1b233080,#141b2680)}
.portfolio-enhanced #about>div{max-width:70rem}
.portfolio-enhanced #about p.text-lg{max-width:850px;line-height:1.9;font-size:17px}
.portfolio-enhanced #experience .space-y-7{position:relative;padding-left:28px}
.portfolio-enhanced #experience .space-y-7:before{content:'';position:absolute;left:4px;top:24px;bottom:24px;width:1px;background:linear-gradient(#96b8ef66,#96b8ef0d)}
.portfolio-enhanced #experience .space-y-7>.glass{position:relative}
.portfolio-enhanced #experience .space-y-7>.glass:before{content:'';position:absolute;left:-29px;top:30px;width:9px;height:9px;border-radius:50%;background:#9ab9f1;box-shadow:0 0 0 5px #96b8ef0b}
.portfolio-enhanced #projects h2{letter-spacing:-.045em;font-weight:700}
.portfolio-enhanced #projects .project-card{border-radius:16px!important;border-color:#ffffff12!important}
.portfolio-enhanced #projects .project-card:hover{border-color:#9ab9f145!important}
.portfolio-enhanced #projects .project-card h3{font-weight:700;letter-spacing:-.025em}
.portfolio-enhanced .project-carousel-button{border-radius:10px;width:43px;height:43px}
.portfolio-enhanced #skills .glass h3{font-size:19px;letter-spacing:-.02em}
.portfolio-enhanced #skills .space-y-3{font-size:14px}
.portfolio-enhanced #contact form input,.portfolio-enhanced #contact form textarea{font-size:14px;border-radius:9px;line-height:1.6}
.portfolio-enhanced #contact form input::placeholder,.portfolio-enhanced #contact form textarea::placeholder{color:#909cad}
.portfolio-enhanced #contact a p.font-bold{overflow-wrap:anywhere}
@media(max-width:1279px){.orb-depth{right:14rem;width:35rem}.portfolio-enhanced .hero-title{font-size:clamp(3rem,4.6vw,3.7rem)}}
@media(min-width:1200px){.portfolio-nav #mobileMenuBtn,.portfolio-nav #mobileMenu{display:none!important}}
@media(max-width:1199px){.portfolio-enhanced .portfolio-nav .desktop-links,.portfolio-enhanced .portfolio-nav .nav-contact{display:none!important}.portfolio-enhanced .portfolio-nav #mobileMenuBtn{display:block}.portfolio-enhanced .portfolio-nav #mobileMenu:not(.hidden){display:block}.portfolio-enhanced .portfolio-nav #mobileMenu{max-height:75svh;overflow:auto}}
@media(max-width:1023px){.portfolio-enhanced .hero-section{min-height:auto;padding-block:135px 50px;display:block}.portfolio-enhanced .hero-section>.relative.z-10{display:block}.portfolio-enhanced .hero-copy{max-width:760px}.portfolio-enhanced .hero-title{font-size:clamp(2.7rem,7vw,4.3rem)}.orb-depth{display:none}.portfolio-enhanced section[id]:not(#projects){padding-block:65px}.portfolio-enhanced .hero-copy>.grid{max-width:600px}}
@media(max-width:767px){.portfolio-enhanced .hero-section{padding-top:112px}.portfolio-enhanced .hero-title{font-size:clamp(2.55rem,8vw,3.6rem);letter-spacing:-.045em;line-height:1.13}.portfolio-enhanced .hero-title>.gradient-text{margin-top:12px}.portfolio-enhanced .hero-description{font-size:15px;line-height:1.8}.portfolio-enhanced .hero-copy>.grid{row-gap:22px;padding-block:20px}.portfolio-enhanced .hero-copy>.grid>.glass:nth-child(3){padding-left:0}.portfolio-enhanced .hero-copy>.grid>.glass:nth-child(2){border-right:0}.portfolio-enhanced .hero-copy>.grid>.glass p:last-child{font-size:11px}.portfolio-enhanced section[id]:not(#projects){padding-block:54px}.portfolio-enhanced #about p.text-lg{font-size:15px}.portfolio-enhanced section[id] h2{font-size:clamp(1.9rem,6.6vw,2.5rem)}.portfolio-enhanced #experience .space-y-7{padding-left:22px}.portfolio-enhanced #experience .space-y-7>.glass:before{left:-23px}.portfolio-enhanced #experience .glass{padding:22px}.portfolio-enhanced #contact .glass{padding:22px}}
@media(prefers-reduced-motion:reduce){.orb-depth canvas{animation:none}.portfolio-enhanced .orb-profile{animation:none}.portfolio-enhanced .interactive-orb{animation:none}.portfolio-enhanced .orb-particle{animation:none;transition:none}}

/* Scroll parallax. Text and clickable surfaces stay in their original positions. */
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
 .portfolio-enhanced.parallax-enabled .hero-visual{transform:translate3d(0,var(--hero-parallax,0px),0);will-change:transform}
 .portfolio-enhanced.parallax-enabled #projects .project-card>div:first-child>img{transform:translate3d(0,var(--project-parallax,0px),0) scale(1.18)!important;transition:none!important}
 .portfolio-enhanced.parallax-enabled #about{position:relative;isolation:isolate;overflow:hidden}
 .portfolio-enhanced.parallax-enabled #about::before{content:'';position:absolute;right:4%;top:50%;margin-top:-230px;width:460px;height:460px;background:radial-gradient(ellipse,#7c9fd818,transparent 67%);pointer-events:none;z-index:-1;transform:translate3d(0,var(--about-parallax,0px),0)}
}