/**
 * Home page stars — the exact vectors exported from Figma "Home page - desktop".
 *
 * Every section is an 810px band of the 1440 frame (the hero is 630px under the
 * 180px header). Each star layer is a 1440px box centred on the section, so
 * the background offsets below are the vectors' frame coordinates measured
 * from the section's top-left corner.
 */
@media (min-width: 1025px) {
  /* keep the star layer inside the section: a negative z-index then paints
     above the section background and below every item in it */
  body.home #beheshti-hero,
  body.home #beheshti-venn,
  body.home #beheshti-stats,
  body.home #beheshti-challenge,
  body.home #beheshti-architecture,
  body.home #beheshti-lab,
  body.home #beheshti-faq {
    position: relative !important;
    isolation: isolate !important;
  }

  /* Stats vector-2 is tall; clip so it cannot paint into challenge. */
  body.home #beheshti-stats,
  body.home #beheshti-challenge {
    overflow: clip !important;
  }

  body.home #beheshti-hero::before,
  body.home #beheshti-venn::before,
  body.home #beheshti-stats::before,
  body.home #beheshti-challenge::before,
  body.home #beheshti-architecture::before,
  body.home #beheshti-lab::before,
  body.home #beheshti-faq::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    bottom: auto !important;
    right: auto !important;
    left: calc(50% - 720px) !important;
    width: 1440px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    transition: none !important;
    transform: none !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    z-index: -1 !important;
    pointer-events: none !important;
  }

  body.home #beheshti-hero::before {
    background-image: url(home-stars/vector-0.svg) !important;
    background-position: 417px 0 !important;
    background-size: 1023px 100% !important;
  }

  /* Venn / Stats / Challenge / Architecture / Lab: the Figma vectors with their lines extended to frame
     y −400 … 1210, drawn at natural size (never stretched). calc(50% + c) keeps each star at its Figma
     spot in an 810 section and centres it in the extra height of a taller one; the lines just run on.
     c = vector top + vector height / 2 − 405. Venn and Architecture are finalised in figma-spec.css. */
  body.home #beheshti-venn::before {
    background-image: url(home-stars/vector-1.svg?v=ext1610) !important;
    background-position: 16.1px calc(50% + 3.6px) !important;
    background-size: 1479.46px 1610px !important;
  }

  body.home #beheshti-stats::before {
    background-image: url(home-stars/vector-2.svg?v=ext1610) !important;
    background-position: 47px calc(50% + 44.49px) !important;
    background-size: 1393px 1584.63px !important;
    background-clip: padding-box !important;
  }

  body.home #beheshti-challenge::before {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    background-image: url(home-stars/vector-3.svg?v=ext1610) !important;
    background-position: 0 50% !important;
    background-size: 1014px 1610px !important;
    background-repeat: no-repeat !important;
  }

  body.home #beheshti-architecture::before {
    background-image: url(home-stars/vector-4.svg?v=ext1610) !important;
    background-position: -226px 50% !important;
    background-size: 1479.46px 1610px !important;
  }

  /* Figma frame x=251. */
  body.home #beheshti-lab::before {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    background-image: url(home-stars/vector-5.svg?v=ext1610) !important;
    background-position: 251px 50% !important;
    background-size: 1189px 1610px !important;
    background-repeat: no-repeat !important;
  }

  /* vector-6 artboard is 1072×956; offset matches Figma frame x=368. */
  body.home #beheshti-faq::before {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    /* kept at its own 1072×956 (stretching it to a taller FAQ squashed the star); the star's vertical line
       (x 814.33, 0.855 wide, 0.2 white at that distance) is carried on down to the section bottom instead */
    background-image: url(home-stars/vector-6.svg), linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)) !important;
    background-position: 368px 0, 1182.33px 955px !important;
    background-size: 1072px 956px, 0.855px max(0px, 100% - 955px) !important;
    background-repeat: no-repeat !important;
  }
}