@charset "UTF-8";
/* One type scale for the selected rose design and its photo previews. */
.design-a {
  --type-title:44px;
  --type-section:36px;
  --type-subheading:26px;
  --type-lead:22px;
  --type-body:18px;
  --type-note:15px;
  --space-section:96px;
  --space-heading-lead:16px;
  --space-heading-content:36px;
  font-size:var(--type-body);
  line-height:1.9;
}

.design-a h1,
.design-a .hero-heading h1,
.design-a .page-heading h1 {
  font-size:var(--type-title);
  line-height:1.45;
}
.design-a h2,
.design-a .section-heading h2,
.design-a .hope h2,
.design-a .training-teaser h2,
.design-a .trainer-intro h2,
.design-a .trial-cta h2,
.design-a .reading-copy h2,
.design-a .session-section h2,
.design-a .related-heading,
.design-a .form-wrap>h2,
.design-a .profile-block h2 {
  font-size:var(--type-section);
  line-height:1.5;
}
.design-a h3,
.design-a .course-card h3,
.design-a .story-heading h3,
.design-a .price-card h3,
.design-a .profile-block h3,
.design-a .booking-steps h3,
.design-a #trial-review h3 {
  font-size:var(--type-subheading);
  line-height:1.5;
}

.design-a .hero-sub,
.design-a .hero-introduction,
.design-a .page-heading>p:last-child:not(.eyebrow):where(:not(.note,.section-lead)),
.design-a .hope-list li,
.design-a .hope-grid>div:last-child>p:where(:not(.note,.section-lead)),
.design-a .section-heading>p:last-child:not(.eyebrow):where(:not(.note,.section-lead)),
.design-a .course-card>p:not(.course-number):not(.note),
.design-a .course-card .course-lead,
.design-a .course-help,
.design-a .story-copy p:where(:not(.note)),
.design-a .trainer-intro>div:last-child>p:not(.eyebrow):where(:not(.note,.section-lead)),
.design-a .entry-fee p,
.design-a summary,
.design-a .faq-answer,
.design-a .access-name,
.design-a .access address,
.design-a .access address+p,
.design-a .access-info dd,
.design-a .trial-cta p:not(.eyebrow):where(:not(.note,.section-lead)),
.design-a .reading-copy,
.design-a .session-section p:not(.eyebrow):where(:not(.note,.section-lead)),
.design-a .personal-intro p:not(.eyebrow):where(:not(.note,.section-lead)),
.design-a .trial-intro>div:first-child p:not(.eyebrow):where(:not(.note,.section-lead)),
.design-a .profile-block>div>p:not(.eyebrow):where(:not(.note,.section-lead)),
.design-a .profile-block ul,
.design-a .trial-summary>p:where(:not(.note)),
.design-a .booking-steps p:where(:not(.note)),
.design-a #trial-review>p:not(.note),
.design-a .form-wrap>p:not(.eyebrow):not(.note):where(:not(.section-lead)) {
  font-size:var(--type-body);
  line-height:1.9;
}
.design-a .course-card .course-lead,
.design-a .course-card .course-lead strong {
  font-weight:400;
}
.design-a main p+p {margin-top:1em}

/* Section labels are headings; the descriptive line is a quieter lead. */
.design-a .section-title {margin:0;font-weight:700;letter-spacing:.015em}
.design-a .section-lead,
.design-a .section-heading>p.section-lead,
.design-a .hope-grid>div>p.section-lead,
.design-a .trainer-intro>div:last-child>p.section-lead,
.design-a .form-wrap>p.section-lead,
.design-a .trial-cta p.section-lead {
  margin-top:var(--space-heading-lead);
  margin-bottom:0;
  font-size:var(--type-lead);
  font-weight:400;
  line-height:1.75;
  color:var(--ink);
}
.design-a .section,
.design-a .hope,
.design-a .trial-cta {padding-block:var(--space-section)}
.design-a .section-heading {margin-bottom:var(--space-heading-content)}
.design-a .section-lead br,
.design-a .hero-sub br,
.design-a .hero-introduction br,
.design-a .hope-grid p br,
.design-a #stories>.wrap>p br {display:none}

/* Labels and explanatory notes stay distinct from the reading text. */
.design-a .eyebrow,
.design-a .hero .eyebrow,
.design-a .session-section .eyebrow,
.design-a .note,
.design-a #trial-review>p.note,
.design-a .price-card>.note,
.design-a .form-wrap>p.note,
.design-a .pricing-tax-note,
.design-a .hero-detail,
.design-a .field-help {
  font-size:var(--type-note);
  line-height:1.8;
}

@media (min-width:761px) and (max-width:1100px) {
  .design-a {
    --type-title:38px;
    --type-section:32px;
    --type-subheading:24px;
    --type-lead:20px;
  }
}
@media (max-width:760px) {
  .design-a {
    --type-title:32px;
    --type-section:30px;
    --type-subheading:24px;
    --type-lead:20px;
    --space-section:64px;
    --space-heading-lead:12px;
    --space-heading-content:28px;
  }
  .design-a h1,
  .design-a .hero-heading h1,
  .design-a .page-heading h1 {line-height:1.5}
}