/*
 * Results section — tablet composition lock
 * The 1024px layout follows the supplied landscape comp:
 * orange story panel above, four-point benefit strip below.
 */
@media (min-width: 900px) and (max-width: 1100px) {
  .ew-results {
    position: relative;
    display: grid;
    grid-template-columns: 28.3465% 60.4331%;
    grid-template-rows: 317px 83px;
    column-gap: 1.7717%;
    row-gap: 0;
    align-items: center;
    justify-content: center;
    width: calc(100% - 8px);
    height: 400px;
    min-height: 400px;
    margin: 0 4px;
    padding: 0;
    overflow: hidden;
    border-radius: 22px;
    background:
      radial-gradient(circle at 95% 13%, rgba(255, 255, 255, 0.12) 0 132px, transparent 133px),
      radial-gradient(circle at 101% 80%, rgba(255, 204, 110, 0.36) 0 120px, transparent 121px),
      radial-gradient(circle at 0% 1%, rgba(255, 122, 0, 0.72) 0 140px, transparent 141px),
      linear-gradient(116deg, #ff4b0d 0%, #ff5b0e 50%, #ff7a12 100%);
  }

  .ew-results::before,
  .ew-results::after {
    width: 110px;
    height: 100px;
    background-size: 5.4px 5.4px;
  }

  .ew-results::before {
    top: 38px;
  }

  .ew-results::after {
    top: 7px;
  }

  .ew-results__head {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: auto;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    transform: translateX(9px);
  }

  .ew-results__head h2 {
    margin: 0 0 17px;
    font-size: clamp(25px, 2.832vw, 30px);
    line-height: 1.3;
    letter-spacing: 0;
  }

  .ew-results__head p {
    margin: 0;
    font-size: 12px;
    line-height: 1.72;
    letter-spacing: 0.02em;
  }

  .ew-case {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: stretch;
    display: grid;
    grid-template-columns: minmax(0, 304fr) minmax(0, 256fr);
    gap: clamp(15px, 1.7578vw, 19px);
    width: 100%;
    height: 273px;
    min-height: 273px;
    margin: 0;
    padding: 17px 18px 18px;
    box-sizing: border-box;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.97);
    transform: translate(9px, 5px);
  }

  .ew-case__body {
    min-width: 0;
  }

  .ew-case b {
    margin: 0 7px 11px 0;
    padding: 6px 11px;
    font-size: 11px;
  }

  .ew-case b + h3::before {
    left: 104px;
    top: 25px;
    max-width: 205px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ew-case h3 {
    margin: 0 0 12px;
    padding-bottom: 12px;
    font-size: clamp(17px, 1.9531vw, 20px);
    line-height: 1.32;
  }

  .ew-case p {
    font-size: clamp(9.25px, 1.0254vw, 10.5px);
    line-height: 1.62;
    white-space: nowrap;
  }

  .ew-case__numbers {
    grid-template-columns: 29.1% 8.7% 31.9% 24.8%;
    gap: 1.85%;
    width: calc(100% + clamp(16px, 1.8555vw, 20px));
    margin-top: 15px;
  }

  .ew-case__numbers small {
    margin-bottom: 6px;
    font-size: 9px;
  }

  .ew-case__numbers strong {
    font-size: 34px;
  }

  .ew-case__numbers strong span {
    font-size: 12px;
  }

  .ew-case__numbers i {
    font-size: 39px;
  }

  .ew-case__numbers em {
    width: 100%;
    max-width: 80px;
    height: auto;
    aspect-ratio: 1;
    font-size: 12px;
  }

  .ew-case__numbers em strong {
    font-size: 29px;
  }

  .ew-photo {
    width: 100%;
    height: 238px;
    min-height: 238px;
    border-radius: 10px;
  }

  .ew-results__benefits {
    grid-column: auto;
    grid-row: auto;
    align-self: stretch;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    width: auto;
    height: 83px;
    margin: 0;
    padding: 0 52px;
    box-sizing: border-box;
    color: #111;
    background: linear-gradient(90deg, #fff 0%, #fff9f5 50%, #fff 100%);
    list-style: none;
  }

  .ew-results__benefits li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    height: 46px;
    margin: 0;
    padding: 0 22px;
    border: 0;
  }

  .ew-results__benefits li:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 46px;
    content: "";
    background: repeating-linear-gradient(
      to bottom,
      rgba(255, 90, 20, 0.72) 0 2px,
      transparent 2px 5px
    );
  }

  .ew-results__benefits .ew-proof-icon {
    flex: 0 0 58px;
    margin: -9px;
    transform: scale(0.7);
    transform-origin: center;
  }

  .ew-results__benefits strong {
    min-width: 0;
    color: #111;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.55;
    white-space: nowrap;
  }
}