.container {
  width:
    min(
      calc(100% - 48px),
      var(--container)
    );

  margin-inline:
    auto;
}

main {
  overflow:
    hidden;
}

.product-intro {
  padding:
    110px 0;

  background:
    var(--surface);

  border-top:
    1px solid
    var(--line);
}

.product-intro__inner {
  max-width:
    900px;
}

.section-eyebrow {
  margin:
    0 0 14px;

  color:
    var(--trazza-green);

  font-size:
    12px;

  font-weight:
    850;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;
}

.product-intro h2 {
  max-width:
    820px;

  margin:
    0;

  color:
    var(--trazza-dark);

  font-size:
    clamp(
      38px,
      4.5vw,
      58px
    );

  line-height:
    1.04;

  letter-spacing:
    -.045em;
}

.product-intro p:last-child {
  max-width:
    720px;

  margin:
    26px 0 0;

  color:
    var(--muted);

  font-size:
    18px;

  line-height:
    1.7;
}

@media (max-width: 720px) {

  .container {
    width:
      min(
        calc(100% - 28px),
        var(--container)
      );
  }

}