/* Category 2 principles translated into NURVEX's own blue studio language. */
#signal .signal-sticky { min-height:390px!important; }
#signal .signal-sticky { position:relative; display:block!important; min-height:390px; padding:34px!important; overflow:hidden; border-radius:6px!important; background:linear-gradient(90deg,#03090fee, #03090f88 40%,#03090f12 75%),url('/assets/signal-web-desktop-v1.jpg') 65% center/cover!important; }
#signal .signal-copy { position:relative; z-index:3; max-width:32%; padding:0!important; }
#signal .signal-copy h2 { font-size:clamp(26px,3vw,36px)!important; text-align:left!important; }
#signal .signal-copy>p { font-size:12px!important; line-height:1.65!important; text-align:left!important; }
#signal .impact-network { position:absolute; inset:0; width:100%; max-width:none; height:100%!important; margin:0; background:none; }
#signal .network-core,#signal .network-link,#signal .network-node,#signal .impact-network::before { display:none!important; }
#signal .network-outcome { position:absolute; z-index:4; left:52%; top:47%; width:250px; min-height:0; padding:18px 20px; background:#040c15ed; border:0; border-left:2px solid #70bcfa; text-align:left; transition:left .7s ease,top .7s ease; }
#signal .network-outcome>p { font-size:16px; line-height:1.4; margin-top:8px; }
#signal[data-active=brand] .network-outcome { left:61%; top:25%; }
#signal[data-active=web] .network-outcome { left:49%; top:58%; }
#signal[data-active=demand] .network-outcome { left:64%; top:49%; }
@media(min-width:601px) and (max-width:900px) {
 #signal .signal-sticky { min-height:420px!important; padding:28px!important; }
 #signal .signal-copy { max-width:42%; }
 #signal .signal-copy h2 { font-size:26px!important; }
 #signal .network-outcome,#signal[data-active] .network-outcome { left:50%; top:52%; width:calc(50% - 20px); padding:16px; }
}
.system-flow-track { position:absolute; z-index:4; bottom:0; left:0; width:100%; display:grid; grid-template-columns:repeat(4,1fr); background:#03090fdd; border-top:1px solid #ffffff14; }
.system-flow-track span { position:relative; font-size:10px; color:#75889b; padding:17px 20px; border-right:1px solid #ffffff10; }
.system-flow-track span.active { color:#cce8ff; background:#163c5e55; }
.system-flow-track span.active::before { content:""; position:absolute; left:0; top:0; height:2px; background:#76c5ff; width:100%; transform-origin:left; animation:system-charge 4.2s linear both; }
@keyframes system-charge { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(max-width:600px) {
 #signal .signal-sticky { min-height:365px!important; padding:22px 20px!important; background-position:65% center!important; }
 #signal .signal-copy { max-width:90%; }
 #signal .signal-copy h2 { font-size:26px!important; margin-bottom:12px!important; }
 #signal .signal-copy>p { max-width:250px; margin:0!important; }
 #signal .network-outcome,#signal[data-active] .network-outcome { top:auto; bottom:72px; left:20px; width:calc(100% - 40px); padding:15px 18px; }
 .system-flow-track span { font-size:8px; padding:16px 5px; text-align:center; }
}
@media(prefers-reduced-motion:reduce) { #signal .network-outcome { transition:none; } .system-flow-track span.active::before { animation:none; } }
main .statement { position:relative; background:radial-gradient(ellipse at 8% 40%,rgba(33,105,176,.12),transparent 60%),#05080d!important; }
main .statement::before { content:""; position:absolute; top:40px; left:50px; width:32px; height:2px; background:#71baff; box-shadow:0 0 16px #3c94eb55; }
#highlights .highlights-head { display:grid!important; grid-template-columns:1fr auto; align-items:end; gap:12px 36px; }
#highlights .highlights-head h2 { margin:0!important; font-size:clamp(28px,3vw,38px)!important; }
#highlights .highlights-head>p:last-child { margin:0 0 3px; font-size:12px; max-width:235px; }
#highlights .studio-featured { position:relative; overflow:hidden; border:1px solid #ffffff14; border-radius:8px; background:#071019; }
#highlights .studio-featured .studio-visual { aspect-ratio:2.55; min-height:290px; max-height:360px; border-radius:0; }
#highlights .studio-featured .studio-solar::after { inset:0; background:linear-gradient(90deg,rgba(3,8,14,.87),rgba(3,8,14,.35) 47%,rgba(3,8,14,.02) 78%),linear-gradient(0deg,rgba(3,8,14,.5),transparent 65%); }
#highlights .studio-featured .studio-solar strong { display:none; }
#highlights .studio-featured .studio-caption { position:absolute; z-index:3; left:32px; bottom:36px; display:block; max-width:45%; padding:0; pointer-events:none; }
#highlights .studio-featured .studio-caption h3 { font-size:clamp(28px,3.3vw,42px); line-height:1.1; letter-spacing:-.045em; }
#highlights .studio-featured .studio-caption p { font-size:14px; color:#c2d1df; margin:12px 0 18px; }
#highlights .studio-featured .studio-caption>span { font-size:10px; color:#79b9ed; letter-spacing:.06em; }
#highlights .studio-featured .studio-type { top:24px; left:32px; color:#9db5c8; font-size:9px; }
#highlights .studio-featured .studio-open { right:24px; bottom:26px; background:#09121cb3; border-color:#7ab1da55; }
#highlights .studio-featured::after { content:""; position:absolute; z-index:4; left:32px; bottom:20px; width:34px; height:1px; background:#7fc6ff; pointer-events:none; }
.solar-film { object-position:65% center; }
.solar-film-control { margin-top:-8px; padding:0; width:32px; height:32px; min-height:32px; border:1px solid #ffffff18; border-radius:50%; font-size:11px; color:#a9c6dc; }
main .services { background:radial-gradient(ellipse at 0% 20%,rgba(33,105,176,.08),transparent 55%),#05080d!important; }
.services .services-intro { position:relative; padding-top:18px; }
.services .services-intro::before { content:""; position:absolute; top:0; left:0; width:32px; height:2px; background:#71baff; }
.services .service-list article { border-radius:0!important; background:transparent!important; }
.services .service-list article[aria-expanded=true] { background:linear-gradient(90deg,rgba(43,113,178,.13),transparent)!important; border-left:2px solid #71baff; }
.method li { background:transparent!important; border-radius:0!important; border-left:0!important; border-right:0!important; border-bottom:0!important; padding-left:0!important; }
.method li h3 { color:#c8def0; }
.founder .founder-image { border-radius:6px!important; }
.founder-copy { border-left:1px solid #6aa8da40; padding-left:28px; }
@media(max-width:900px) { #highlights .studio-featured .studio-visual { min-height:260px; } }
@media(max-width:600px) {
 main .statement::before { top:20px; left:20px; width:24px; }
 #highlights .highlights-head { display:block!important; }
 #highlights .highlights-head>p:last-child { margin-top:10px; max-width:none; }
 #highlights .studio-featured .studio-visual { aspect-ratio:1.35; min-height:235px; max-height:290px; }
 #highlights .studio-featured .studio-caption { left:20px; bottom:30px; max-width:80%; }
 #highlights .studio-featured .studio-caption h3 { font-size:29px; }
 #highlights .studio-featured .studio-caption p { font-size:12px; margin:10px 0 12px; }
 #highlights .studio-featured .studio-type { top:18px; left:20px; }
 #highlights .studio-featured::after { left:20px; bottom:17px; }
 .founder-copy { padding-left:18px; }
 .method li { min-height:125px!important; }
}
