/* Motion is an enhancement: the approved layout stays fully readable without JS. */
.about-motion body[data-page="about"] .about-tenure{background:color-mix(in srgb,var(--paper) 86%,transparent)}
.about-motion .about-cases{background:color-mix(in srgb,var(--paper) 89%,transparent)}
.about-motion [data-motion-reveal]{opacity:0;transform:translate3d(0,32px,0);filter:blur(4px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.16,1,.3,1),filter .85s;transition-delay:var(--enter-delay,0ms)}
.about-motion [data-motion-reveal].motion-entered{opacity:1;transform:translateZ(0);filter:blur(0)}
.about-motion .about-brand-scene{perspective:900px;box-shadow:0 24px 70px -40px #1f6cd65c}
.about-motion .about-brand-scene::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent 0deg,#3589ff1f 70deg,transparent 130deg,#8bcfff30 190deg,transparent 260deg);animation:brand-halo 24s linear infinite;animation-play-state:paused}
.about-motion .about-orbit{border-color:#4383de60;transform-style:preserve-3d;animation:orbit-precess 22s linear infinite;animation-play-state:paused;--orbit-start:-32deg}
.about-motion .orbit-b{--orbit-start:38deg;animation-duration:31s;animation-direction:reverse}
.about-motion .orbit-c{animation-duration:39s}
.about-motion .about-orbit::after{content:"";position:absolute;left:17%;top:8%;width:7px;height:7px;background:#c8ecff;border-radius:50%;box-shadow:0 0 5px #1972ee,0 0 16px #409bff,0 0 30px #72cfff}
.about-motion .about-brand-scene img{transition:transform .5s cubic-bezier(.2,.7,.2,1);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(28px);animation:brand-breathe 5s ease-in-out infinite;animation-play-state:paused}
.about-motion .motion-live.about-brand-scene::before,.about-motion .motion-live .about-orbit,.about-motion .motion-live.about-brand-scene img{animation-play-state:running}
.about-motion .tenure-number{font-variant-numeric:tabular-nums;text-shadow:0 8px 35px #1768ee20}
.about-motion .expertise-row{position:relative;overflow:hidden}
.about-motion .expertise-row:focus-within{outline:2px solid var(--blue);outline-offset:3px}
.about-motion .expertise-row::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--shine-x,50%) var(--shine-y,50%),#408eff22,transparent 70%);opacity:0;transition:opacity .35s}
.about-motion .expertise-row:hover::before{opacity:1}
.about-motion .expertise-row summary{position:relative}
.about-motion .expertise-row summary svg{transition:transform .45s,filter .45s}
.about-motion .expertise-row:hover summary svg{transform:translateY(-3px);filter:drop-shadow(0 4px 8px #3583ff66)}
.about-motion .expertise-row summary b{transition:transform .3s}
.about-motion .about-project-tile{perspective:1000px}
.about-motion .about-project-tile>div{position:relative;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.about-motion .about-project-tile>div::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff50 46%,transparent 66%);transform:translateX(-125%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.about-motion .about-project-tile:hover>div::after{transform:translateX(125%)}
.about-motion .about-project-tile:hover>div{box-shadow:0 20px 40px -24px #2876d68c}
.about-motion .about-project-tile h3 span{transition:transform .35s}.about-motion .about-project-tile:hover h3 span{transform:translate(4px,-4px)}
.about-motion .case-constellation{position:relative}
.about-motion .case-constellation svg{position:relative;z-index:1}
.about-motion .case-constellation::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,#459bff26 50%,transparent 60%);animation:constellation-scan 7s ease-in-out infinite;animation-play-state:paused}
.about-motion .case-constellation circle{animation:star-pulse 3s ease-in-out infinite alternate;animation-play-state:paused}
.about-motion .case-constellation circle:nth-child(2n){animation-delay:-1.4s}.about-motion .case-constellation circle:nth-child(3n){animation-delay:-2.2s}
.about-motion .case-constellation .constellation-signal{stroke:#bceaff;stroke-width:1.6;stroke-dasharray:22 230;animation:signal-travel 6s linear infinite;animation-play-state:paused;filter:drop-shadow(0 0 4px #63c9ff)}
.about-motion .case-chip-visual i{animation:chip-wave 5s ease-in-out infinite;animation-play-state:paused}
.about-motion .case-chip-visual i:nth-child(2){animation-delay:-1.65s}.about-motion .case-chip-visual i:nth-child(3){animation-delay:-3.3s}
.about-motion .case-chip{animation:chip-glow 3.5s ease-in-out infinite alternate;animation-play-state:paused}
.about-motion .motion-live.case-constellation::after,.about-motion .motion-live.case-constellation circle,.about-motion .motion-live .constellation-signal,.about-motion .motion-live.case-chip-visual i,.about-motion .motion-live .case-chip{animation-play-state:running}
.about-motion-paused body[data-page="about"] main *,.about-motion-paused body[data-page="about"] main *::before,.about-motion-paused body[data-page="about"] main *::after{animation-play-state:paused!important}
.about-motion-paused .about-project-tile>div,.about-motion-paused .about-brand-scene img{transform:none}
.about-motion-paused .about-project-tile>div::after,.about-motion-paused .expertise-row::before{display:none}
.about-motion.about-reduced [data-motion-reveal]{opacity:1;transform:none;filter:none;transition:none}
@keyframes orbit-precess{from{transform:rotate(var(--orbit-start)) rotateY(0deg)}to{transform:rotate(calc(var(--orbit-start) + 360deg)) rotateY(0deg)}}
@keyframes brand-halo{to{transform:rotate(360deg)}}
@keyframes brand-breathe{50%{filter:drop-shadow(0 14px 30px #257ce866)}}
@keyframes constellation-scan{0%,100%{transform:translateX(-55%)}55%{transform:translateX(55%)}}
@keyframes star-pulse{from{opacity:.45}to{opacity:1;filter:drop-shadow(0 0 9px #b2e6ff)}}
@keyframes signal-travel{to{stroke-dashoffset:-1008}}
@keyframes chip-wave{0%,100%{transform:rotate(-12deg) scale(.95);opacity:.25}50%{transform:rotate(-12deg) scale(1.11);opacity:.9}}
@keyframes chip-glow{to{box-shadow:0 14px 35px #0006,inset 0 0 30px #80b7ff55,0 0 30px #338be633;border-color:#c2eaff}}
@media(max-width:760px){.about-motion [data-motion-reveal]{filter:none;transform:translate3d(0,20px,0)}.about-motion [data-motion-reveal].motion-entered{transform:none}}
@media(prefers-reduced-motion:reduce){.about-motion [data-motion-reveal]{opacity:1;transform:none;filter:none;transition:none}.about-motion main *,.about-motion main *::before,.about-motion main *::after{animation:none!important;transition:none!important}}