.hero{
  border-color:#e1e7f6;
  background:
    radial-gradient(circle at 8% 102%,rgba(105,213,182,.18),transparent 31%),
    radial-gradient(circle at 91% 9%,rgba(75,114,255,.18),transparent 34%),
    linear-gradient(135deg,#f9fbff 0%,#f3f6ff 54%,#f9fcff 100%);
  box-shadow:0 30px 86px rgba(30,53,109,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
.hero:before{
  width:610px;
  height:610px;
  right:-355px;
  top:-325px;
  border-color:rgba(43,105,238,.18);
  box-shadow:0 0 0 58px rgba(43,105,238,.045),0 0 0 122px rgba(43,105,238,.028),0 0 0 190px rgba(43,105,238,.016);
}
.hero:after{
  position:absolute;
  inset:0;
  z-index:0;
  content:"";
  pointer-events:none;
  opacity:.42;
  background-image:linear-gradient(rgba(71,101,178,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(71,101,178,.09) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(125deg,black 0%,rgba(0,0,0,.5) 42%,transparent 76%);
}
.copy{padding:13px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px}.eyebrow:before{width:22px;height:1px;content:"";background:#5d7be0}.copy h1{filter:drop-shadow(0 10px 20px rgba(47,69,123,.07))}.art-card{border-color:rgba(201,213,239,.9);box-shadow:0 27px 58px rgba(40,65,128,.16),inset 0 1px 0 rgba(255,255,255,.8)}
@media(max-width:760px){.hero:after{opacity:.24}.copy{padding:0}}