/* One shared visual stage. All docks remain in viewport during handoff. */
.wire{inset:0 auto 0 0;width:5px;height:100%;background:linear-gradient(to bottom,#F7F8FC 0%,#2B6FE3 20%,#E04040 40%,#E68A00 60%,#C7FF3D 80%,#0B1022 100%)}
.journey{position:relative;height:calc(max(100svh,740px) * 5 + 70px);padding-top:89px}.journey-stage{position:sticky;top:89px;height:calc(100svh - 89px);min-height:651px;isolation:isolate;background:radial-gradient(ellipse at 75% 45%,#203765 0,transparent 65%),var(--ink);overflow:hidden;transition:background-color .7s,color .7s}.journey-beats{position:absolute;inset:0;z-index:-1;pointer-events:none}.journey-beats>div{height:max(100svh,740px);scroll-margin:0}.scene-copy{position:absolute;top:5%;left:5%;width:50%;z-index:6;pointer-events:none}.scene-copy button,.scene-copy a{pointer-events:auto}.scene-copy h1{font-size:clamp(3rem,5.7vw,6.8rem);line-height:.93;margin:0 0 22px}.scene-copy h1 span{color:var(--lime)}.scene-copy .eyebrow{font-size:.875rem;margin-bottom:16px}.scene-copy>p:not(.eyebrow){font-size:1rem;max-width:440px}.scene-copy>p:empty{display:none}#openingActions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}#openingActions .text-button{font-size:.875rem}.anchor-portrait{position:absolute;z-index:4;width:50%;height:91%;object-fit:contain;object-position:center bottom;right:0;bottom:0;pointer-events:none;transition:opacity .9s,transform 1.3s;filter:drop-shadow(0 15px 25px #0004)}.media-stage{position:absolute;inset:0;z-index:3;perspective:1400px;pointer-events:none}.media-stage .atom{pointer-events:auto;transform-origin:top left;overflow:visible;border-radius:5px}.media-stage .atom-main{border-radius:4px;overflow:hidden;aspect-ratio:auto;height:100%;width:100%;display:flex;flex-direction:column}.media-stage .atom-main>img{height:calc(100% - 30px);width:100%;object-fit:contain;background:#080d1b}.media-stage .atom-main:after{display:none}.media-stage .atom-label{position:relative;inset:auto;display:block;width:100%;padding:5px 7px;margin-top:auto;background:var(--ink);font-size:.875rem;line-height:1.15;min-height:30px;z-index:3}.media-stage .atom-type{top:5px;left:5px;font-size:.75rem;max-width:calc(100% - 10px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-stage .atom-controls{display:none}.media-stage .native-card{position:relative;inset:auto;flex:1;width:100%;min-height:0;padding:10%;gap:8px}.media-stage .native-card strong{font-size:1.35rem}.media-stage .native-card p,.media-stage .native-card .note-lines,.media-stage .native-card .bubble,.media-stage .native-card .stamp{font-size:.75rem}.media-stage .native-card small{font-size:.75rem}.field-dock{position:absolute;inset:8% 2% 5% 44%}.field-dock .atom{position:absolute;left:var(--x);top:var(--y);width:clamp(80px,10vw,145px);height:clamp(110px,15vw,200px);transform:rotate(var(--rz));animation:culture-drift calc(9s + var(--i)*.65s) ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes culture-drift{from{translate:-45px -12px;rotate:-3deg}to{translate:var(--drift) 14px;rotate:3deg}}
.scene-controls{position:absolute;z-index:8;top:23%;left:5%;right:5%}.scene-controls .category-rail{flex-wrap:nowrap;overflow:auto;margin:0;padding:0 0 10px;gap:8px;scrollbar-width:thin}.category-rail button{flex-shrink:0}.scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.875rem}.mode-switch{display:flex;gap:0;border:1px solid currentColor;border-radius:25px;padding:2px}.mode-switch button{min-height:40px;border:0;background:transparent;color:inherit;border-radius:20px;padding:8px 18px;font-size:.875rem}.mode-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.culture-dock{position:absolute;inset:40% 32% 15% 5%;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-content:center}.culture-dock .atom{height:170px}.culture-dock.filtered{grid-template-columns:repeat(2,minmax(0,210px));gap:25px}.culture-dock.filtered .atom{height:260px}.scene-bottom{position:absolute;left:5%;right:5%;bottom:16px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff40;padding-top:14px;min-height:60px}.scene-bottom p{font-size:.875rem;max-width:440px;margin:0}.scene-bottom>a{font-size:.875rem;min-height:44px;display:flex;align-items:center}.scene-skip{position:fixed;bottom:18px;left:20px;z-index:90;background:var(--ink);color:var(--paper);font-size:.875rem;min-height:44px;padding:10px 14px;border-radius:25px;border:1px solid #ffffff60}.journey-stage[data-scene=hero] .scene-bottom{bottom:28px}.journey-stage:not([data-scene=hero]) .scene-copy{width:85%;top:4%}.journey-stage:not([data-scene=hero]) .scene-copy h1{font-size:clamp(2rem,3.6vw,4.1rem)}.journey-stage[data-scene=explore]{background:var(--paper);color:var(--ink)}.journey-stage[data-scene=explore] h1 span{color:var(--blue)}.journey-stage[data-scene=explore] .anchor-portrait{height:62%;width:36%;transform:translateX(8%)}.journey-stage[data-scene=explore] .scene-bottom{border-color:#0b102240}.journey-stage[data-scene=field] .anchor-portrait{transform:translateY(20%) scale(.6);opacity:0}.journey-stage[data-scene=field] .field-dock{inset:35% 8% 12%;transform:translateZ(80px);transition:inset 1.3s,transform 1.3s}.journey-stage[data-scene=field] .field-dock .atom{width:120px;height:160px}.journey-stage[data-scene=field] .scene-controls,.journey-stage[data-scene=selection] .scene-controls,.journey-stage[data-scene=intel] .scene-controls{top:24%}.journey-stage[data-scene=selection]{background:var(--blue)}.journey-stage[data-scene=selection] h1 span{color:var(--paper)}.journey-stage[data-scene=selection] .anchor-portrait,.journey-stage[data-scene=intel] .anchor-portrait{opacity:0;transform:translateY(30%) scale(.5)}.settle-dock,.evidence-dock{position:absolute;inset:34% 13% 14%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}.evidence-dock{right:43%;left:5%;gap:10px}.settle-dock .atom,.evidence-dock .atom{min-height:0;height:100%}.settle-dock .atom-type,.evidence-dock .atom-type{display:none}.settle-dock .native-card strong,.evidence-dock .native-card strong{font-size:1.05rem}.settle-dock .native-card p,.settle-dock .native-card .bubble,.settle-dock .native-card .note-lines,.settle-dock .native-card .stamp,.settle-dock .native-card small,.evidence-dock .native-card p,.evidence-dock .native-card .bubble,.evidence-dock .native-card .note-lines,.evidence-dock .native-card .stamp,.evidence-dock .native-card small{display:none}.scene-evidence{position:absolute;top:33%;right:5%;width:33%;bottom:14%;overflow:auto;z-index:5;padding:16px 22px;font-size:.875rem;border:1px solid var(--line)}.scene-evidence h3{font-size:2rem;margin:10px 0}.scene-evidence p{line-height:1.45}.scene-evidence dl{margin:10px 0}.scene-evidence dl>div{padding:6px 0}.scene-evidence .eyebrow{font-size:.75rem}.scene-evidence .text-button{color:var(--lime)}#selectionActions{display:flex;align-items:center;gap:18px;font-size:.875rem}#selectionActions button{font-size:.875rem}.atom-data{position:absolute;inset:0 0 30px;background:#0b1022f2;padding:8px;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:.875rem;line-height:1.2}.atom-data b{color:var(--lime)}.atom-data>span:last-child{font-size:.75rem;color:var(--muted)}.atom[data-focused=true]{outline:2px solid var(--lime)}.detail-evidence>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #0b102233;padding:8px 0}.detail-evidence dd{text-align:right}.motion-paused .field-dock .atom,.journey-offscreen .field-dock .atom{animation-play-state:paused}.static-fallback{padding:100px 8vw}.motion-toggle,.scene-skip{bottom:12px}
@media(min-width:701px) and (max-height:800px){.scene-copy h1{font-size:4.8vw}.scene-copy>p:not(.eyebrow){font-size:.875rem}.scene-copy .eyebrow{margin-bottom:10px}.scene-bottom{bottom:50px}.settle-dock,.evidence-dock{bottom:21%}}
@media(max-width:700px){.site-header{top:0;height:70px;padding:0 16px}.icon-button{width:44px;min-width:44px}.journey{padding-top:70px}.journey-stage{top:70px;height:calc(100svh - 70px);min-height:670px}.scene-copy{left:6%;top:3%;width:88%}.scene-copy h1{font-size:clamp(2.65rem,11.7vw,4.5rem);line-height:.92;margin-bottom:12px;max-width:100%}.scene-copy h1 span{display:inline-block;max-width:95%}.scene-copy .eyebrow{font-size:.75rem;margin-bottom:10px}.scene-copy>p:not(.eyebrow){font-size:1rem;line-height:1.4;max-width:100%}.journey-stage[data-scene=hero] .scene-copy>p:not(.eyebrow){position:absolute;top:490px;left:0;max-width:100%;font-size:.875rem}.anchor-portrait{width:87%;height:49%;right:0;bottom:24%}.field-dock{inset:28% 4% 23%}.field-dock .atom{width:75px;height:108px}.field-dock .atom-label{font-size:.75rem}.field-dock .atom-type{display:none}.field-dock .native-card strong{font-size:1rem}.field-dock .native-card p,.field-dock .native-card .note-lines,.field-dock .native-card .bubble,.field-dock .native-card .stamp,.field-dock .native-card small{display:none}#openingActions{position:absolute;top:565px;left:0;right:0;flex-direction:row;gap:12px;align-items:center}#openingActions .button{min-height:44px;padding:10px 12px;font-size:.75rem;white-space:nowrap}#openingActions .text-button{font-size:.75rem;line-height:1.3}.scene-bottom{left:6%;right:6%;bottom:55px;gap:8px;flex-wrap:wrap;padding-top:8px}.scene-bottom p{font-size:.75rem;line-height:1.3;max-width:100%}.scene-bottom>a{font-size:.75rem;min-height:36px}.journey-stage[data-scene=hero] .scene-bottom{display:none}.journey-stage:not([data-scene=hero]) .scene-copy{top:3%;width:88%;left:6%}.journey-stage:not([data-scene=hero]) .scene-copy h1{font-size:clamp(1.85rem,7.4vw,2.9rem);line-height:.98}.journey-stage:not([data-scene=hero]) h1 span{max-width:100%}.scene-controls{top:24%;left:6%;right:6%}.scene-controls .category-rail{margin:0 -6vw;padding:0 6vw 10px}.scene-controls .category-rail button{font-size:.875rem;padding:8px 14px}.scene-toolbar{font-size:.75rem;gap:10px}.mode-switch button{padding:7px 12px;min-height:40px}.journey-stage[data-scene=explore] .anchor-portrait{height:44%;width:55%;right:-4%;bottom:19%;transform:none}.culture-dock{inset:42% 24% 21% 6%;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.culture-dock .atom{height:87px}.culture-dock .atom-type{display:none}.culture-dock .atom-label{font-size:.75rem;padding:3px}.culture-dock .native-card strong{font-size:.85rem}.culture-dock .native-card :is(small,p,.bubble,.note-lines,.stamp){display:none}.culture-dock.filtered{grid-template-columns:1fr;right:47%;gap:10px;align-content:center}.culture-dock.filtered .atom{height:215px}.culture-dock.filtered .atom-label{font-size:.875rem}.culture-dock.filtered .atom-type{display:block}.journey-stage[data-scene=field] .field-dock{inset:36% 12% 23%}.journey-stage[data-scene=field] .field-dock .atom{width:78px;height:110px}.settle-dock,.evidence-dock{inset:35% 6% 21%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px}.evidence-dock{inset:37% 8% 19%;gap:9px}.media-stage .atom-label{font-size:.875rem;padding:4px;line-height:1.1;min-height:32px}.settle-dock .native-card,.evidence-dock .native-card{padding:6px}.settle-dock .native-card strong,.evidence-dock .native-card strong{font-size:.85rem}.media-stage .atom-main>img{height:calc(100% - 32px)}.scene-evidence{display:none}#selectionActions{gap:12px;font-size:.875rem;flex-wrap:wrap}#selectionActions button{font-size:.75rem}.journey-stage[data-scene=intel] .scene-bottom p{font-size:.75rem}.scene-skip{font-size:.75rem;left:12px;padding:10px;max-width:155px}.motion-toggle{font-size:.75rem;right:12px}.atom-data{inset:0 0 32px;padding:5px;gap:3px;font-size:.75rem}.atom-data>span:last-child{display:none}.detail-visual img{object-fit:contain}.detail-content{padding-top:25px}.detail-evidence>div{font-size:.875rem}}
@media(max-width:370px){.scene-copy h1{font-size:11.6vw}.journey-stage[data-scene=hero] .scene-copy>p:not(.eyebrow){top:455px}#openingActions{top:550px}.anchor-portrait{bottom:28%;height:44%}.scene-controls{top:26%}.journey-stage:not([data-scene=hero]) .scene-copy h1{font-size:7.4vw}.scene-toolbar>span{max-width:105px}.settle-dock,.evidence-dock{left:5%;right:5%;gap:5px}.media-stage .atom-label{font-size:.875rem}.scene-bottom{bottom:54px}.journey-stage[data-scene=explore] .anchor-portrait{bottom:23%}}
@media(prefers-reduced-motion:reduce){.journey-stage,.anchor-portrait{transition:none}.field-dock .atom{animation:none}}
/* DOM reparenting must not let browser scroll anchoring move the chapter. */
.journey,.journey *{overflow-anchor:none}
@media(max-width:700px){.journey-stage[data-scene=hero] .anchor-portrait{bottom:35%;height:40%}.journey-stage[data-scene=hero] .field-dock{inset:28% 4% 34%}.journey-stage[data-scene=hero] .field-dock .atom{width:68px;height:91px}}
@media(max-width:370px){.journey-stage[data-scene=hero] .anchor-portrait{bottom:37%;height:39%}}
.culture-dock:not(.filtered){grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-content:center}.culture-dock:not(.filtered) .atom{height:110px}.culture-dock:not(.filtered) .native-card :is(small,p,.bubble,.note-lines,.stamp){display:none}
@media(max-width:700px){.culture-dock:not(.filtered){grid-template-columns:repeat(3,minmax(0,1fr));overflow-y:auto;pointer-events:auto;align-content:start}.culture-dock:not(.filtered) .atom{height:94px}.culture-dock.filtered .atom{height:135px}.culture-dock.filtered{align-content:start}.field-dock .atom{scale:calc(.8 + mod(var(--i),3)*.08)}}
@media(max-width:700px){.settle-dock{top:34%;bottom:28%}.evidence-dock{top:36%;bottom:28%}.scene-bottom{row-gap:0}.scene-bottom p{max-width:100%}.culture-dock.filtered .native-card strong{display:block;font-size:1rem;line-height:1.05;margin-top:20px}.culture-dock.filtered .native-card{justify-content:center}}
/* 50 complete media objects at varied depths. The portrait stays in front. */
.field-dock{inset:5% 1% 12% 44%}
.field-dock .atom{width:clamp(72px,10vw,146px);height:clamp(96px,13vw,175px);scale:var(--card-scale);animation-duration:calc(12s + var(--i)*.12s);will-change:translate}
.field-dock .atom-main{transform:translate3d(calc(var(--pointer-x,0px)*var(--depth)),calc(var(--pointer-y,0px)*var(--depth)),0);transition:transform .3s ease-out;backface-visibility:hidden}
.field-dock .atom[data-platform=YouTube],.field-dock .atom[data-platform=Twitch]{width:clamp(120px,15vw,215px);height:clamp(85px,9vw,135px)}
.field-dock .atom-type{font-size:.75rem}.field-dock .atom-main>img{object-fit:contain}
.culture-dock:not(.filtered){overflow-y:auto;pointer-events:auto;align-content:start}
.culture-dock.filtered{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:start;overflow-y:auto;pointer-events:auto}
.culture-dock.filtered .atom{height:180px}.culture-dock.filtered .native-card strong{font-size:1.2rem}
.settle-dock{grid-template-rows:repeat(var(--rows-desktop,3),minmax(0,1fr))}.evidence-dock{grid-template-rows:repeat(var(--rows-desktop,3),minmax(0,1fr))}
.motion-paused .field-dock .atom-main{transform:none;transition:none}
@media(max-width:700px){.field-dock .atom,.journey-stage[data-scene=hero] .field-dock .atom{width:76px;height:108px;scale:var(--card-scale)}.field-dock .atom[data-platform=YouTube],.field-dock .atom[data-platform=Twitch]{width:110px;height:80px}.culture-dock.filtered{grid-template-columns:1fr}.culture-dock.filtered .atom{height:150px}.settle-dock,.evidence-dock{grid-template-rows:repeat(var(--rows-mobile,4),minmax(0,1fr))}.journey-stage[data-scene=field] .field-dock{inset:35% 8% 25%}}
@media(prefers-reduced-motion:reduce){.field-dock .atom-main{transform:none;transition:none}.field-dock .atom{will-change:auto}}
/* Keep the mobile media field inside the portrait band and clear of copy. */
@media(max-width:700px){.journey-stage[data-scene=hero] .field-dock{top:27%;bottom:auto;height:36%;overflow:hidden;overflow:clip}.journey-stage[data-scene=hero] #sceneDescription{background:linear-gradient(90deg,#0B1022ed,#0B1022dd);padding:8px 0;margin-top:0}}

#openIntelDemo{display:block;margin-top:14px;font-size:.8rem;color:var(--lime)}