/* The trainer menu presents a standalone section within the home page. */
html.trainer-only-view main > :not(#trainer),
html.trainer-only-view body > .hero-video-frame,
html.trainer-only-view body > .hero-brand-composition { display: none !important; }
html.trainer-only-view #trainer { padding-top: 80px !important; }
html.trainer-only-view body:not(.trainer-proof-header) header .navbar { background: #000 !important; }

.trainer-pt-story {
  position: relative;
  overflow: hidden;
  padding: 180px 0 200px;
  background: #000;
  color: #fff;
}
.trainer-pt-question,
.trainer-pt-answer {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin: 0 auto;
  color: #fff;
  font-size: clamp(44px, 5vw, 80px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -.04em;
  text-align: center;
  word-break: keep-all;
}
.trainer-pt-track {
  position: relative;
  height: 1536px;
  margin-top: 64px;
}
.trainer-pt-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 326px;
  height: 100%;
  overflow: visible;
  transform: translateX(-50%);
}
.trainer-pt-concerns { margin: 0; padding: 0; list-style: none; }
.trainer-pt-concern {
  position: absolute;
  left: 50%;
  width: calc(50% - 32px);
  max-width: 600px;
  transform: translateY(-50%);
  font-size: clamp(22px, 2.5vw, 40px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -.04em;
  text-align: left;
  word-break: keep-all;
}
.trainer-pt-concern:nth-child(1) { top: 28.52%; }
.trainer-pt-concern:nth-child(2) { top: 49.48%; left: auto; right: 50%; text-align: right; }
.trainer-pt-concern:nth-child(3) { top: 70.05%; }
.trainer-pt-concern p { margin: 0 0 4px; color: #555; font: inherit; }
.trainer-pt-concern strong { display: block; color: #fff; font: inherit; }
.trainer-pt-answer { margin-top: 64px; }
@media (max-width: 768px) {
  html.trainer-only-view #trainer { padding-top: 66px !important; }
  .trainer-pt-story { padding: 110px 0 120px; }
  .trainer-pt-question { font-size: clamp(28px, 7vw, 44px); line-height: 1.5; }
  .trainer-pt-track { height: 1120px; margin-top: 48px; }
  .trainer-pt-line { width: 160px; }
  .trainer-pt-concern { width: calc(50% - 20px); font-size: clamp(17px, 3.8vw, 26px); line-height: 1.65; }
  .trainer-pt-concern p { margin-bottom: 8px; }
  .trainer-pt-answer { margin-top: 48px; font-size: clamp(25px, 6.6vw, 42px); line-height: 1.5; }
}

/* Give the opening question a complete viewport before the story starts. */
html.trainer-only-view .trainer-pt-story{padding-top:0!important}
html.trainer-only-view .trainer-pt-question{min-height:calc(100svh - var(--site-header-height,80px));display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:40px 0;margin:0 auto}
.trainer-question-copy{display:block}
.trainer-question-enter .trainer-question-copy{animation:trainer-question-rise 1.3s cubic-bezier(.22,1,.36,1) .15s both}
@keyframes trainer-question-rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.trainer-question-enter .trainer-question-copy{animation-name:trainer-question-fade}@keyframes trainer-question-fade{from{opacity:0}to{opacity:1}}}