/* The project globe is the subject; text is secondary and click-activated. */
.ohds[data-ohds-root]{--ohds-project-focus-ready:1}
.ohds .ohds-project-caption{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 20px;background:rgba(255,255,255,.96)}
.ohds-project-caption a{display:flex;align-items:center;gap:16px;max-width:100%;min-width:0}
.ohds .ohds-project-caption h3{font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.35;text-align:center;text-wrap:balance;overflow-wrap:anywhere}
.ohds-project-caption a>svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3}
.ohds-project-caption a:hover{color:var(--ohds-red)}
.ohds-project-caption button{border:0;background:none;width:36px;height:36px;flex:none;display:grid;place-items:center;padding:6px}
.ohds-project-caption button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.2;fill:none}
.ohds[data-network-presentation="focus"] .ohds-projects{--network-vh:calc(100svh - var(--ohd-nav-height,76px));position:relative;display:block;margin:0;padding:0;border-top:0;min-height:var(--network-vh)}
.ohds[data-network-presentation="focus"] .ohds-network-grid{position:relative;display:block;min-height:var(--network-vh)}
.ohds[data-network-presentation="focus"] .ohds-network-stage{height:var(--network-vh);min-height:240px;display:grid;place-items:center}
.ohds[data-network-presentation="focus"] .ohds-network-host{width:min(92vw,72svh,840px);height:min(92vw,72svh,840px);margin:0}
.ohds[data-network-presentation="focus"] .ohds-projects>.ohds-section-index,
.ohds[data-network-presentation="focus"] .ohds-network-head .ohds-label,
.ohds[data-network-presentation="focus"] .ohds-network-head .ohds-subtitle,
.ohds[data-network-presentation="focus"] .ohds-network-hint{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ohds[data-network-presentation="focus"] .ohds-network-head{position:absolute;inset:clamp(22px,4svh,48px) var(--ohds-space) auto;z-index:2;display:block;text-align:center;margin:0;pointer-events:none}
.ohds[data-network-presentation="focus"] .ohds-network-head h2{font-size:var(--ohds-type-section);max-width:26em;margin:auto}
.ohds[data-network-presentation="focus"] .ohds-network-toolbar{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);display:flex;justify-content:center;gap:22px;border:0;padding:0;z-index:2}
.ohds[data-network-presentation="focus"] .ohds-network-arrows button{border:0;width:38px;height:38px}
.ohds[data-network-presentation="focus"] .ohds-project-caption{position:absolute;z-index:3;bottom:72px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(760px,calc(100% - 36px))}
.ohds[data-network-presentation="focus"] .ohds-project-links,
.ohds[data-network-presentation="focus"] .ohds-project-list,
.ohds[data-network-presentation="focus"] .ohds-network-status{margin:0 var(--ohds-space)}
.ohds[data-network-presentation="focus"] .ohds-project-links{padding:16px 0 36px}
/* During the handoff only the centered image globe enters first. */
.ohds[data-network-presentation="focus"][data-basis-handoff="enhanced"] .ohds-network-head[data-ohds-reveal],
.ohds[data-network-presentation="focus"][data-basis-handoff="enhanced"] .ohds-network-toolbar,
.ohds[data-network-presentation="focus"][data-basis-handoff="enhanced"] .ohds-project-links,
.ohds[data-network-presentation="focus"][data-basis-handoff="enhanced"] .ohds-project-list,
.ohds[data-network-presentation="focus"][data-basis-handoff="enhanced"] .ohds-network-status,
.ohds[data-network-presentation="focus"][data-basis-handoff="enhanced"] .ohds-project-caption{opacity:var(--bw-heading-opacity,0);transition:none}
.ohds[data-network-presentation="focus"] [data-ohds-selection-live]{opacity:0}
.ohds[data-network-status="fallback"] .ohds-network-head{position:relative;inset:auto;margin:40px var(--ohds-space)}
@media(max-height:540px) and (orientation:landscape){
 .ohds[data-network-presentation="focus"] .ohds-network-head{top:12px}
 .ohds[data-network-presentation="focus"] .ohds-network-head h2{font-size:24px}
 .ohds[data-network-presentation="focus"] .ohds-network-host{width:62svh;height:62svh}
 .ohds[data-network-presentation="focus"] .ohds-project-caption{bottom:45px;padding:6px 14px}
 .ohds[data-network-presentation="focus"] .ohds-network-toolbar{bottom:2px}
}
@media(prefers-reduced-motion:reduce){
 .ohds[data-network-presentation="focus"] .ohds-project-caption{animation:none}
 .ohds[data-network-presentation="focus"] :is(.ohds-network-head,.ohds-network-toolbar,.ohds-project-links,.ohds-network-status){opacity:1!important}
}