/* Creator Program content inside the approved Finnish Editorial storefront. */
.tff-production-site .tfcp {
  --cp-ink: var(--tff-ink, #181714);
  --cp-paper: var(--tff-bg, #f8f6f0);
  --cp-surface: var(--tff-surface, #fffdf8);
  --cp-accent: var(--tff-yellow, #f2e63a);
  background: var(--cp-paper);
  color: var(--cp-ink);
  font-family: inherit;
}

.tff-production-site .tfcp .tfdl-eyebrow {
  margin: 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.tff-production-site .tfcp :is(h1, h2) {
  font-family: var(--tf-hermes-title, Georgia, "Times New Roman", serif) !important;
}

.tff-production-site .tfcp :is(h3, p, label, input, select, textarea, button, a, small, strong) {
  font-family: var(--tf-hermes-text, "Helvetica Neue", Helvetica, Arial, sans-serif);
}

.tff-production-site .tfcp-hero {
  min-height: 520px;
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
}

.tff-production-site .tfcp-hero__copy {
  padding: clamp(64px, 8vw, 112px) clamp(28px, 6vw, 88px);
}

.tff-production-site .tfcp .tfcp-hero__copy h1 {
  max-width: 820px;
  margin: 18px 0;
  font-size: clamp(44px, 5.4vw, 82px);
  font-weight: 500;
  line-height: .96;
  letter-spacing: -.045em;
}

.tff-production-site .tfcp-hero__copy > p:not(.tfdl-eyebrow) {
  max-width: 620px;
  font-size: clamp(16px, 1.55vw, 21px);
  line-height: 1.55;
}

.tff-production-site .tfcp-hero__note {
  padding: clamp(44px, 5vw, 72px);
  background: var(--cp-accent);
}

.tff-production-site .tfcp-hero__note > p:not(.tfdl-eyebrow) {
  font-size: clamp(17px, 1.6vw, 22px);
  line-height: 1.45;
}

.tff-production-site .tfcp-button {
  min-height: 46px;
  margin-top: 24px;
  padding: 0 18px;
  border-radius: 0;
  font-size: 11px;
  letter-spacing: .06em;
  transform: none;
}

.tff-production-site .tfcp-button:hover,
.tff-production-site .tfcp-button:focus-visible {
  transform: none;
}

.tff-production-site .tfcp-button--dark {
  border-color: var(--cp-ink) !important;
  background: var(--cp-ink) !important;
  color: var(--cp-surface) !important;
}

.tff-production-site .tfcp-button--dark:hover,
.tff-production-site .tfcp-button--dark:focus-visible {
  border-color: var(--cp-accent) !important;
  background: var(--cp-accent) !important;
  color: var(--cp-ink) !important;
}

.tff-production-site .tfcp-application,
.tff-production-site .tfcp-state {
  padding: clamp(64px, 7vw, 104px) clamp(22px, 5vw, 76px);
}

.tff-production-site .tfcp .tfcp-application__intro h2,
.tff-production-site .tfcp .tfcp-state h2 {
  font-size: clamp(42px, 5vw, 70px);
  line-height: .98;
}

.tff-production-site .tfcp-application__intro > div > p:last-child {
  font-size: 16px;
}

.tff-production-site .tfcp-panel legend strong {
  font-family: var(--tf-hermes-title, Georgia, "Times New Roman", serif);
  font-size: clamp(28px, 3vw, 34px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.05;
}

.tff-production-site .tfcp-panel legend > span {
  align-self: start;
  padding-top: 10px;
}

.tff-production-site .tfcp-panel legend small {
  font-size: 14px;
}

.tff-production-site .tfcp input:not([type=checkbox]):not([type=file]),
.tff-production-site .tfcp select,
.tff-production-site .tfcp textarea {
  min-height: 48px;
  border-radius: 0;
  font-size: 14px;
}

.tff-production-site .tfcp-choice strong {
  font-size: 15px;
}

@media(max-width: 980px) {
  .tff-production-site .tfcp-hero {
    grid-template-columns: 1fr;
  }
}

@media(max-width: 680px) {
  .tff-production-site .tfcp .tfcp-hero__copy h1 {
    font-size: clamp(42px, 13vw, 58px);
  }
}