.course-hero{max-width:1320px;margin:auto;padding:100px 8% 70px;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;border-bottom:1px solid #121211}.course-hero .index{grid-column:1/-1}.course-kicker{font:10px "DM Mono",monospace;letter-spacing:.08em}.course-hero h1{font-size:clamp(62px,9vw,125px);line-height:.82;letter-spacing:-.085em;margin:18px 0 28px}.course-hero h1 em,.course-promise em,.course-finish em{font-family:"Playfair Display",serif;font-weight:500}.course-lede{max-width:510px;color:#696862;line-height:1.6;margin:0 0 30px}.course-meta{align-self:end;display:flex;flex-direction:column;border-top:1px solid #121211}.course-meta span{padding:13px 0;border-bottom:1px solid #121211;font:10px "DM Mono",monospace;text-transform:uppercase}.course-promise{max-width:1320px;margin:auto;padding:100px 8%;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px}.course-promise h2,.course-finish h2{font-size:clamp(45px,6vw,80px);line-height:.86;letter-spacing:-.075em;margin:0}.course-promise>p:last-child{max-width:460px;color:#696862;line-height:1.6;align-self:end}.course-progress{max-width:1110px;margin:0 auto 35px;padding:0 8%}.course-progress div:first-child{display:flex;justify-content:space-between;font:10px "DM Mono",monospace;text-transform:uppercase;margin-bottom:12px}.course-progress-track{height:5px;background:#d8d5cd}.course-progress-track i{height:100%;background:#ef3e2e;display:block;width:0;transition:width .3s}.course-lessons{max-width:1110px;margin:auto;padding:0 8% 100px}.lesson{display:grid;grid-template-columns:70px 1fr auto;gap:25px;padding:28px 0;border-top:1px solid #121211}.lesson:last-child{border-bottom:1px solid #121211}.lesson-number,.lesson-summary>p,.lesson-action span{font:10px "DM Mono",monospace;color:#ef3e2e}.lesson-summary h2{font-size:clamp(30px,4vw,52px);line-height:.9;letter-spacing:-.065em;margin:9px 0 12px}.lesson-summary>p:last-child{color:#696862;line-height:1.5;margin:0}.lesson-open,.complete-lesson{align-self:start;background:none;border:1px solid #121211;padding:11px 14px;font:10px "DM Mono",monospace;text-transform:uppercase;cursor:pointer}.lesson-open:hover,.complete-lesson:hover{background:#121211;color:#eeece5}.lesson-detail{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px 0 4px}.lesson-detail h3{font-size:24px;letter-spacing:-.04em;margin:0 0 9px}.lesson-detail p{color:#696862;line-height:1.6;margin:0}.lesson-action{border-left:3px solid #ef3e2e;padding-left:18px}.lesson-action p{margin:10px 0 18px}.lesson.completed .lesson-number:after{content:" ✓"}.lesson.completed .complete-lesson{background:#ef3e2e;border-color:#ef3e2e;color:#fff}.course-finish{background:#161614;color:#eeece5;text-align:center;padding:100px 8%}.course-finish p:not(.index){max-width:490px;line-height:1.6;color:#bdbbb4;margin:25px auto 30px}.course-finish>div{display:flex;justify-content:center;gap:22px;align-items:center}.course-finish .text-link{color:#eeece5}@media(max-width:760px){.course-hero,.course-promise,.lesson-detail{grid-template-columns:1fr}.course-hero{padding:75px 25px}.course-promise,.course-lessons{padding-left:25px;padding-right:25px}.course-progress{padding:0 25px}.lesson{grid-template-columns:40px 1fr}.lesson-open{grid-column:2;width:max-content}.lesson-detail{grid-column:1/-1}.course-finish>div{flex-direction:column}.course-meta{margin-top:10px}}
