.cognitive-scene{--cognitive-aura:#68aef5;--cognitive-cool:#c8e7ff;--cognitive-warm:#ffc486;isolation:isolate;width:100%;min-width:0;color:var(--cognitive-cool);margin:0;position:relative}.cognitive-viewport{aspect-ratio:1.2;touch-action:pan-y;width:100%;min-height:280px;position:relative;overflow:hidden}.cognitive-viewport:before,.cognitive-viewport:after{z-index:-1;content:"";pointer-events:none;border-radius:50%;position:absolute}.cognitive-viewport:before{background:radial-gradient(circle at 53% 29%, color-mix(in srgb, var(--cognitive-aura) 14%, transparent) 0, transparent 38%), radial-gradient(circle at 50% 72%, color-mix(in srgb, var(--cognitive-warm) 6%, transparent) 0, transparent 43%);filter:blur(22px);inset:6% 2% 1%}.cognitive-viewport:after{border:1px solid color-mix(in srgb, var(--cognitive-cool) 6%, transparent);opacity:.45;inset:12% 5% 4%;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.hero-scene .cognitive-viewport{aspect-ratio:auto;height:calc(100% - 44px);min-height:0}.cognitive-still,.cognitive-canvas{width:100%;height:100%;transition:opacity .36s;display:block;position:absolute;inset:0}.cognitive-still{opacity:1}.cognitive-canvas,.cognitive-scene[data-renderer=webgl] .cognitive-still{opacity:0}.cognitive-scene[data-renderer=webgl] .cognitive-canvas{opacity:1}.cognitive-stars{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.cognitive-stars--cool{stroke:var(--cognitive-cool)}.cognitive-stars--warm{stroke:var(--cognitive-warm)}.cognitive-stars--dust{stroke-width:.72px;opacity:.52}.cognitive-stars--bright{stroke-width:1.5px;opacity:.92}.cognitive-stars-halo{opacity:.34}.cognitive-caption{justify-content:flex-end;align-items:center;gap:12px;min-height:44px;padding-inline:5%;display:flex}.cognitive-caption-label{color:var(--text-soft);font-size:12px;font-weight:500}.cognitive-controls{gap:4px;display:flex}.cognitive-control{width:36px;height:36px;color:var(--text,#e0e9f5);border:1px solid var(--line,#364559);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:8px;transition:background .16s,border-color .16s;display:grid}.cognitive-control:hover{background:#77b8ff18;border-color:#7ebdff}.cognitive-control:focus-visible{outline-offset:4px;outline:2px solid #6db5ff}.cognitive-control:disabled{cursor:default;opacity:.4}.cognitive-control svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:18px;height:18px}:root[data-theme=light] .cognitive-scene{--cognitive-aura:#387db6;--cognitive-cool:#174c7d;--cognitive-warm:#9a4d13}:root[data-theme=light] .cognitive-stars--dust{opacity:.66}:root[data-theme=light] .cognitive-stars-halo{opacity:.14}:root[data-theme=light] .cognitive-still>ellipse{opacity:.35}@media (pointer:coarse){.cognitive-control{width:44px;height:44px}}@media (width<=767px){.cognitive-viewport{aspect-ratio:1.16;min-height:260px}.cognitive-caption{justify-content:center}.cognitive-stars--dust{stroke-width:.86px}}@media (prefers-reduced-motion:reduce){.cognitive-still,.cognitive-canvas,.cognitive-control{transition:none}}