:root{
  --gravity-gold:#c6a664;
  --gravity-bg:#0b0b0b;
  --gravity-panel:rgba(255,255,255,.035);
  --gravity-border:rgba(198,166,100,.24);
  --gravity-text:#f3efe6;
}

body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"liga","kern","calt";
  letter-spacing:.01em;
}

.gravity-heading{
  line-height:1.08;
  letter-spacing:-0.025em;
  font-weight:600;
}

.gravity-copy{
  line-height:1.72;
  opacity:.88;
}

.gravity-panel{
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.045),
    rgba(255,255,255,.018)
  );
  border:1px solid var(--gravity-border);
  backdrop-filter:blur(10px);
}

.gravity-seal{
  position:relative;
  overflow:hidden;
}

.gravity-seal:after{
  content:"";
  position:absolute;
  inset:-40%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.12),
    transparent
  );
  transform:translateX(-140%) rotate(18deg);
  animation:gravitySealSweep 5.5s linear infinite;
}

@keyframes gravitySealSweep{
  to{
    transform:translateX(140%) rotate(18deg);
  }
}

.gravity-timeline-item{
  opacity:0;
  transform:translateY(10px);
  animation:gravityTimelineFade .7s ease forwards;
}

.gravity-timeline-item:nth-child(1){animation-delay:.08s;}
.gravity-timeline-item:nth-child(2){animation-delay:.16s;}
.gravity-timeline-item:nth-child(3){animation-delay:.24s;}
.gravity-timeline-item:nth-child(4){animation-delay:.32s;}

@keyframes gravityTimelineFade{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Gravity maturity layer */
.gravity-package-frame{
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
}

.gravity-package-frame h1,
.gravity-package-frame h2,
.gravity-heading{
  letter-spacing:-0.035em;
  line-height:1.04;
}

.gravity-package-subtitle,
.gravity-copy,
.gravity-timeline-item{
  line-height:1.75;
}

.gravity-package-eyebrow{
  letter-spacing:.16em;
}

.gravity-seal{
  transition:transform .3s ease, border-color .3s ease, background .3s ease;
}

.gravity-seal:hover{
  transform:translateY(-1px);
  border-color:rgba(198,166,100,.75);
  background:rgba(198,166,100,.1);
}

.gravity-deterministic-timeline{
  position:relative;
}

.gravity-deterministic-timeline:before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:1px;
  background:linear-gradient(to bottom, transparent, rgba(198,166,100,.55), transparent);
}