/* Reuse the current homepage's local fonts without importing its layout. */
@font-face {
  font-family: "Package Home Grotesk";
  src: url("../_next/static/media/hinted_FKGroteskNeue_Light-s.p.0y_7_-l_mvhf_.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Package Home Grotesk";
  src: url("../_next/static/media/hinted_FKGroteskNeue_Regular-s.p.008pbgvgxc.6_.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Package Home Grotesk Fallback";
  src: local("Arial");
  ascent-override: 103.96%;
  descent-override: 22.99%;
  line-gap-override: 0%;
  size-adjust: 107.04%;
}

/* Mobile package chrome only; the case apps keep their own art direction. */
@media (max-width: 700px) {
  .package-showcase-first .package-hero,
  .package-showcase-first .build-header,
  .package-showcase-first .mobile-dock,
  .package-1000 .package-info,
  .package-1000 .site-header,
  .package-1000 .site-footer {
    font-family: "Package Home Grotesk", "PingFang SC", "Microsoft YaHei", "Package Home Grotesk Fallback",
      ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu,
      Cantarell, "Noto Sans", sans-serif;
    font-weight: 300;
  }

  .package-showcase-first .package-hero h1,
  .package-showcase-first .package-hero h2,
  .package-showcase-first .package-hero button,
  .package-showcase-first .build-header .brand,
  .package-1000 .package-info h1,
  .package-1000 .package-info h2,
  .package-1000 .package-info button {
    font-weight: 300;
  }

  .package-showcase-first .package-back,
  .package-1000 .back-link {
    position: relative;
    top: -24px;
  }

  /* Reclaim the space below the lifted return link for the entire content. */
  .package-showcase-first .package-hero .package-layout,
  .package-1000 .package-heading {
    margin-top: -16px;
  }
}

/* Keep the return target below the header on shorter phones. */
@media (max-width: 700px) and (max-height: 780px) {
  .package-showcase-first .package-back,
  .package-1000 .back-link { top: -16px; }

  .package-showcase-first .package-hero .package-layout,
  .package-1000 .package-heading { margin-top: -14px; }
}

@media (max-width: 700px) and (max-height: 700px) {
  .package-1000 .back-link { top: -8px; }
  .package-1000 .package-heading { margin-top: 6px; }
  .package-showcase-first .package-hero .package-layout { margin-top: -10px; }

  /* Short screens need tighter spacing to keep benefits above the dock. */
  .package-showcase-first .package-hero .package-price-row {
    margin-top: 0;
    gap: 8px;
  }
  .package-showcase-first .package-hero .package-price {
    font-size: clamp(54px, 14.6vw, 60px);
  }
  .package-showcase-first .package-hero .package-consult { margin-top: 10px; }
  .package-showcase-first .package-hero .package-inclusions { margin-top: 12px; }
  .package-showcase-first .package-hero .package-inclusions h2 { margin-bottom: 4px; }
  .package-showcase-first .package-hero .package-included { gap: 0; }
  .package-showcase-first .package-included [data-package-tip] { min-height: 36px; }
}

@media (max-width: 700px) and (max-height: 650px) {
  .package-1000 .back-link { top: 0; }
}

@media (max-width: 700px) and (max-height: 600px) {
  .package-1000 .package-heading { margin-top: 0; }
}