/**
 * BookFels V3 — Milestone A.1.2
 * Genesis Enterprise Complete Baseline
 *
 * Mobile art direction: Sentinel first, then all three frozen strategic
 * headline statements in a readable hierarchy. No headline text changes.
 */

@media (max-width: 680px) {
  .bf-hero {
    min-height: auto;
    padding-top: clamp(346px, 96vw, 396px);
    padding-bottom: 104px;
  }

  .bf-hero::after {
    background:
      linear-gradient(
        180deg,
        rgba(2, 7, 16, .02) 0%,
        rgba(2, 7, 16, .08) 31%,
        rgba(2, 7, 16, .68) 50%,
        #020710 63%,
        #020710 100%
      );
  }

  .bf-hero__first-design {
    height: clamp(320px, 90vw, 375px) !important;
    bottom: auto;
  }

  .bf-genesis-activity-media,
  .bf-genesis-activity-field {
    height: 430px !important;
    bottom: auto;
  }

  .bf-hero__first-design img {
    object-fit: cover;
    object-position: center 8%;
    opacity: 1;
    filter: saturate(.94) contrast(1.04) brightness(.88);
  }

  .bf-genesis-activity-media img {
    object-position: 68% top;
  }

  .bf-hero__star-canvas {
    height: 430px !important;
    opacity: .48;
  }

  .bf-hero__grid {
    display: none;
  }

  .bf-hero__network {
    height: 430px;
  }

  .bf-hero__layout {
    gap: 28px;
  }

  .bf-hero__content {
    display: grid;
    gap: 17px;
    max-width: none;
  }

  /* The three frozen statements now begin directly below the Sentinel. */
  .bf-hero__headline {
    order: 1;
    max-width: 100%;
    margin: 0;
    font-size: clamp(2rem, 8.05vw, 2.35rem);
    line-height: .98;
    letter-spacing: -.045em;
    text-wrap: balance;
  }

  .bf-hero__headline-visual {
    gap: .2em;
  }

  .bf-hero__headline-line {
    min-height: 0;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .bf-hero__headline-line--accent {
    max-width: 100%;
    font-size: .92em;
    line-height: 1.03;
  }

  .bf-genesis-phase {
    order: 2;
    margin-top: 2px;
  }

  .bf-hero__brand {
    order: 3;
  }

  .bf-hero__statement {
    order: 4;
    margin: 0;
    font-size: .94rem;
    line-height: 1.66;
  }

  .bf-genesis-inline-strip {
    order: 5;
  }

  .bf-hero__actions {
    order: 6;
  }

  .bf-trust-network {
    order: 7;
  }

  .bf-genesis-hero__visual {
    order: 8;
    min-height: auto;
    display: grid;
    gap: 13px;
  }

  .bf-genesis-sentinel-label {
    order: 1;
    margin: 0;
  }

  .bf-genesis-runtime-card {
    order: 2;
  }

  .bf-genesis-orbit {
    display: none;
  }
}

@media (max-width: 430px) {
  .bf-hero {
    padding-top: clamp(346px, 96vw, 374px);
  }

  .bf-hero__headline {
    font-size: clamp(1.92rem, 7.9vw, 2.12rem);
  }
}

@media (max-width: 380px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .bf-menu-drawer {
    contain: layout paint;
  }

  .bf-hero__universe,
  .bf-hero__orb,
  .bf-process-console__nodes {
    max-width: 100vw;
  }
}

@media (max-width: 360px) {
  .bf-hero {
    padding-top: 346px;
  }

  .bf-hero__first-design {
    height: 322px !important;
  }

  .bf-genesis-activity-media,
  .bf-genesis-activity-field,
  .bf-hero__star-canvas,
  .bf-hero__grid,
  .bf-hero__network {
    height: 390px !important;
  }

  .bf-hero__headline {
    font-size: 1.78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-hero__headline-line {
    animation: none !important;
    transition: none !important;
  }
}