/* RadarSeq / v5: intentional chapter navigation, precise scroll targets and unique interactive visuals. */
@media (min-width:1111px){
  .overview-shell:has(.home-wayfinder.is-collapsed){grid-template-columns:48px minmax(0,1fr);gap:20px;}
  .overview-shell .home-wayfinder{position:sticky;}
  .overview-shell .home-wayfinder.is-collapsed,.overview-shell .home-wayfinder.is-collapsed:not(.is-open){width:48px;min-width:48px;max-width:48px;height:210px;max-height:220px;min-height:0;overflow:hidden;padding:0 5px;margin-top:24px;border-right:1px solid var(--line);}
  .home-wayfinder.is-collapsed .wayfinder-top,.home-wayfinder.is-collapsed .wayfinder-items,.home-wayfinder.is-collapsed .wayfinder-detail,.home-wayfinder.is-collapsed .wayfinder-rail-foot{display:none!important;}
  .home-wayfinder .wayfinder-collapse{display:flex;align-items:center;gap:5px;position:relative;top:auto;left:auto;width:100%;min-height:32px;margin:0 0 12px;padding:5px 6px;background:none;border:1px solid transparent;border-radius:8px;color:var(--royal);cursor:pointer;text-align:left;transition:background .2s,color .2s;}
  .home-wayfinder .wayfinder-collapse:hover,.home-wayfinder .wayfinder-collapse:focus-visible{background:color-mix(in srgb,var(--surface) 70%,#eeeaff);border-color:var(--line);}
  .home-wayfinder .wayfinder-collapse .icon{height:15px;width:15px;transform:rotate(90deg);}
  .home-wayfinder .wayfinder-collapse .wayfinder-collapsed-label{font-size:10px;font-weight:800;letter-spacing:.025em;white-space:nowrap;}
  .home-wayfinder:not(.is-collapsed) .wayfinder-collapse{margin:0 0 8px;padding:5px 2px 5px 0;}
  .home-wayfinder:not(.is-collapsed) .wayfinder-collapse .wayfinder-collapsed-label{font-size:9px;}
  .home-wayfinder.is-collapsed .wayfinder-collapse{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:13px;min-height:193px;margin:0;padding:12px 2px;color:var(--royal);}
  .home-wayfinder.is-collapsed .wayfinder-collapse .icon{transform:rotate(-90deg);}
  .home-wayfinder.is-collapsed .wayfinder-collapse .wayfinder-collapsed-label{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.13em;font-size:10px;}
}
@media (max-width:1110px){.home-wayfinder .wayfinder-collapse{display:none;}}
/* The click handler now positions sections relative to the actual sticky-header height. */
/* Keep the document-level scroll offset for other in-page utilities; the chapter guide uses an exact scripted destination. */
.home-section[id],#signal-observatory,#main:not(:has(.home-wayfinder)) .home-section[id]{scroll-margin-top:0;}
/* A light, interactive treatment of the original bridge illustration, used only twice throughout the site. */
.bridge-experience{position:relative;isolation:isolate;background:#0b1730;overflow:hidden;}
.bridge-experience img{width:100%;height:100%;object-fit:cover;transform:translate3d(var(--bridge-x,0px),var(--bridge-y,0px),0) scale(1.045);transition:transform .35s ease,filter .4s ease;filter:saturate(1.08) contrast(1.04);}
.bridge-experience:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(7,14,35,.86) 0%,rgba(7,14,35,.25) 30%,transparent 63%);}
.bridge-hotspot-row{position:absolute;z-index:3;left:19px;right:19px;bottom:57px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.bridge-hotspot-row button{border:1px solid rgba(255,255,255,.48);color:#f5f7ff;background:rgba(8,13,38,.53);border-radius:50px;font-size:11px;letter-spacing:.015em;font-weight:800;padding:9px 13px;cursor:pointer;backdrop-filter:blur(9px);transition:background .2s,box-shadow .2s,transform .2s;}
.bridge-hotspot-row button[aria-pressed="true"]{background:linear-gradient(125deg,rgba(59,93,242,.9),rgba(129,79,220,.95));border-color:rgba(255,255,255,.75);box-shadow:0 6px 20px #624bff50;transform:translateY(-2px);}
.bridge-hotspot-row button:hover{background:#4e4ce9;color:#fff;}
.bridge-insight{position:absolute;z-index:3;left:18px;right:18px;bottom:12px;color:#f7f8ff;font-weight:550;line-height:1.45;min-height:33px;font-size:11px;letter-spacing:.004em;}
.bridge-experience[data-perspective="industry"] img{filter:saturate(1.17) contrast(1.08) sepia(.1);}
/* Distinct original vector illustration on About; no third reuse of the bridge photo. */
.story-signal-lab{position:relative;overflow:hidden;aspect-ratio:1.2;border-radius:22px;border:1px solid rgba(130,151,235,.35);background:radial-gradient(circle at 80% 24%,rgba(119,70,218,.42),transparent 48%),radial-gradient(circle at 15% 75%,rgba(25,191,185,.19),transparent 35%),#0b1730;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 40px rgba(19,26,60,.11);min-width:0;}
.story-signal-lab:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(transparent,#0008,transparent);}
.lab-top{display:flex;align-items:center;gap:8px;padding:20px 23px 6px;font-size:10px;font-weight:800;letter-spacing:.11em;color:#aebee3;z-index:1;}
.lab-small-code{margin-left:auto;opacity:.62;}.lab-live-dot{width:7px;height:7px;border-radius:50%;background:#55e7d9;box-shadow:0 0 13px #55e7d9;}
.lab-display{padding:10px 26px 4px;position:relative;z-index:1;}
.lab-kicker{font-size:10px;font-weight:850;letter-spacing:.12em;color:#91a7ff;}
.lab-display h3{font-size:clamp(19px,2vw,27px);line-height:1.12;letter-spacing:-.035em;max-width:390px;color:#fff;margin:9px 0 5px;}
.lab-signal-svg{display:block;width:100%;max-height:212px;margin:8px 0 7px;overflow:visible;}
.lab-main-line{stroke-dasharray:820;stroke-dashoffset:820;animation:labDraw 2.8s ease-out forwards;}
.lab-pulse{transform-origin:395px 136px;animation:labPulse 2.6s ease-in-out infinite;}
.lab-description{color:#c2d1ed;font-size:12px;line-height:1.65;max-width:470px;min-height:44px;}
.lab-footer{position:relative;z-index:1;border-top:1px solid #ffffff1f;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 23px 17px;}
.lab-view-switch{display:flex;gap:5px;padding:3px;background:#ffffff12;border:1px solid #ffffff23;border-radius:100px;}
.lab-view-switch button{color:#cad4f4;border:0;background:none;padding:8px 13px;font-size:10px;font-weight:800;border-radius:100px;cursor:pointer;}
.lab-view-switch button.active,.lab-view-switch button:hover{background:linear-gradient(115deg,#5c67f7,#9362e7);color:#fff;box-shadow:0 4px 15px #27175a50;}
.lab-caption{color:#90a5cb;font-size:10px;white-space:nowrap;}
.story-signal-lab[data-view="decision"] .lab-main-line{stroke:#ff8fbd;stroke-dasharray:none;animation:none;}
.story-signal-lab[data-view="decision"] .lab-focus-dot{fill:#57e8d7;}
.story-signal-lab[data-view="decision"] .lab-pulse{stroke:#57e8d7;}
@keyframes labDraw{to{stroke-dashoffset:0;}}
@keyframes labPulse{50%{opacity:.18;transform:scale(1.35)}}
@media(max-width:1080px){.lab-display{padding:11px 20px 2px;}.lab-top{padding:16px 20px 6px;}.lab-footer{padding:12px 18px 14px;}.lab-view-switch button{padding:7px 10px;}.lab-caption{display:none;}}
@media(max-width:640px){.story-signal-lab{aspect-ratio:1.08;}.lab-display h3{font-size:23px;}.bridge-hotspot-row{left:11px;right:11px;bottom:53px;}.bridge-hotspot-row button{padding:7px 10px;font-size:10px;}.bridge-insight{font-size:10px;left:12px;right:12px;bottom:10px;}}
@media(prefers-reduced-motion:reduce){.lab-main-line,.lab-pulse{animation:none!important;stroke-dashoffset:0!important;}.bridge-experience img{transition:none!important;}}
:root[data-motion="off"] .lab-main-line,:root[data-motion="off"] .lab-pulse{animation:none!important;stroke-dashoffset:0!important;}
:root[data-motion="off"] .bridge-experience img{transform:none!important;}
@media(max-width:360px){.evidence-strip{grid-template-columns:1fr;}.evidence-item{min-width:0;}}
/* Keep interactive explanation controls inside the mobile figure rather than clipping them. */
@media(max-width:640px){
 .story-signal-lab{aspect-ratio:auto;min-height:445px;overflow:hidden;}
 .lab-display{padding-top:12px;}
 .lab-signal-svg{max-height:174px;margin-top:6px;}
 .lab-footer{flex-shrink:0;margin-top:10px;}
}
@media(max-width:360px){
 .story-signal-lab{min-height:475px;}
 .lab-signal-svg{max-height:162px;}
 .lab-view-switch button{padding:8px 9px;font-size:9px;}
}
