/* V8: overlay hero, restrained silver neural animation, compact story */
.neural-float{animation:neuralHoverV8 8s ease-in-out infinite}
.neural-shadow{animation:neuralShadowV8 8s ease-in-out infinite}
.neural-glow{background:radial-gradient(ellipse at 50% 52%,rgba(177,187,200,.15),transparent 68%)}
.electric-trails path{stroke:#e8eef5;stroke-dasharray:14 265;stroke-width:3.6;opacity:.85;animation:neuralCurrentV8 2.9s linear infinite}
.electric-trails path:nth-child(2){animation-duration:3.4s}
.electric-trails path:nth-child(3){animation-duration:3.2s}
.electric-trails path:nth-child(4){animation-duration:3.7s}
.electric-points circle{fill:#f5f7ff;opacity:.6}
.neural-sparks{mix-blend-mode:screen}
.neural-shadow{background:radial-gradient(ellipse,rgba(180,194,207,.22),transparent 75%)}
@keyframes neuralHoverV8{0%,100%{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-4px,0)}}
@keyframes neuralShadowV8{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.32;transform:scale(.95)}}
@keyframes neuralCurrentV8{0%{stroke-dashoffset:285}100%{stroke-dashoffset:0}}
.view-all-row,#viewAllProjects{display:none!important}
.story-section{max-width:1150px}
.story-section>.section-heading{margin-bottom:14px}
.story-section>.section-heading:after{content:none!important}
.story-panel{padding:27px 31px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 88%,var(--bg)),color-mix(in srgb,var(--panel) 64%,var(--bg)));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px;align-items:start}
.story-panel .story-quote{margin:0;max-width:none}
.story-panel blockquote{font-size:clamp(19px,2.3vw,27px);font-style:italic;font-weight:500;line-height:1.43;letter-spacing:-.015em}
.story-panel figcaption{font-size:12px;line-height:1.55;margin-top:15px}
.story-panel figcaption span{color:var(--muted)}
.story-prose{border-left:1px solid var(--border);padding-left:28px;min-width:0}
.story-prose .story-summary{font-size:14px!important;line-height:1.68;max-width:none}
.story-prose .story-read-more{margin-top:10px}
.story-full{max-width:100%;margin-top:13px}
@media(max-width:690px){
 .hero{background:radial-gradient(ellipse at 75% 23%,rgba(150,165,188,.13),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-soft))}
 .hero-inner{display:block!important;min-height:440px!important;position:relative;isolation:isolate}
 .neural-hero{position:absolute!important;display:grid!important;top:-10px;right:-27px;left:auto;grid-column:auto;grid-row:auto;width:min(101vw,390px)!important;height:320px!important;max-width:none!important;margin:0!important;z-index:1;opacity:.81;pointer-events:none}
 .neural-float{width:100%!important}
 .neural-glow{opacity:.6}
 .neural-shadow{bottom:8px;left:20%;width:60%}
 .hero-copy{position:relative;z-index:3;min-width:0;padding:198px 0 37px!important;max-width:100%;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 45%,transparent) 23%,color-mix(in srgb,var(--bg) 86%,transparent) 53%,transparent 100%);border-radius:0 0 18px 18px}
 .hero h1{font-size:clamp(43px,11.3vw,61px)!important;line-height:1.02!important;letter-spacing:normal!important;font-weight:800;max-width:100%;margin:0!important;white-space:normal!important}
 .hero h1 span{display:block;white-space:nowrap}
 .hero-role{font-size:clamp(17px,4.3vw,21px)!important;margin-top:10px}
 .hero-intro{max-width:320px;font-size:14px!important;line-height:1.5;margin-top:9px}
 .availability{font-size:11px!important;max-width:100%;margin-top:1px}
 .story-section>.section-heading{margin-bottom:13px}
 .story-section>.section-heading h2{font-size:23px}
 .story-panel{display:block;padding:19px 17px;border-radius:16px}
 .story-panel .story-quote{margin:0 0 16px}
 .story-panel blockquote{font-size:clamp(19px,5.15vw,23px);line-height:1.42}
 .story-panel figcaption{margin-top:10px;font-size:11px}
 .story-prose{border:0;border-top:1px solid var(--border);padding:15px 0 0}
 .story-prose .story-summary{font-size:13px!important;line-height:1.65}
 .story-read-more{font-size:13px}
 .story-full{border-left:1px solid var(--border);padding:16px}
}
@media(max-width:385px){
 .neural-hero{width:101vw!important;height:284px!important;right:-19px}
 .hero-inner{min-height:419px!important}
 .hero-copy{padding-top:176px!important}
 .hero h1{font-size:clamp(40px,11vw,45px)!important}
}
@media(prefers-reduced-motion:reduce){
 .neural-float,.neural-shadow,.electric-trails path,.electric-points circle{animation:none!important}
}