/* About page: the same orbital language, extended to its real components.
   Reuses site.js visibility observation and the shared motion preferences. */
.about-profile .portrait-atmosphere{animation:blog-ambient-breathe 14s ease-in-out infinite alternate;animation-play-state:paused}
.about-profile .about-orbital-graphic{opacity:.86}
.about-profile .hero-orbit-counter{animation-duration:48s;animation-play-state:paused}
.about-profile .hero-orbit-sweep,.about-profile .trace-pulse,.about-profile .trace-pulse path{animation-play-state:paused}
.about-profile .portrait-stage[data-fx-visible=true] .portrait-atmosphere,.about-profile .portrait-stage[data-fx-visible=true] .hero-orbit-counter,.about-profile .portrait-stage[data-fx-visible=true] .hero-orbit-sweep,.about-profile .portrait-stage[data-fx-visible=true] .trace-pulse,.about-profile .portrait-stage[data-fx-visible=true] .trace-pulse path{animation-play-state:running}
.about-profile .portrait-stage[data-fx-revealed=true] .about-orbital-graphic{animation:about-portal-arrive 1000ms cubic-bezier(.18,.76,.25,1) backwards}
@keyframes about-portal-arrive{from{opacity:.25;transform:scale(.96)}to{opacity:.86;transform:scale(1)}}
/* Stable reading surfaces; only their framing animates as they enter the viewport. */
.toolbox-grid details,.career-card,.project-module{position:relative;isolation:isolate;transition:transform 230ms cubic-bezier(.2,.7,.3,1),border-color 230ms ease}
.toolbox-grid details:before,.career-card:before,.project-module:before{content:'';position:absolute;top:-1px;left:0;width:42%;height:2px;z-index:1;pointer-events:none;background:linear-gradient(90deg,#c4a0ff,#eadbff,transparent);opacity:.72;transform-origin:left}
.toolbox-grid details[data-fx-revealed=true]:before,.career-stop[data-fx-revealed=true] .career-card:before,.project-module[data-fx-revealed=true]:before{animation:about-card-signal 950ms cubic-bezier(.18,.76,.25,1) backwards}
.toolbox-grid details:focus-within,.career-card:focus-within,.project-module:focus-within{border-color:#b58aff}
.toolbox-grid details[open]:before,.career-card[open]:before{opacity:1}
.career-stop[data-fx-revealed=true]:before{transform-origin:top;animation:about-career-trace 1000ms cubic-bezier(.18,.76,.25,1) backwards}
.career-stop[data-fx-revealed=true] .career-year:after{animation:about-career-node 850ms ease-out backwards}
@keyframes about-card-signal{from{opacity:.2;transform:scaleX(.08)}to{opacity:.72;transform:scaleX(1)}}
@keyframes about-career-trace{from{opacity:.12;transform:scaleY(.15)}to{opacity:.45;transform:scaleY(1)}}
@keyframes about-career-node{0%{opacity:.35;transform:rotate(45deg) scale(.7)}50%{opacity:1;transform:rotate(45deg) scale(1.2)}100%{opacity:1;transform:rotate(45deg) scale(1)}}
@media(hover:hover) and (pointer:fine){.toolbox-grid details:hover,.career-card:hover,.project-module:hover{border-color:#b58aff;transform:translateY(-3px)}}
@media(hover:none){.toolbox-grid details:active,.career-card:active,.project-module:active{border-color:#c4a0ff}}
@media(max-width:699px){
 .about-profile .portrait-atmosphere{animation-duration:18s}
 .about-profile .hero-orbit-counter{animation-duration:64s}
 .about-profile .about-orbital-graphic{opacity:.72}
 .about-light-traces{opacity:.65}
 .about-profile .portrait-stage[data-fx-revealed=true] .about-orbital-graphic{animation-duration:720ms}
 .toolbox-grid details:before,.career-card:before,.project-module:before{width:50%}
}
/* Existing global rules stop all animations off-tab or when motion is disabled. */
.experience.no-motion-observer .about-profile .portrait-atmosphere,.experience.no-motion-observer .about-profile .hero-orbit-counter,.experience.no-motion-observer .about-profile .core-ring{animation:none!important}
.experience[data-motion=off] .toolbox-grid details,.experience[data-motion=off] .career-card,.experience[data-motion=off] .project-module{transform:none!important}
@media(prefers-reduced-motion:reduce){.toolbox-grid details,.career-card,.project-module,.about-profile .portrait-stage>img{transform:none!important}}
@media print{.about-orbital-graphic,.about-light-traces,.toolbox-grid details:before,.career-card:before,.project-module:before{display:none!important}}