.freeclass-page h1{font-size:clamp(3.35rem,5.2vw,5rem);max-width:900px;margin-bottom:20px}
.freeclass-page h3{font-family:Georgia,"Times New Roman",serif}
.freeclass-page section[id]{scroll-margin-top:115px}
.freeclass-header-cta{color:var(--teal);font-weight:700;white-space:nowrap}
.freeclass-hero{padding:70px 0 76px}
.freeclass-hero-grid{display:block}
.freeclass-hero .hero-copy{max-width:920px}
.freeclass-hero .hero-copy>p:not(.eyebrow):not(.freeclass-supporting):not(.featured-lesson):not(.freeclass-details):not(.parent-note){max-width:820px;font-size:17px;line-height:1.75}
.freeclass-supporting{max-width:850px;color:var(--teal);font:400 clamp(1.55rem,2.3vw,2.15rem)/1.3 Georgia,"Times New Roman",serif;margin-bottom:24px}
.featured-lesson{margin:0 0 25px;color:#8c6126;font:700 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.14em}
.freeclass-details{margin:31px 0 13px;padding:15px 0;border-top:1px solid #d9cfbd;border-bottom:1px solid #d9cfbd;color:var(--teal);font-size:13px;font-weight:600;line-height:1.8}
.freeclass-details b{padding:0 6px;color:var(--gold)}
.freeclass-details strong{color:#8d642b}
.parent-note{max-width:820px;margin:0 0 27px;padding-left:16px;border-left:3px solid var(--gold);font-weight:600;color:var(--teal)}
.freeclass-narrow{max-width:1020px}
.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:36px 0 38px}
.learning-grid article{padding:29px 30px;border:1px solid var(--line);border-top:3px solid var(--gold);background:var(--white)}
.learning-grid h3{margin-bottom:14px;font-size:24px;font-weight:600}
.learning-grid p{margin:0;font-size:16px;line-height:1.7}
.section-followup{max-width:840px;padding-left:24px;border-left:3px solid var(--gold)}
.section-followup p:last-child{margin-bottom:0}
.expect-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.expect-grid article{display:flex;flex-direction:column;min-height:100%;padding:38px;border:1px solid #d4d1c7;background:var(--white);border-top:3px solid var(--gold)}
.expect-grid h3{font-size:28px;margin-bottom:18px}
.block-time{font-size:11px;font-weight:700;letter-spacing:.14em;color:#8c6126;margin-bottom:12px}
.expect-grid ul{padding-left:21px;margin:0}
.expect-grid li{margin:8px 0}
.expect-note{margin:30px 0 0;padding:18px 22px;background:#ece7da;color:var(--teal);font-weight:600}
.complete-lesson{padding:75px 0}
.complete-lesson-inner{max-width:1020px;padding:47px 54px;border-left:5px solid var(--gold);background:var(--teal);color:#dce4dd}
.complete-lesson-inner .eyebrow{color:#e0b46f}
.complete-lesson-inner h2{color:var(--white);font-size:clamp(2.35rem,3.5vw,3.4rem);margin-bottom:26px}
.complete-lesson-inner p:not(.eyebrow){max-width:870px}
.complete-lesson-inner p:last-child{margin-bottom:0}
.freeclass-instructor-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr)}
.freeclass-instructor-grid .about-photo{height:590px}
.freeclass-credentials{grid-template-columns:1fr 1fr;margin-top:34px}
.freeclass-credentials article{min-height:176px}
.freeclass-credentials .degree-title em{display:block;white-space:nowrap;margin-top:2px}
.reserve-section{background:#edf0e9}
.reserve-section h2{margin-bottom:22px}
.zoom-scheduler-frame{max-width:960px;margin:40px auto 0;padding:18px;background:var(--white);border:1px solid #cfd6cc;border-top:3px solid var(--gold);box-shadow:0 20px 50px rgba(18,63,69,.1)}
.zoom-scheduler-container{width:100%;max-width:900px;margin:0 auto;overflow:hidden}
.scheduler-fallback{max-width:900px;margin:16px auto 0;font-size:13px;text-align:center}
.scheduler-after{max-width:820px;margin:20px auto 0;text-align:center;color:#526268;font-size:15px}
.before-class h3{font-size:24px;margin:40px 0 17px}
.print-note{padding:20px 24px;border-left:3px solid var(--gold);background:var(--white);color:var(--teal);font-weight:600}
.materials-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 25px;list-style:none;padding:0;margin:0 0 34px}
.materials-list li{position:relative;padding:14px 18px 14px 42px;background:var(--white);border:1px solid var(--line)}
.materials-list li::before{content:"";position:absolute;left:18px;top:22px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.freeclass-final-cta{background:var(--teal);color:var(--cream);text-align:center;border-top:3px solid var(--gold)}
.freeclass-final-cta .eyebrow{color:#e0b46f}
.freeclass-final-cta h2{color:var(--white);max-width:850px;margin-left:auto;margin-right:auto}
.freeclass-final-cta p:not(.eyebrow){font-size:19px;margin-bottom:30px}
.light-button{background:var(--white);border-color:var(--white);color:var(--teal)}
.light-button:hover{background:var(--cream);color:var(--teal)}
.freeclass-disclosure{max-width:1200px;margin-top:29px;padding-top:20px;border-top:1px solid #446368;color:#cbd6cd;font-size:12px;line-height:1.6}
@media (max-width:1100px){
  .freeclass-page .nav nav{gap:15px;font-size:11px}
}
@media (max-width:960px){
  .freeclass-page .freeclass-hero{padding-top:52px}
  .freeclass-page #mobile-menu .freeclass-header-cta{margin-top:7px;padding:13px 0;border-bottom:1px solid var(--gold)}
}
@media (max-width:800px){
  .freeclass-page section[id]{scroll-margin-top:95px}
  .freeclass-page h1{font-size:clamp(2.75rem,9vw,3.8rem)}
  .freeclass-hero{padding:43px 0 55px}
  .freeclass-supporting{font-size:1.55rem}
  .freeclass-details{font-size:12px}
  .learning-grid,.expect-grid,.materials-list{grid-template-columns:1fr}
  .learning-grid article{padding:26px}
  .expect-grid article{padding:29px 26px}
  .complete-lesson{padding:50px 0}
  .complete-lesson-inner{padding:37px 29px}
  .freeclass-instructor-grid{grid-template-columns:1fr;row-gap:22px}
  .freeclass-instructor-grid>div{display:contents;order:initial}
  .freeclass-instructor-grid .eyebrow{order:1;margin-bottom:0}
  .freeclass-instructor-grid h2{order:2;margin-bottom:0}
  .freeclass-instructor-grid .about-photo{order:3;height:430px;max-width:430px;margin:8px 0 4px}
  .freeclass-instructor-grid .instructor-name{order:4;margin-bottom:0}
  .freeclass-instructor-grid .instructor-bio{order:5;margin-bottom:0}
  .freeclass-credentials{order:6;grid-template-columns:1fr;margin-top:8px}
  .zoom-scheduler-frame{padding:9px;margin-left:-6px;margin-right:-6px}
}
@media (max-width:640px){
  .zoom-scheduler-container iframe{height:850px!important}
}
@media (max-width:480px){
  .freeclass-page .button{width:100%;padding-left:14px;padding-right:14px}
  .freeclass-details b{padding:0 3px}
  .parent-note{font-size:15px}
  .complete-lesson-inner{padding:33px 23px}
  .complete-lesson-inner h2{font-size:2.25rem}
  .freeclass-instructor-grid .about-photo{height:390px}
  .zoom-scheduler-frame{padding:5px}
  .scheduler-fallback,.scheduler-after{text-align:left}
}

/* Keep the complete Free Class introduction and its primary action in the
   initial desktop viewport without changing the page's content or structure. */
@media (min-width:961px){
  .freeclass-hero{padding:40px 0 44px}
  .freeclass-hero .eyebrow{margin-bottom:14px}
  .freeclass-page .freeclass-hero h1{
    font-size:clamp(3.15rem,4.75vw,4.65rem);
    line-height:1.04;
    margin:12px 0 16px;
  }
  .freeclass-hero .freeclass-supporting{
    font-size:clamp(1.5rem,2.05vw,2rem);
    line-height:1.25;
    margin-bottom:18px;
  }
  .freeclass-hero .featured-lesson{margin-bottom:16px}
  .freeclass-hero .hero-copy>p:not(.eyebrow):not(.freeclass-supporting):not(.featured-lesson):not(.freeclass-details):not(.parent-note){
    line-height:1.62;
    margin-bottom:14px;
  }
  .freeclass-hero .freeclass-details{
    margin:19px 0 10px;
    padding:10px 0;
    line-height:1.6;
  }
  .freeclass-hero .parent-note{margin-bottom:18px}
}

@media (min-width:961px) and (max-height:840px){
  .freeclass-hero{padding:24px 0 30px}
  .freeclass-hero .eyebrow{margin-bottom:10px}
  .freeclass-page .freeclass-hero h1{
    font-size:3.6rem;
    line-height:1.03;
    margin:8px 0 12px;
  }
  .freeclass-hero .freeclass-supporting{
    font-size:1.65rem;
    line-height:1.2;
    margin-bottom:14px;
  }
  .freeclass-hero .featured-lesson{margin-bottom:10px}
  .freeclass-hero .hero-copy>p:not(.eyebrow):not(.freeclass-supporting):not(.featured-lesson):not(.freeclass-details):not(.parent-note){
    font-size:15px;
    line-height:1.5;
    margin-bottom:10px;
  }
  .freeclass-hero .freeclass-details{
    margin:12px 0 8px;
    padding:7px 0;
  }
  .freeclass-hero .parent-note{margin-bottom:12px}
  .freeclass-hero .button{min-height:50px;padding-top:13px;padding-bottom:13px}
}