@font-face { font-family: "Caveat"; src: url(/fonts/caveat.woff2) format("woff2"); font-weight: 600; }
.hero { position: relative; height: 900px; overflow: hidden;
  background:
    radial-gradient(38% 45% at 78% 22%, rgba(5,150,105,.12), transparent 70%),
    radial-gradient(34% 42% at 94% 62%, rgba(3,105,161,.10), transparent 70%),
    radial-gradient(36% 44% at 66% 88%, rgba(236,72,153,.10), transparent 70%),
    #fbfbfc; }
.navwrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 3; }
.hero > .wrap { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1.05fr; gap: 24px; align-items: center; height: 900px; padding-top: 30px; }
h1 { font-size: 72px; line-height: 1.02; margin: 22px 0 24px; }
.sub { font-size: 19px; line-height: 1.6; color: var(--body); max-width: 500px; margin: 0 0 34px; }
.icons { margin-top: 20px; }
svg.art { width: 100%; height: auto; overflow: visible; }
svg.art text.ui { font-family: "Instrument Sans", sans-serif; }
body.artonly { background: #fbfbfc; margin: 0; }
body.artonly .hero { display: none; }
body.artonly .solo { display: block; width: 680px; height: 640px; }
.solo { display: none; }