/*
Theme Name: Flatsome Child
Description: GigDemo main site - YIP Labs
Author: YIP Labs
Template: flatsome
Version: 1.2
*/

/* ---------- GigDemo landing ---------- */
body.home, body.home #wrapper, body.home #main { background: #06070b; }
.gd-hero {
  position: relative; overflow: hidden; padding: 0 !important; min-height: 100vh;
  background:
    radial-gradient(60% 50% at 50% 0%, rgba(124, 92, 255, .22), transparent 70%),
    radial-gradient(40% 40% at 88% 90%, rgba(25, 211, 197, .16), transparent 70%),
    radial-gradient(35% 35% at 8% 85%, rgba(163, 255, 60, .08), transparent 70%),
    #06070b;
}
.gd-hero::before {
  content: ""; position: absolute; inset: -1px; pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, #000 25%, transparent 80%);
          mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, #000 25%, transparent 80%);
}
.gd-hero::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 46vmax; height: 46vmax;
  transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none;
  background: conic-gradient(from 180deg, #7c5cff, #19d3c5, #a3ff3c, #7c5cff);
  filter: blur(100px); opacity: .26; animation: gd-spin 26s linear infinite;
}
@keyframes gd-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .gd-hero::after { animation: none; } }
.gd-hero .section-bg { display: none; }
.gd-hero .section-content {
  position: relative; z-index: 2; min-height: 100vh;
  display: flex; align-items: center; justify-content: center;
}
.gd-hero .section-content > .row { width: 100%; }
.gd-hero .col { padding-bottom: 0; }
.gd-mark {
  font-size: clamp(64px, 12vw, 164px); line-height: .92; font-weight: 900;
  letter-spacing: -.05em; margin: 0 0 .22em; color: #fff;
  background: linear-gradient(180deg, #ffffff 35%, rgba(255,255,255,.55));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.gd-sub {
  font-size: clamp(12px, 1.5vw, 15px); letter-spacing: .34em; text-transform: uppercase;
  color: rgba(255,255,255,.64); margin: 0;
}
.gd-sub::before, .gd-sub::after {
  content: ""; display: inline-block; width: 28px; height: 1px; vertical-align: middle;
  background: rgba(255,255,255,.28); margin: 0 14px;
}
@media (max-width: 549px) { .gd-sub::before, .gd-sub::after { width: 14px; margin: 0 8px; } }

/* gd-hero-bgfix: Flatsome sets a grey default colour on dark sections */
.gd-hero { background-color: #06070b !important; }

/* gd-mobile-sub: keep the subtitle on one line on phones */
@media (max-width: 549px) { .gd-sub { font-size: 11px; letter-spacing: .2em; white-space: nowrap; } .gd-sub::before, .gd-sub::after { display: none; } }