@font-face {
  font-family: "Andes Rounded";
  src: url("font/iCielAndesRounded-Light.woff2") format("woff2");
  font-display: swap;
}

:root { --tph-orange: #f5a31a; --tph-ink: #191919; --tph-cream: #fffaf4; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--tph-ink); background: #fff; font-family: "Andes Rounded", Arial, sans-serif; }
.tph-course { width: min(100%, 1180px); margin: 0 auto; overflow: hidden; background: #fff; }
.tph-course__hero-picture { display: block; }
.tph-course__hero { width: 100%; aspect-ratio: 3241 / 1285; object-fit: cover; display: block; }
.tph-course__intro { padding: clamp(44px, 7vw, 88px) 24px 30px; text-align: center; }
.tph-course__eyebrow { margin: 0; font: 300 clamp(32px, 6vw, 64px)/1.05 "Andes Rounded", Arial, sans-serif; letter-spacing: .03em; }
.tph-course__brand { margin: 10px 0 40px; font: 900 clamp(42px, 7vw, 82px)/.95 Impact, Haettenschweiler, sans-serif; letter-spacing: .01em; }
.tph-course__teacher { width: clamp(132px, 26vw, 205px); height: clamp(132px, 26vw, 205px); border-radius: 50%; object-fit: cover; object-position: center; }
.tph-course__teacher-name { margin: 18px 0 2px; color: var(--tph-orange); font-size: clamp(30px, 5vw, 52px); }
.tph-course__teacher-role { margin: 0; font-size: clamp(17px, 2.5vw, 27px); }
.tph-course__title { max-width: 900px; margin: 50px auto 24px; padding: 0 18px; font: 700 clamp(27px, 4.3vw, 46px)/1.15 "Andes Rounded", Arial, sans-serif; }
.tph-course__sections { width: min(100% - 36px, 830px); margin: 0 auto; }
.tph-course__section { position: relative; padding: 28px 18px 30px 82px; border-bottom: 1px solid #ece3d7; }
.tph-course__section:last-child { border-bottom: 0; }
.tph-course__icon { position: absolute; left: 16px; top: 24px; width: 48px; height: 48px; object-fit: contain; }
.tph-course__section h2 { margin: 0 0 16px; color: var(--tph-orange); font-size: clamp(25px, 3.5vw, 38px); line-height: 1.1; font-weight: 500; }
.tph-course__section ul { margin: 0; padding-left: 22px; }
.tph-course__section li, .tph-course__section p { font-family: Arial, sans-serif; font-size: clamp(17px, 2.15vw, 23px); line-height: 1.55; }
.tph-course__section li + li { margin-top: 7px; }
.tph-course__schedule { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: clamp(12px, 1.8vw, 17px); }
.tph-course__schedule th { background: var(--tph-orange); color: #fff; }
.tph-course__schedule th, .tph-course__schedule td { border: 1px solid #ddd2c2; padding: 8px 5px; text-align: center; }
.tph-course__footer { margin-top: 32px; padding: 50px 24px 24px; background: var(--tph-cream); text-align: center; }
.tph-course__footer h2 { margin: 0 0 14px; color: var(--tph-orange); font-size: clamp(28px, 4vw, 42px); }
.tph-course__footer a { color: inherit; }
.tph-course__copyright { margin: 38px -24px -24px; padding: 13px; color: #fff; background: #000; font: 14px Arial, sans-serif; }
.is-embedded-desktop .tph-course__footer { display: none; }
.is-embedded-desktop .tph-course {
  width: 100%;
  max-width: none;
}
.is-embedded-desktop .tph-course__hero-picture {
  display: none;
}

@media (max-width: 600px) {
  .tph-course__hero { height: 158px; aspect-ratio: auto; }
  .tph-course__intro { padding-top: 38px; }
  .tph-course__brand { margin-bottom: 28px; }
  .tph-course__title { margin-top: 40px; }
  .tph-course__sections { width: 100%; padding: 0 14px; }
  .tph-course__section { padding: 25px 12px 26px 62px; }
  .tph-course__icon { left: 7px; width: 43px; height: 43px; }
}