/* Cybereum · Distributed Management hero
   Authoritative signature treatment for the Distributed Management hero.
   Loaded after distributed-management.css so normal cascade order, not !important,
   determines the component variant. Geometry is fluid and content-owned. */

.dm-hero__horizon{display:none}

.dm-hero__dawn{
  left:50%;
  top:48%;
  width:min(92vw,660px);
  aspect-ratio:1.55/1;
  transform:translate(-50%,-50%) scale(.45);
  background:radial-gradient(ellipse at center,
    rgba(220,249,255,.42) 0%,
    rgba(140,230,255,.22) 16%,
    rgba(90,200,250,.10) 38%,
    rgba(69,145,197,.035) 58%,
    transparent 74%);
  filter:blur(9px);
  animation:dm-dawn-centered 2.55s .15s cubic-bezier(.16,1,.3,1) forwards;
}

/* The mark reads as a silhouette with a hot centre: its petals and mid facets
   are opaque navy (#0e2d46, #143c78, #195082 — the symbol carries 619 elements
   at opacity:1 and no alpha anywhere), so the two glow layers behind it cannot
   reach them. Light behind an opaque shape does not pass through it.

   This lifts the mark from in front instead, in screen blend, which is what
   actually makes a dark fill luminous: screen(dark, light) tends to light while
   leaving the already-bright core untouched. Weighted to the centre so the
   central mass gains the most and the outer petals keep their definition
   rather than washing flat. */
.dm-hero__core-lift{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  border-radius:50%;
  pointer-events:none;
  mix-blend-mode:screen;
  background:radial-gradient(circle,
    rgba(150,226,255,.42) 0%,
    rgba(110,198,245,.30) 30%,
    rgba(74,156,214,.16) 52%,
    rgba(40,96,150,.05) 72%,
    transparent 86%);
  opacity:0;
  animation:dm-core-halo 2.1s .65s cubic-bezier(.16,1,.3,1) forwards;
}

.dm-hero__core:after{
  content:"";
  position:absolute;
  inset:-72%;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,
    rgba(194,246,255,.16),
    rgba(90,200,250,.055) 34%,
    transparent 68%);
  opacity:0;
  animation:dm-core-halo 2.1s .65s cubic-bezier(.16,1,.3,1) forwards;
}

.dm-hero__identity{
  top:calc(48% + clamp(5.125rem,6vw,6rem));
  width:min(88vw,800px);
}

.dm-hero__wordmark{
  display:block;
  width:min(82vw,760px);
  height:auto;
  margin:0 auto;
  color:#e9f8ff;
  opacity:0;
  transform:translateY(.625rem) scale(.985);
  filter:drop-shadow(0 0 18px rgba(90,200,250,.10)) blur(1.5px);
  animation:dm-canonical-wordmark 1.25s 1.85s cubic-bezier(.16,1,.3,1) forwards;
}

/* Kept as a graceful fallback if the enhancement script is delayed. Once the
   canonical SVG replaces the typed mark, this node is no longer present. */
.dm-hero__identity strong{display:none}

.dm-hero__identity span{
  margin-top:.95rem;
  background:rgba(5,16,27,.54);
  border-color:rgba(140,230,255,.20);
}

.dm-hero__scroll{
  padding:.64rem .85rem;
  border:1px solid rgba(140,230,255,.14);
  border-radius:var(--cyb-radius-pill,999px);
  background:var(--cyb-glass-fill-soft,rgba(5,16,27,.54));
  -webkit-backdrop-filter:var(--cyb-glass-filter,blur(12px));
  backdrop-filter:var(--cyb-glass-filter,blur(12px));
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.dm-hero__scroll:hover,
.dm-hero__scroll:focus-visible{
  color:rgba(220,248,255,.9);
  border-color:rgba(140,230,255,.34);
  background:var(--cyb-glass-fill,rgba(10,30,46,.72));
}

@keyframes dm-dawn-centered{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}
  48%{opacity:.62}
  100%{opacity:.92;transform:translate(-50%,-50%) scale(1)}
}
@keyframes dm-core-halo{
  0%{opacity:0;transform:scale(.7)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes dm-canonical-wordmark{
  0%{opacity:0;transform:translateY(.625rem) scale(.985);filter:drop-shadow(0 0 18px rgba(90,200,250,.10)) blur(1.5px)}
  100%{opacity:1;transform:none;filter:drop-shadow(0 0 18px rgba(90,200,250,.10)) blur(0)}
}

@media(prefers-reduced-motion:reduce){
  .dm-hero__dawn{animation:none;opacity:.92;transform:translate(-50%,-50%) scale(1)}
  .dm-hero__core:after{animation:none;opacity:1;transform:scale(1)}
  /* The lift starts at opacity:0 and is revealed by dm-core-halo, so without
     this it would simply never appear for anyone who asks for reduced motion —
     the mark would stay unlit for exactly the visitors least able to tolerate
     a hunt for it. */
  .dm-hero__core-lift{animation:none;opacity:1}
  .dm-hero__wordmark{animation:none;opacity:1;transform:none;filter:none}
}