/* Homepage only: three charcoal torn section edges, matching the test preview.
   Loaded only by index.php; no layout, typography, imagery or script changes. */
body section#cases,
body section.why {
  border-bottom:0;
}

body section#concept,
body section#cases + section.alt,
body section#compare {
  background:#17171a;
}

body section#concept::before,
body section#cases + section.alt::before,
body section#compare::before {
  content:"";
  position:absolute;
  top:auto;
  bottom:calc(100% - 1px);
  left:0;
  right:0;
  height:38px;
  z-index:2;
  background:url('/assets/img/paper-edge-concept-v3.svg') center / 100% 100% no-repeat;
  transform:none;
  opacity:1;
  pointer-events:none;
}

body section#cases + section.alt::before {
  height:43px;
  background-image:url('/assets/img/paper-edge-reviews-v3.svg');
}

body section#compare::before {
  height:36px;
  background-image:url('/assets/img/paper-edge-compare-v3.svg');
}

@media(max-width:760px){
  body section#concept::before,
  body section#cases + section.alt::before,
  body section#compare::before {
    height:30px;
    background-size:1100px 100%;
  }
  body section#cases + section.alt::before {
    height:34px;
    background-position:20% center;
  }
  body section#compare::before {
    height:28px;
    background-position:80% center;
  }
}