/* Brent Sharon two-panel transformation story */
.afu-skw-review-photo {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(239,51,64,.08), transparent 36%),
    #060606 !important;
}

.afu-skw-proof-photo {
  display: block;
  width: auto;
  height: 88%;
  max-width: 66%;
  object-fit: contain;
  object-position: center;
  border: 1px solid rgba(255,255,255,.17);
  background: #090909;
  box-shadow: 0 30px 80px rgba(0,0,0,.58);
}

.afu-skw-review-intro .afu-skw-copy,
.afu-skw-review-finish .afu-skw-copy {
  position: relative;
  overflow: hidden;
}

.afu-skw-review-intro .afu-skw-copy::after {
  content: '“';
  position: absolute;
  left: 25%;
  bottom: 9%;
  z-index: 0;
  color: rgba(255,255,255,.025);
  font-family: Georgia, serif;
  font-size: clamp(170px, 18vw, 340px);
  font-weight: 900;
  line-height: .7;
  pointer-events: none;
}

.afu-skw-review-intro .afu-skw-copy > *,
.afu-skw-review-finish .afu-skw-copy > * {
  position: relative;
  z-index: 1;
}

.afu-skw-quote-opening {
  max-width: 620px;
  font-size: clamp(23px, 2.25vw, 34px) !important;
  line-height: 1.48 !important;
}

.afu-skw-review-copy-long {
  padding-left: 26% !important;
  padding-right: 23% !important;
}

.afu-skw-review-copy-long h2 {
  max-width: 680px;
  font-size: clamp(34px, 3.7vw, 57px) !important;
}

.afu-skw-quote-long {
  max-width: 700px;
  margin-top: 22px !important;
  font-size: clamp(14px, 1.22vw, 19px) !important;
  line-height: 1.62 !important;
  color: #d4d4d4 !important;
}

.afu-skw-review-intro .afu-skw-credit,
.afu-skw-review-finish .afu-skw-credit {
  margin-top: 19px !important;
}

/* Use the uploaded app artwork as the phone screen and remove generated text. */
.afu-skw-app-visual .afu-phone::before {
  content: '' !important;
  inset: 42px 20px 24px !important;
  display: block !important;
  background-color: #080808 !important;
  background-image: url('https://staging26.greatmarketingllc.com/wp-content/uploads/2026/07/42fed427-4c87-46d4-8c4b-61fae3fe5dfc.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

@media (max-width: 1180px) {
  .afu-skw-proof-photo {
    height: 84%;
    max-width: 70%;
  }
  .afu-skw-review-copy-long {
    padding-left: 24% !important;
    padding-right: 20% !important;
  }
  .afu-skw-quote-long {
    font-size: clamp(13px, 1.3vw, 17px) !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 980px) and (min-width: 801px) {
  .afu-skw-proof-photo {
    height: 80%;
    max-width: 76%;
  }
  .afu-skw-review-copy-long {
    padding-left: 22% !important;
    padding-right: 17% !important;
  }
  .afu-skw-review-copy-long h2 {
    font-size: 38px !important;
  }
  .afu-skw-quote-long {
    font-size: 12.5px !important;
    line-height: 1.48 !important;
  }
}

@media (max-width: 800px) {
  .afu-skw-review-photo {
    min-height: 620px !important;
    padding: 26px !important;
  }
  .afu-skw-proof-photo {
    width: auto;
    height: auto;
    max-width: min(82%, 460px);
    max-height: 560px;
  }
  .afu-skw-review-copy-long {
    padding: 62px 26px !important;
  }
  .afu-skw-review-copy-long h2 {
    font-size: 40px !important;
  }
  .afu-skw-quote-long {
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 520px) {
  .afu-skw-review-photo {
    min-height: 560px !important;
  }
  .afu-skw-proof-photo {
    max-width: 88%;
    max-height: 510px;
  }
  .afu-skw-review-copy-long h2 {
    font-size: 35px !important;
  }
  .afu-skw-quote-opening {
    font-size: 24px !important;
  }
  .afu-skw-quote-long {
    font-size: 15px !important;
  }
  .afu-skw-app-visual .afu-phone::before {
    inset: 38px 16px 20px !important;
  }
}