.introSection {
  display: grid;
  gap: var(--Spacing-x2);
  position: relative;
  max-width: 607px; /* Max width according to Figma */
}

.mainContent {
  display: grid;
  gap: var(--Spacing-x1);
}

.subtitleContent {
  display: grid;
  gap: var(--Spacing-x-one-and-half);
}

.introLink {
  text-decoration-color: var(--Scandic-Peach-80);
  width: fit-content;
}

@media screen and (min-width: 768px) {
  .titleContainer {
    display: grid;
    gap: var(--Spacing-x-one-and-half);
  }
}

@media screen and (min-width: 1367px) {
  .titleContainer {
    gap: var(--Spacing-x0);
  }
}
