.resource-banner-header{background:#061c2e!important;color:#fff;padding:38px 0 48px!important}.resource-banner-header>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}.resource-banner-header h1{font-size:clamp(30px,3.1vw,46px)!important}.resource-banner-copy{min-width:0}.resource-banner-header .lead{color:#bfd5e3;font-size:18px;line-height:1.65}.resource-banner-header .actions{flex-wrap:wrap}.resource-banner-visual{margin:0;min-width:0}.resource-banner-art{position:relative;overflow:hidden}.resource-banner-art>img{display:block;width:100%;height:auto}.resource-banner-art>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hex-flow{font:22px monospace;fill:#b3f5ff;filter:drop-shadow(0 0 5px #4edbff);animation:resource-hex-flow 7s linear infinite;opacity:0}.hex-flow-two{animation-delay:-2.3s}.hex-flow-three{animation-delay:-4.6s}@keyframes resource-hex-flow{0%{transform:translate(0,0);opacity:0}15%{opacity:.85}75%{opacity:.85}100%{transform:translate(390px,-65px);opacity:0}}.resource-banner-visual figcaption{font-size:13px;color:#c2d9e5;line-height:1.6;margin:12px 0}.resource-banner-visual figcaption span{display:block;font-size:11px;color:#89a6b8}.resource-motion{background:transparent;color:#c2d9e5;border:1px solid #617d8f;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.resource-motion:focus-visible{outline:2px solid #87e6ff;outline-offset:3px}.resource-banner-visual.motion-paused .hex-flow{animation-play-state:paused}@media(max-width:900px){.resource-banner-header>.wrap{grid-template-columns:1fr;gap:28px}.resource-banner-visual{width:100%;max-width:650px;margin:auto}.resource-banner-header h1{font-size:34px!important}.resource-banner-header .lead{font-size:17px}}@media(prefers-reduced-motion:reduce){.hex-flow{animation:none;opacity:0}.resource-motion{display:none}}@media print{.hex-flow,.resource-motion{display:none}}
/* Continuous sideways hex stream */
.hex-stream{font:23px monospace;letter-spacing:1px;fill:#a5edfc;filter:drop-shadow(0 0 3px #42cfff);animation:hex-sideways 9s linear infinite}
@keyframes hex-sideways{from{transform:translateX(0)}to{transform:translateX(384px)}}
.resource-banner-visual.motion-paused .hex-stream{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hex-stream{animation:none}}
@media print{.hex-stream{animation:none}}