#about{isolation:isolate;background:linear-gradient(145deg,#fff 0%,#faf8fd 55%,#fff7fa 100%);border-top:1px solid var(--border-color)}
.garage-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;translate:0 var(--garage-shift,0px)}.garage-scene svg{width:100%;height:100%;position:absolute;inset:0;opacity:.38}.garage-grid{position:absolute;inset:0;background-image:linear-gradient(#9e8baa12 1px,transparent 1px),linear-gradient(90deg,#9e8baa12 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,transparent 20%,#000 80%);transform:perspective(800px) rotateX(20deg) scale(1.15)}.garage-aura{position:absolute;width:650px;height:650px;left:50%;top:-300px;translate:-50% 0;background:radial-gradient(ellipse,#eb15551a, #a78bfa15 40%,transparent 70%);animation:garage-breathe 9s ease-in-out infinite alternate}
.garage-wires{fill:none;stroke:url(#garage-wire);stroke-width:1.2;opacity:.45}.garage-signals{fill:none;stroke:#EB1555;stroke-width:2;stroke-dasharray:24 640;stroke-dashoffset:660;animation:garage-signal 7s linear infinite}.garage-signals path:nth-child(even){stroke:#9270d5;animation:garage-signal 9s linear infinite reverse}.garage-nodes{fill:#EB1555;opacity:.65}.garage-nodes .node-halo{fill:none;stroke:#EB1555;stroke-width:1;opacity:.25;animation:garage-node 4s ease-in-out infinite alternate}.garage-glyphs{fill:#937daa;font:300 35px monospace;opacity:.45;animation:garage-glyph 8s ease-in-out infinite alternate}.garage-sparks i{position:absolute;left:var(--spark-x);bottom:-20px;width:3px;height:3px;background:#eb1555;border-radius:50%;box-shadow:0 0 10px #eb155555;animation:garage-spark var(--spark-duration) var(--spark-delay) linear infinite;opacity:0}
#about .container>div:first-child>img{box-shadow:0 0 0 8px #ffffff90,0 0 0 9px #eb155522,0 12px 40px #eb155518!important;animation:garage-avatar 6s ease-in-out infinite}#about .philosophy-item{background:#ffffffb0;border:1px solid #eee5f1;border-radius:18px;padding:28px 22px;box-shadow:0 8px 32px #31204004;backdrop-filter:blur(8px);transition:transform .4s,border-color .4s,box-shadow .4s}#about .philosophy-item:hover{transform:translateY(-8px);border-color:#eb15554a;box-shadow:0 20px 40px #eb15550c}
.garage-scene *{animation-play-state:paused!important}.garage-visible .garage-scene *{animation-play-state:running!important}
[data-theme=dark] #about{background:linear-gradient(145deg,#0b0b0f,#15101d 60%,#1b1018)}[data-theme=dark] #about .philosophy-item{background:#15121cbb;border-color:#342837}[data-theme=dark] .garage-scene svg{opacity:.6}[data-theme=dark] #about .container>div:first-child>img{box-shadow:0 0 0 8px #15101d,0 0 0 9px #eb155540,0 0 40px #eb155522!important}
@keyframes garage-signal{to{stroke-dashoffset:0}}@keyframes garage-breathe{to{scale:1.15;opacity:.65}}@keyframes garage-node{to{opacity:.7}}@keyframes garage-glyph{to{translate:0 -15px}}@keyframes garage-spark{0%{translate:0 0;opacity:0}20%,70%{opacity:.45}100%{translate:35px -650px;opacity:0}}@keyframes garage-avatar{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:700px){.garage-scene svg{opacity:.2}.garage-grid{background-size:44px 44px}.garage-glyphs{display:none}#about .philosophy-item{padding:24px}}
@media(prefers-reduced-motion:reduce){.garage-scene *,#about .container>div:first-child>img{animation:none!important}.garage-scene{translate:none}.garage-signals{display:none}#about .philosophy-item:hover{transform:none}}
/* Workbench and closing surface share the studio's original pink accent. */
#lab{isolation:isolate;background:linear-gradient(145deg,#f8f8fc,#faf5f8 60%,#f5f7fc)}
.lab-scene{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.lab-scene:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#8470a014 1px,transparent 1px),linear-gradient(90deg,#8470a014 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 80%,transparent)}.lab-scene svg{width:100%;height:100%;opacity:.3}.lab-orbit{fill:none;stroke:#a28ab7;stroke-width:1;stroke-dasharray:3 10;transform-origin:720px 450px;animation:lab-orbit 80s linear infinite}.lab-orbit.inner{animation-direction:reverse;animation-duration:65s;opacity:.5}.lab-motif{fill:none;stroke:#EB1555;stroke-width:1.5;animation:lab-hover 9s ease-in-out infinite alternate}.lab-motif.second{stroke:#8870be;animation-delay:-4s}.lab-satellite{fill:#eb1555;animation:lab-orbit 24s linear infinite;transform-origin:720px 450px}.lab-scene *{animation-play-state:paused!important}#lab.lab-visible .lab-scene *{animation-play-state:running!important}
footer{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#fafafa,#f6f3fb)!important;border-top:1px solid #eee6f0}footer:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-80%;background:radial-gradient(ellipse at 25% 35%,#eb15551a,transparent 40%),radial-gradient(ellipse at 70% 70%,#8b5cf619,transparent 40%);animation:footer-glow 18s ease-in-out infinite alternate}footer:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#8b6d992e 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000);animation:footer-grid 20s linear infinite}.footer-logo{position:relative}.footer-logo:after{content:'';display:block;height:2px;width:50px;margin:14px auto 0;background:linear-gradient(90deg,transparent,#EB1555,transparent);animation:footer-line 4s ease-in-out infinite}
[data-theme=dark] #lab{background:linear-gradient(145deg,#101019,#171120 60%,#111923)}[data-theme=dark] footer{background:linear-gradient(145deg,#0b0b0f,#16101d)!important;border-color:#302237}[data-theme=dark] .lab-scene svg{opacity:.4}
@keyframes lab-orbit{to{rotate:360deg}}@keyframes lab-hover{to{translate:0 -18px}}@keyframes footer-glow{to{translate:6% -4%;rotate:12deg}}@keyframes footer-grid{to{background-position:28px 28px}}@keyframes footer-line{0%,100%{scale:1;opacity:.4}50%{scale:2;opacity:1}}
@media(prefers-reduced-motion:reduce){.lab-scene *,footer:before,footer:after,.footer-logo:after{animation:none!important}}
#about .social-buttons .btn-outline:hover,
#about .social-buttons .btn-outline:focus-visible{background:#EB1555;border-color:#EB1555;color:#fff;box-shadow:0 10px 28px #eb15552e}
[data-theme="dark"] #about .social-buttons .btn-outline:hover,
[data-theme="dark"] #about .social-buttons .btn-outline:focus-visible{background:#F43F73;border-color:#F43F73;color:#fff;box-shadow:0 10px 28px #f43f7333}