.stylized-text-page {
  --stylized-page-gap: 200px;
  --stylized-group-gap: 100px;
}

.stylized-text-case {
  --stylized-video-radius: 3.333333cqi;
  --stylized-brown-radius: 6.666667cqi;

  display: grid;
  gap: var(--stylized-page-gap);
  container-type: inline-size;
}

.stylized-text-title {
  width: 100%;
}

.stylized-text-title h1 {
  margin: 0;
  font-size: var(--case-title-font-size);
  font-weight: var(--font-weight-site);
  letter-spacing: var(--case-title-tracking);
  line-height: var(--case-title-leading);
  text-align: left;
}

.stylized-text-content {
  display: grid;
  gap: var(--stylized-page-gap);
  padding-bottom: var(--stylized-page-gap);
  background: var(--palette-neutral-100);
}

.stylized-text-group {
  display: grid;
  gap: var(--stylized-group-gap);
}

.stylized-text-group--brown {
  --case-ios-radius: var(--stylized-brown-radius);

  overflow: hidden;
  padding-top: var(--stylized-group-gap);
  background: #21170f;
  border-radius: var(--stylized-brown-radius);
  border-shape: var(--case-ios-shape);
}

.stylized-text-content img {
  display: block;
  width: 100%;
  height: auto;
}

.stylized-text-video {
  --case-ios-radius: var(--stylized-video-radius);

  background: var(--palette-neutral-100);
  border-radius: var(--stylized-video-radius);
}

.stylized-text-video--native {
  width: min(100%, 720px);
  justify-self: center;
}

.stylized-text-video iframe {
  background: var(--palette-neutral-100);
}

@media (max-width: 700px) {
  .stylized-text-page {
    --stylized-page-gap: 80px;
    --stylized-group-gap: 40px;
  }

}