.sooye-template-shell {
  background: var(--sooye-paper);
  color: var(--sooye-ink);
}

.sooye-template-inner {
  margin: 0 auto;
  max-width: var(--sooye-max);
  padding: clamp(44px, 7vw, 84px) clamp(20px, 5vw, 72px);
}

.sooye-template-content {
  background: var(--sooye-white);
  border: 1px solid var(--sooye-line);
  padding: clamp(24px, 4vw, 48px);
}

.sooye-grid {
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.sooye-section-heading {
  margin: 0 0 24px;
  max-width: 920px;
}

.sooye-section-heading h1,
.sooye-section-heading h2 {
  font-size: clamp(32px, 4.8vw, 64px);
  letter-spacing: 0;
  line-height: .98;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.sooye-section-heading p {
  color: #444;
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}