/* Motion enriches the approved composition; all content remains in normal flow. */
.hero-depth{position:absolute;inset:-3%;z-index:-4;translate:var(--camera-x,0px) var(--camera-y,0px);scale:1.04;pointer-events:none;overflow:hidden;background:#050806}
.hero-depth .hero-visual{inset:0;z-index:auto}
.portal-aura{position:absolute;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 81% 47%,#94ff6229,transparent 32%);opacity:.35;mix-blend-mode:screen}
#signal-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mask-image:linear-gradient(90deg,#0003,#0006 45%,#000 70%)}
.hero-scan{position:absolute;left:0;right:0;top:0;height:2px;z-index:0;background:linear-gradient(90deg,transparent 35%,#a0ff6b35 72%,#c8ffad80 85%,transparent);pointer-events:none;opacity:0}
.hero-pointer-light{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(350px circle at var(--pointer-x,80%) var(--pointer-y,45%),#98ff5510,transparent 75%)}
.anomaly-trigger{background:#0610079c;border:1px solid #9cff6540;padding:14px 18px;color:var(--green);text-align:left;cursor:pointer;z-index:3;align-items:center;gap:14px;backdrop-filter:blur(8px);transition:border-color .25s,background .25s,box-shadow .25s}
.anomaly-trigger:hover,.anomaly-trigger:focus-visible{border-color:var(--green);background:#182c10d9;box-shadow:0 0 32px #8bff4720}
.anomaly-trigger .target-cross{border:1px solid #9cff6566;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:24px;position:relative}
.anomaly-trigger .target-cross:after{content:'';position:absolute;inset:-6px;border:1px dashed #9cff6544;border-radius:50%}
.pulse-label{display:block;font-size:10px;letter-spacing:.06em;margin-top:6px;color:#b9d7a9}
.anomaly-trigger.is-pulsing{box-shadow:0 0 48px #a0ff6b35;border-color:var(--green)}
.header-fx{background:none;border:1px solid #7d9b6359;padding:7px 10px;font:11px var(--mono);color:var(--green);min-height:36px;white-space:nowrap}
.header-fx:hover{border-color:var(--green);background:#a0ff6b0c}
.header-fx span{color:#a8b49e;font-size:10px}
.motion-on .hero.in-view .portal-aura{animation:portal-breathe 7s ease-in-out infinite}
.motion-on .hero.in-view .hero-scan{animation:signal-scan 9s linear infinite}
.motion-on .hero.in-view .target-cross:after{animation:signal-orbit 12s linear infinite}
.motion-on .hero.in-view .target-cross{animation:signal-heartbeat 4s ease-in-out infinite}
.motion-on .hero.in-view .scroll-indicator{animation:scroll-cue 2s ease-in-out infinite}
.motion-on #matrix{opacity:.31}
.motion-on .button.primary,.motion-on .terminal-toggle{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .24s ease-out,background .22s,box-shadow .22s,transform .22s}
.service-grid{perspective:1400px}
.service-card,.project-art{rotate:var(--axis-x,0) var(--axis-y,1) 0 var(--tilt,0deg);transition:rotate .35s ease-out,background .3s,box-shadow .3s;transform-style:preserve-3d}
.service-card.pointer-active{z-index:3;box-shadow:0 18px 65px #0009,inset 0 0 0 1px #a0ff6b70}
.service-card:before{background:radial-gradient(circle,#9cff6720,transparent 70%);width:440px;height:440px}
.service-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#bfff9512 48%,transparent 65%);background-size:260% 100%;background-position:var(--shine-x,100%) center;opacity:0;transition:opacity .4s}
.service-card.pointer-active:after{opacity:1}
.motion-on .service-card.in-view .service-icon{animation:icon-hover 5s ease-in-out infinite}
.motion-on .service-card:nth-child(2n) .service-icon{animation-delay:-1.8s}
.motion-on .service-card:nth-child(3n) .service-icon{animation-delay:-3.2s}
.service-card .card-arrow{transition:rotate .3s,background .3s,color .3s}
.motion-on .service-card:hover .card-arrow{rotate:45deg}
.project-art{perspective:900px}
.project-art:after{content:'';position:absolute;left:0;right:0;top:0;height:35%;background:linear-gradient(transparent,#9cff650b);border-bottom:1px solid #9cff6535;translate:0 -100%;pointer-events:none;opacity:0}
.motion-on .project-art.in-view:after{animation:archive-scan 6s linear infinite}
.motion-on .project-art.second:after{animation-delay:-3s}
.motion-on .project-art.in-view .archive-symbol{animation:archive-depth 7s ease-in-out infinite}
.project-art:hover .archive-grid{opacity:.6}
.process-grid{position:relative;--process-progress:0}
.process-flow{position:absolute;top:88px;left:0;right:32px;height:2px;background:#a0ff6b0c;pointer-events:none}
.process-flow:after{content:'';display:block;width:100%;height:100%;background:var(--green);box-shadow:0 0 16px #a0ff6b66;transform-origin:left;transform:scaleX(var(--process-progress))}
.process-number{transition:color .5s,text-shadow .5s}
.process-active .process-number{color:var(--green);text-shadow:0 0 36px #a0ff6b33}
.process-grid article:after{transition:rotate .5s,color .5s}
.process-active:after{rotate:90deg}
.section-index{position:relative}
.section-index:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--green),#a0ff6b00 85%);transform:scaleX(var(--line-progress,0));transform-origin:left}
.motion-on .contact.in-view .contact-grid-bg{animation:contact-grid-flow 14s linear infinite}
.motion-on dialog[open]{animation:dialog-enter .35s cubic-bezier(.16,1,.3,1)}
.motion-on dialog[open]::backdrop{animation:backdrop-enter .3s ease-out}
.page-hidden *,.page-hidden *:after{animation-play-state:paused!important}
.motion-off .service-card,.motion-off .project-art{rotate:none!important}
.motion-off .hero-scan,.motion-off .hero-pointer-light{display:none}
.motion-off .process-flow{opacity:0}
.motion-off .button.primary,.motion-off .terminal-toggle{translate:none!important}
@keyframes portal-breathe{0%,100%{opacity:.35;scale:1}50%{opacity:.9;scale:1.06}}
@keyframes signal-scan{0%{translate:0 100px;opacity:0}12%{opacity:.55}85%{opacity:.35}100%{translate:0 900px;opacity:0}}
@keyframes signal-orbit{to{rotate:360deg}}
@keyframes signal-heartbeat{0%,100%{box-shadow:0 0 0 0 #9cff6500}45%{box-shadow:0 0 0 10px #9cff6509}}
@keyframes scroll-cue{0%,100%{translate:0 0}50%{translate:0 6px}}
@keyframes icon-hover{0%,100%{translate:0 0;text-shadow:0 0 0 #9cff6500}50%{translate:0 -6px;text-shadow:0 0 22px #9cff6555}}
@keyframes archive-scan{0%{translate:0 -100%;opacity:0}10%{opacity:1}90%{opacity:1}100%{translate:0 300%;opacity:0}}
@keyframes archive-depth{0%,100%{translate:0 0;rotate:0 1 0 -7deg}50%{translate:0 -9px;rotate:0 1 0 7deg}}
@keyframes contact-grid-flow{to{background-position:0 80px,80px 0}}
@keyframes dialog-enter{from{opacity:0;translate:0 20px;scale:.975}to{opacity:1;translate:0 0;scale:1}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@media(min-width:801px){.motion-on .hero-content{transform-style:preserve-3d}.object-label{top:60%;right:7%}.header-actions{gap:18px}}
@media(max-width:1100px) and (min-width:801px){.desktop-nav{gap:16px}.header-actions{gap:12px}.contact-link{font-size:12px}.contact-link span{margin-left:10px}.header-fx{padding:6px}.object-label{top:65%;right:5%}}
@media(max-width:800px){.hero-depth{inset:-2%;scale:1.02}.hero-depth:before{content:'';position:absolute;inset:-8%;background:url('assets/hero.png') 68% center/cover no-repeat;filter:blur(18px) brightness(.42) saturate(.8);scale:1.12;opacity:.72}.hero-depth .hero-visual{background-size:100% auto;background-position:center 58%;background-repeat:no-repeat;opacity:.92}.header-fx{display:none}.anomaly-trigger{top:auto;bottom:120px;right:var(--pad);padding:10px 12px;gap:12px}.anomaly-trigger .target-cross{width:28px;height:28px;font-size:20px}.pulse-label{font-size:9px}.process-flow{display:none}.service-card,.project-art{rotate:none!important}.motion-on .service-card.in-view .service-icon{animation-duration:7s}#signal-field{opacity:.6}.hero-pointer-light{display:none}}
@media(max-width:480px){.brand{gap:8px}.brand-sub{max-width:125px;font-size:6px}.header-actions{gap:4px}.header-fx{font-size:9px;padding:5px}.header-fx span{font-size:8px}.terminal-toggle{font-size:18px;padding:6px}.menu-toggle{width:32px}.object-label{opacity:1}.anomaly-trigger{bottom:104px;font-size:8px;min-height:54px}.pulse-label{font-size:9px}.hero-bottom .experience-controls button{min-height:40px;min-width:38px}.hero-cta{margin-bottom:100px}.hero{min-height:820px}.hero-content{margin-top:88px}.dialog-top .close-dialog{min-width:40px;min-height:40px}.contact-content .button{max-width:100%}}
@media(max-width:360px){.brand-sub{display:none}.brand svg{width:28px}.brand{font-size:9px}.header-actions{gap:2px}.identity-heading h2{font-size:28px}.service-card h3{font-size:22px}.section-heading h2{font-size:24px}.signature span:last-child{font-size:7px}}
@media(hover:none){.hero-depth{translate:0 0!important}.button.primary,.terminal-toggle{translate:none!important}.service-card:after{display:none}}
/* Keep full Bulgarian headings readable between the main breakpoints. */
@media(min-width:641px) and (max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.service-grid{grid-template-columns:1fr}}
@media(max-width:360px){.service-card h3{font-size:20px}}