@import url('./01-signal-network.css');

/* The original network is the identity. This edition adds depth and scroll narrative. */
body[data-brand="signal-network-v2"] { --blue:#4ebef0; --ink:#0a0a0a; --signal-ease:cubic-bezier(.16,1,.3,1); }
body[data-brand="signal-network-v2"] :is(.action-link,.header-call,.btn) { border-radius:8px; }
body[data-brand="signal-network-v2"] .action-link__icon { border-radius:5px; }
body[data-brand="signal-network-v2"] .action-link::before { clip-path:inset(0 100% 0 0); }
body[data-brand="signal-network-v2"] .action-link:hover::before { clip-path:inset(0); }
body[data-brand="signal-network-v2"] .action-link:hover .action-link__icon { transform:translate(2px,-2px); }
body[data-brand="signal-network-v2"] .origin-label { display:block; width:fit-content; font-size:14px; letter-spacing:.015em; padding-bottom:13px; border-bottom:1px solid #ffffff35; }
body[data-brand="signal-network-v2"] .origin-label > span { display:none; }
body[data-brand="signal-network-v2"] .chapter-index { display:block; padding-left:20px; border-left:2px solid var(--blue); color:#0a0a0aaa; font-size:14px; }
.signal-emblem { display:block; width:86px; height:46px; color:var(--blue); margin:0 0 25px; }
body[data-brand="signal-network-v2"] .nav-dropdown { border-top:1px solid #ffffff1a; }
body[data-brand="signal-network-v2"] .nav-dropdown a { transition:border-color .25s,padding-left .35s var(--signal-ease); }
body[data-brand="signal-network-v2"] .nav-dropdown a:hover { padding-left:10px; }
body[data-brand="signal-network-v2"] .signal-review-links { display:flex; flex-wrap:wrap; gap:16px 32px; justify-content:center; background:#0a0a0a; color:#ffffffb3; padding:18px 70px 70px; font-size:12px; border-top:1px solid #ffffff1a; }
.signal-review-links a { color:inherit; text-underline-offset:4px; }
body[data-brand="signal-network-v2"] .cosmos-hero { min-height:max(800px,100svh); }
body[data-brand="signal-network-v2"] .cosmos-hero__layout { padding-top:150px; }
body[data-brand="signal-network-v2"] .brand-scene { width:49%; right:1%; max-width:800px; top:48%; transform:translateY(calc(-48% + var(--hero-y,0px))) scale(var(--hero-scale,1)); }
body[data-brand="signal-network-v2"] .cosmos-hero__copy { transform:translateY(var(--copy-y,0px)); }
body[data-brand="signal-network-v2"] .brand-scene__annotation { margin-top:-6px; font-size:12px; }
body[data-brand="signal-network-v2"] .sn01--hero { --sn01-period:10.8s; }
body[data-brand="signal-network-v2"] .sn01--mark { --sn01-line:#0a0a0a45; --sn01-edge:#0a0a0a38; }
body[data-brand="signal-network-v2"] .sn01-architecture { opacity:.26; }
body[data-brand="signal-network-v2"] .intro-scene { border-radius:0; margin-top:0; padding-top:140px; padding-bottom:90px; }
body[data-brand="signal-network-v2"] .intro-scene__layout { border-top:1px solid #0a0a0a22; padding-top:60px; }
body[data-brand="signal-network-v2"] .intro-scene h2 { font-size:clamp(34px,3.6vw,52px); }
body[data-brand="signal-network-v2"] .journey { padding-top:20px; }
body[data-brand="signal-network-v2"] .journey__visual { perspective:1100px; }
body[data-brand="signal-network-v2"] .journey__stage[data-phase] .orbit-mark { transform:perspective(1100px) rotateX(var(--journey-tilt,0deg)) scale(var(--journey-scale,1)); transition:none; }
body[data-brand="signal-network-v2"] .journey__chapter { min-height:max(600px,80svh); scroll-margin-top:140px; }
body[data-brand="signal-network-v2"] .journey__center { color:var(--ink); font-size:13px; padding:4px 12px; top:64%; background:white; left:50%; transform:translateX(-50%); border-radius:0; }
body[data-brand="signal-network-v2"] .journey__label { border-radius:4px; font-size:13px; }
body[data-brand="signal-network-v2"] .journey__label--one { top:7%; left:4%; right:auto; }
body[data-brand="signal-network-v2"] .journey__label--two { top:46%; right:-2%; bottom:auto; }
body[data-brand="signal-network-v2"] .journey__label--three { top:auto; bottom:3%; left:3%; }
body[data-brand="signal-network-v2"] .journey__caption { bottom:-25px; font-size:12px; }
html.signal-motion body[data-brand="signal-network-v2"] .journey .sn01-node { transform-box:fill-box; transform-origin:center; transition:none; }
html.signal-motion .journey [data-sn01-tier="0"] { --layer:var(--layer-pipeline,1); }
html.signal-motion .journey [data-sn01-tier="1"] { --layer:var(--layer-team,1); }
html.signal-motion .journey [data-sn01-tier="2"] { --layer:var(--layer-business,1); }
html.signal-motion body[data-brand="signal-network-v2"] .journey .sn01 [data-sn01-tier] { opacity:calc(.18 + var(--layer)*.82); transition:none; }
html.signal-motion .journey .sn01-node { transform:translateY(calc((1 - var(--layer))*55px)) scale(calc(.86 + var(--layer)*.14)); }
html.signal-motion .journey .sn01-route { stroke-dasharray:100; stroke-dashoffset:calc((1 - var(--layer))*100); }
body[data-brand="signal-network-v2"] .program-scene { border-radius:0; margin:0; background:#f5f5f5; padding-top:100px; }
body[data-brand="signal-network-v2"] .program-panel__art { max-width:510px; perspective:1000px; }
body[data-brand="signal-network-v2"] .program-panel__art .brand-art { transform:rotateY(var(--pointer-x,0deg)) rotateX(var(--pointer-y,0deg)); transition:transform .4s ease; }
body[data-brand="signal-network-v2"] .program-panel { min-height:520px; }
body[data-brand="signal-network-v2"] .program-selector__tabs button { position:relative; color:#0a0a0aaa; }
body[data-brand="signal-network-v2"] .program-selector__tabs button[aria-selected="true"] { color:var(--ink); border-color:var(--blue); }
body[data-brand="signal-network-v2"] .program-panel__name { margin-bottom:22px; }
body[data-brand="signal-network-v2"] .program-panel__art-caption { bottom:0; }
.sv2-diagram { --face:#0a0a0a; --edge:#ffffff55; --wire:#ffffff55; --glyph:#fff; width:100%; height:100%; }
.sv2-diagram--pale { --face:#fff; --edge:#0a0a0a30; --wire:#0a0a0a45; --glyph:#0a0a0a; }
.sv2-guides { stroke:var(--wire); opacity:.35; }
.sv2-wire { stroke:var(--wire); stroke-width:1.5; }
.sv2-pulse { stroke:var(--blue); stroke-width:3; stroke-linecap:round; stroke-dasharray:12 110; stroke-dashoffset:12; opacity:0; animation:sv2-transfer 8.1s linear infinite; animation-delay:calc(var(--order)*.9s); }
.sv2-face { fill:var(--face); }
.sv2-depth { fill:var(--face); stroke:var(--edge); stroke-width:1; }
.sv2-edge { stroke:var(--edge); stroke-width:1.25; animation:sv2-edge 8.1s linear infinite; animation-delay:var(--sv2-delay); }
.sv2-node--core .sv2-edge { stroke:var(--blue); stroke-width:1.8; }
.sv2-icon { stroke:var(--glyph); stroke-width:1.8; stroke-linejoin:round; stroke-linecap:round; }
.sv2-label { fill:var(--glyph); font:400 16px Poppins,sans-serif; }
.sv2-terminal { stroke:var(--blue); stroke-width:2; }
.sv2-node { transform-box:fill-box; transform-origin:center; }
.brand-art[data-active="true"] .sv2-node { animation:sv2-assemble 1s var(--signal-ease) both; animation-delay:calc(var(--order)*65ms); }
.sv2-close-wire { stroke:#ffffff3a; stroke-width:1; }
.sv2-close-signal { stroke:var(--blue); stroke-width:2; stroke-dasharray:12 110; stroke-dashoffset:12; animation:sv2-transfer 5s linear infinite; }
.sv2-pulse,.sv2-edge,.sv2-close-signal { animation-play-state:paused; }
@keyframes sv2-transfer { 0%{stroke-dashoffset:12;opacity:0} 1%{opacity:1} 10%{stroke-dashoffset:-100;opacity:1} 12%,100%{stroke-dashoffset:-100;opacity:0} }
@keyframes sv2-edge { 0%,28%,100%{stroke:var(--edge)} 5%,18%{stroke:#4ebef0} }
@keyframes sv2-assemble { from{transform:translateY(36px) scale(.92);opacity:.2} to{transform:none;opacity:1} }
body[data-brand="signal-network-v2"] .evidence-stage { width:100%; }
body[data-brand="signal-network-v2"] .evidence-feature { border-radius:0; transform-origin:50% 0; }
html.signal-motion:not(.motion-paused) body[data-brand="signal-network-v2"] .evidence-feature:not(:focus-visible) { transform:scale(var(--proof-scale,1)); border-radius:var(--proof-radius,0px); }
body[data-brand="signal-network-v2"] .evidence-feature__art > .brand-art { opacity:.32; transform:scale(var(--proof-art-scale,1)); }
body[data-brand="signal-network-v2"] .evidence-feature__number { transform:translateY(var(--proof-number-y,0px)); }
body[data-brand="signal-network-v2"] .evidence-feature__copy { transform:translateX(var(--proof-copy-x,0px)); }
body[data-brand="signal-network-v2"] .evidence-feature .text-link { transition:gap .4s var(--signal-ease); }
body[data-brand="signal-network-v2"] .evidence-feature:hover .text-link { gap:46px; }
body[data-brand="signal-network-v2"] .evidence-notes > a:hover { border-color:var(--blue); }
/* Phones and tablets show the complete case study without expansion or artwork loops. */
@media(max-width:900px) {
  html.signal-motion:not(.motion-paused) body[data-brand="signal-network-v2"] .evidence-feature:not(:focus-visible),
  body[data-brand="signal-network-v2"] .evidence-feature { transform:none; border-radius:0; }
  body[data-brand="signal-network-v2"] .evidence-feature__art > .brand-art,
  body[data-brand="signal-network-v2"] .evidence-feature__number,
  body[data-brand="signal-network-v2"] .evidence-feature__copy { transform:none; }
  body[data-brand="signal-network-v2"] .evidence-feature,
  body[data-brand="signal-network-v2"] .evidence-feature *,
  body[data-brand="signal-network-v2"] .evidence-feature *::before,
  body[data-brand="signal-network-v2"] .evidence-feature *::after { animation:none !important; transition:none !important; }
}
body[data-brand="signal-network-v2"] .living-scene { border-block:1px solid #4ebef026; padding-block:150px; }
body[data-brand="signal-network-v2"] .living-scene__art .orbit-mark { transform:perspective(1000px) rotateY(var(--business-turn,0deg)) scale(var(--business-scale,1)); }
html.signal-motion .living-scene .sn01-node { transform-box:fill-box; transform-origin:center; transform:translateY(calc(var(--business-spread,0px)*var(--spread-direction,1))); }
.living-scene [data-sn01-tier="0"] { --spread-direction:-1; }
.living-scene [data-sn01-tier="1"] { --spread-direction:0; }
body[data-brand="signal-network-v2"] .living-scene__art-label { bottom:-5%; }
body[data-brand="signal-network-v2"] .closing-scene__symbol { width:min(620px,85%); height:auto; margin:0 auto 35px; overflow:visible; }
body[data-brand="signal-network-v2"] .closing-scene__symbol .brand-art { aspect-ratio:620/130; margin:0; }
body[data-brand="signal-network-v2"] .closing-scene > .container { transform:translateY(var(--closing-y,0px)) scale(var(--closing-scale,1)); }
body[data-brand="signal-network-v2"] .inner-orbit-hero__art { width:40%; right:0; opacity:.8; transform:translateY(calc(-50% + var(--inner-y,0px))); }
body[data-brand="signal-network-v2"] .work-sequence { position:relative; }
body[data-brand="signal-network-v2"] .work-sequence::before,body[data-brand="signal-network-v2"] .work-sequence::after { content:''; position:absolute; top:70px; bottom:90px; left:20px; width:1px; background:#0a0a0a25; transform-origin:top; }
body[data-brand="signal-network-v2"] .work-sequence::after { background:var(--blue); transform:scaleY(var(--work-progress,1)); }
body[data-brand="signal-network-v2"] .work-sequence__step { border-radius:4px; background:#fff; position:relative; z-index:1; }
body[data-brand="signal-network-v2"] .work-sequence [data-current="true"] .work-sequence__step { color:var(--ink); border-color:var(--blue); box-shadow:0 3px 0 #4ebef026; }
body[data-brand="signal-network-v2"] section[id] { scroll-margin-top:110px; }
@media(min-width:601px) {
  body[data-brand="signal-network-v2"] .inner-orbit-hero .hero__inner { width:57%; }
}
@media(max-width:1100px) and (min-width:601px) {
  body[data-brand="signal-network-v2"] .brand-scene { width:47%; right:-1%; }
  body[data-brand="signal-network-v2"] .journey__layout { gap:55px; }
  body[data-brand="signal-network-v2"] .program-panel { gap:25px; }
}
@media(max-width:900px) {
  body[data-brand="signal-network-v2"] .journey__chapter { min-height:520px; }
  body[data-brand="signal-network-v2"] .living-scene { padding-block:95px; }
}
@media(max-width:600px) {
  body[data-brand="signal-network-v2"] .cosmos-hero { min-height:auto; }
  body[data-brand="signal-network-v2"] .cosmos-hero__layout { min-height:1040px; padding-top:145px; padding-bottom:445px; }
  body[data-brand="signal-network-v2"] .brand-scene { width:100%; max-width:400px; right:50%; top:auto; bottom:92px; transform:translateX(50%); }
  body[data-brand="signal-network-v2"] .cosmos-hero__copy { transform:none; }
  body[data-brand="signal-network-v2"] .brand-scene__annotation { font-size:11px; margin-top:-8px; }
  body[data-brand="signal-network-v2"] .origin-label { font-size:12px; }
  body[data-brand="signal-network-v2"] .intro-scene { padding:80px 0 40px; }
  body[data-brand="signal-network-v2"] .intro-scene__layout { padding-top:35px; }
  body[data-brand="signal-network-v2"] .journey__chapter { min-height:390px; }
  body[data-brand="signal-network-v2"] .journey__stage[data-phase] .orbit-mark { transform:none; }
  body[data-brand="signal-network-v2"] .journey__caption { bottom:-4px; }
  body[data-brand="signal-network-v2"] .journey__label { font-size:11px; padding:4px 7px; }
  body[data-brand="signal-network-v2"] .journey__center { font-size:11px; top:62%; }
  body[data-brand="signal-network-v2"] .program-scene { padding-top:75px; }
  body[data-brand="signal-network-v2"] .program-panel { min-height:auto; }
  body[data-brand="signal-network-v2"] .program-panel__art { width:100%; max-width:360px; }
  body[data-brand="signal-network-v2"] .program-panel__art-caption { bottom:-10px; }
  body[data-brand="signal-network-v2"] .inner-orbit-hero__art { width:85%; right:auto; transform:none; }
  body[data-brand="signal-network-v2"] .closing-scene__symbol { width:100%; }
  body[data-brand="signal-network-v2"] .signal-review-links { padding-inline:24px; }
  body[data-brand="signal-network-v2"] .work-sequence::before,body[data-brand="signal-network-v2"] .work-sequence::after { left:14px; top:50px; }
}
html.motion-paused .brand-art *, .brand-art[data-signal-paused="true"] * { animation-play-state:paused !important; }
@media(prefers-reduced-motion:reduce) {
  body[data-brand="signal-network-v2"] *,body[data-brand="signal-network-v2"] *::before,body[data-brand="signal-network-v2"] *::after { animation:none !important; transition:none !important; }
  .sv2-pulse,.sv2-close-signal { display:none; }
}