/* Light cyber architecture, drawn around the content's own geometry. */
.hud-surface:not(.demand-pin):not(.intro-scroll-pin){position:relative}
.hud-ornament{position:absolute;pointer-events:none;user-select:none;z-index:0;color:#41b4c5}
.hud-ornament svg{display:block;width:100%;height:100%;overflow:visible}
.hud-ink{stroke:var(--hud-ink);stroke-width:1.05;opacity:.75}
.hud-fine{stroke:var(--hud-ink);stroke-width:.55;opacity:.45}
.hud-glass{fill:var(--hud-glass);stroke:var(--hud-ink);stroke-width:.65}
.hud-plate{fill:var(--hud-glass);stroke:var(--hud-ink);stroke-width:.7;opacity:.8}
.hud-node{fill:#45b9cb;opacity:.6}
.hud-signal{stroke:#48cad9;stroke-width:1.4;stroke-dasharray:45 955;opacity:.85;filter:drop-shadow(0 0 2px #4ad5e84d);animation:hud-route-sweep 8s linear infinite;animation-play-state:paused}
.hud-in-view .hud-signal{animation-play-state:running}
@keyframes hud-route-sweep{to{stroke-dashoffset:-1000}}
.hud-hero-northwest{left:clamp(0px,2vw,32px);top:34px;width:clamp(200px,28vw,460px);height:90px;opacity:.72}
.hud-hero-northeast{right:clamp(0px,1.5vw,28px);top:26px;width:clamp(150px,23vw,360px);height:85px;transform:scaleX(-1);opacity:.48}
.hud-hero-southwest{bottom:18px;left:clamp(0px,3vw,50px);width:clamp(190px,30vw,470px);height:90px;opacity:.55}
.hud-hero-southeast{bottom:8px;right:clamp(0px,2vw,35px);width:clamp(180px,25vw,390px);height:82px;opacity:.65}
#top .hud-title-surface{position:relative}
.hud-title-frame{inset:-28px -15px -24px;opacity:.52;z-index:-1}
.hud-title-frame .hud-glass{opacity:.55}.hud-title-frame .hud-signal{animation-duration:10s}
.hud-console-frame{inset:8px 2px;z-index:0;opacity:.6}
.hud-console-frame .hud-glass{display:none}
.hud-console-frame .hud-signal{animation-duration:6s}
.hud-section-top{top:20px;left:clamp(6px,3vw,60px);width:clamp(170px,29vw,420px);height:66px;opacity:.45}
.hud-section-bottom{bottom:14px;right:clamp(6px,3vw,60px);width:clamp(160px,28vw,400px);height:66px;opacity:.45;transform:scaleX(-1)}
#purpose.hud-surface,#package.hud-surface,#video.hud-surface{overflow:hidden}
#purpose .hud-section-top,#package .hud-section-top,#video .hud-section-top{left:auto;right:2%;top:8px;width:25vw;opacity:.3}
#purpose .hud-section-bottom,#package .hud-section-bottom,#video .hud-section-bottom{right:0;bottom:4px;opacity:.3}
.hud-heading-divider{position:relative;width:clamp(160px,19vw,260px);height:38px;margin:12px 0 0;opacity:.65}
.extras-section .hud-heading-divider{position:absolute;right:0;top:0;width:240px;opacity:.3}
.closing-section .hud-section-top{opacity:.5;top:25px}.closing-section .hud-section-bottom{opacity:.5;bottom:25px}
.demand-pin .hud-section-top,.demand-pin .hud-section-bottom{z-index:0}
.story-breath .hud-section-top,.search-demand-scene .hud-section-top{top:7%}
.story-breath .hud-section-bottom,.search-demand-scene .hud-section-bottom{bottom:6%}
@media(min-width:1500px){.hud-hero-northwest{height:110px}.hud-hero-southwest{height:110px}.hud-hero-southeast{height:100px}}
@media(max-width:900px){
 .hud-hero-northwest{top:10px;left:0;width:47%;height:52px;opacity:.55}
 .hud-hero-northeast{top:12px;right:0;width:34%;height:40px;opacity:.32}
 .hud-hero-southwest{bottom:4px;left:0;width:46%;height:52px;opacity:.42}
 .hud-hero-southeast{bottom:0;right:0;width:39%;height:45px;opacity:.42}
 .hud-title-frame{inset:-18px -5px -14px;opacity:.42}
 .hud-console-frame{inset:6px 3px;opacity:.38}
 .hud-section-top,.hud-section-bottom{width:42%;height:42px;opacity:.35}
 #purpose .hud-section-top,#package .hud-section-top,#video .hud-section-top{width:34%;height:36px;opacity:.25}
 .hud-heading-divider{height:30px;width:170px}
 .extras-section .hud-heading-divider{display:none}
}
@media(prefers-reduced-motion:reduce){.hud-signal{animation:none}}
html.motion-paused .hud-signal{animation-play-state:paused!important}