/* Contact hero: interactive synapse network
   Static-site adaptation of the supplied React canvas component. */
.gst-contact-network-hero{
  min-height:clamp(660px,88vh,920px);
  isolation:isolate;
  background:#260201;
}
.gst-contact-network-hero:before{
  z-index:0;
  opacity:.55;
  pointer-events:none;
}
.gst-contact-synapse-canvas{
  position:absolute;
  inset:0;
  z-index:-3;
  display:block;
  width:100%;
  height:100%;
  pointer-events:auto;
  background:
    radial-gradient(circle at 78% 22%,rgba(232,140,43,.08),transparent 31%),
    #280201;
}
.gst-contact-network-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(38,2,1,.94) 0%,rgba(38,2,1,.72) 42%,rgba(38,2,1,.28) 76%,rgba(38,2,1,.5) 100%),
    linear-gradient(180deg,rgba(38,2,1,.2) 0%,rgba(38,2,1,.05) 50%,rgba(38,2,1,.68) 100%);
}
.gst-contact-hero-copy{
  position:relative;
  z-index:2;
  pointer-events:none;
}
.gst-contact-hero-copy .gst-page-actions,
.gst-contact-hero-copy a{
  pointer-events:auto;
}
.gst-contact-network-hero .gst-page-kicker{
  text-shadow:0 2px 18px rgba(34,0,0,.75);
}
.gst-contact-network-hero h1{
  max-width:980px;
  text-shadow:0 5px 34px rgba(20,0,0,.5);
}
.gst-contact-network-hero p{
  max-width:710px;
  color:rgba(254,251,243,.78);
  text-shadow:0 2px 18px rgba(20,0,0,.6);
}
.gst-contact-network-hero .gst-page-btn:not(.primary){
  background:rgba(43,3,1,.34);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
@media(max-width:760px){
  .gst-contact-network-hero{min-height:720px}
  .gst-contact-network-shade{background:linear-gradient(180deg,rgba(38,2,1,.76),rgba(38,2,1,.46) 42%,rgba(38,2,1,.82))}
}
@media(prefers-reduced-motion:reduce){
  .gst-contact-synapse-canvas{pointer-events:none}
}