/* Aether's editorial intelligence language, rebuilt in Atreon's monochrome system. */
.aether-seal {
  min-height: 520px;
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  border-color: #292e2d;
  background:
    radial-gradient(circle, rgba(238,241,237,.075) 0 1px, transparent 1.4px) 0 0 / 9px 9px,
    #0b0d0e;
}

.aether-seal::after { display: none; }

.aether-seal::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 310px;
  height: 310px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(235,238,234,.11), transparent 68%);
}

.aether-seal > span {
  top: 20px;
  left: 20px;
  color: #717976;
}

.aether-seal > p {
  position: absolute;
  right: 20px;
  bottom: 18px;
  margin: 0;
  color: #666d6a;
  font: 500 8px/1 Manrope,sans-serif;
  letter-spacing: .15em;
}

.aether-seal svg {
  width: min(88%, 440px);
  overflow: visible;
}

.aether-sphere,
.aether-longitudes,
.aether-orbits,
.aether-signal,
.aether-seal-core {
  fill: none;
  stroke: #d9ddda;
  vector-effect: non-scaling-stroke;
}

.aether-sphere {
  stroke-width: .8;
  opacity: .3;
}

.aether-static-meridians { display: none; }

.aether-longitudes {
  stroke-width: .8;
  opacity: .32;
  transform-box: view-box;
  transform-origin: 0 0;
  animation: aether-earth-spin 8s linear infinite;
}

.aether-orbits {
  stroke-width: .85;
  opacity: .42;
  stroke-dasharray: 3 7;
  transform-box: fill-box;
  transform-origin: center;
  animation: aether-orbits-turn 22s linear infinite reverse;
}

.aether-signal {
  stroke: #f3f4f1;
  stroke-width: 1.4;
  stroke-linecap: square;
  stroke-dasharray: .13 .87;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 4px rgba(243,244,241,.38));
  animation: aether-signal-run 7.4s linear infinite;
}

.aether-seal-core path:first-child {
  fill: #eceeeb;
  stroke: none;
}

.aether-seal-core path:last-child {
  fill: #0b0d0e;
  stroke: #0b0d0e;
  stroke-width: 8;
}

.about-copy h2 em {
  display: inline-block;
  color: #e8eae7;
  font-family: "Instrument Serif", Georgia, serif;
  font-size: 1.08em;
  font-weight: 400;
  line-height: .9;
}

.leader-intro blockquote {
  font-family: "Instrument Serif", Georgia, serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.34;
}

@keyframes aether-earth-spin { to { transform: translateX(71px); } }
@keyframes aether-orbits-turn { to { transform: rotate(360deg); } }
@keyframes aether-signal-run { to { stroke-dashoffset: 0; } }

@media (max-width: 720px) {
  .aether-seal { min-height: 390px; }
  .aether-seal svg { width: min(92%, 360px); }
  .leader-intro blockquote { font-size: 23px; }
}

@media (prefers-reduced-motion: reduce) {
  .aether-longitudes,
  .aether-orbits,
  .aether-signal { animation: none; }
  .aether-longitudes { display: none; }
  .aether-static-meridians { display: block; }
  .aether-signal { stroke-dasharray: none; stroke-dashoffset: 0; filter: none; }
}