:root{--black:#090a09;--gold:#e9a23d;--gold-dark:#bb7622;--paper:#f6f4f1;--ink:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f8f6f2;font:15px/1.75 "DM Sans",Arial,sans-serif}.wrap{width:min(1110px,calc(100% - 64px));margin:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:2;left:0;right:0}.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;line-height:1.3}.brand-mark{width:58px;height:72px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:32px}.brand strong{display:block;color:var(--gold);font-size:21px;font-weight:500;letter-spacing:.03em}.brand small{display:block;font-size:12px;letter-spacing:.02em;margin-top:3px}.nav{display:flex;align-items:center;gap:30px}.nav a{color:white;text-decoration:none;font-size:14px}.nav a:hover{color:var(--gold)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:11px 24px;border:1px solid var(--gold);border-radius:4px;color:white;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.02em;min-height:48px}.button span{font-size:22px;line-height:10px}.button-outline{color:#fff}.button-gold{background:var(--gold);color:#0b0b0b}.button:hover{transform:translateY(-1px);filter:brightness(1.1)}.menu-toggle{display:none}.hero{min-height:680px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 56%,#282018 0,#11110f 31%,#080909 67%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080909 0%,rgba(8,9,9,.98) 32%,rgba(8,9,9,.5) 58%,rgba(8,9,9,.05) 100%);pointer-events:none}.hero-art{position:absolute;inset:0 0 0 38%;background-image:url("assets/hero-guitarist.jpg");background-repeat:no-repeat;background-size:auto 100%;background-position:center top;opacity:.95;mask-image:linear-gradient(90deg,transparent 0%,#000 20%)}.hero-content{position:relative;z-index:1;padding-top:158px}.eyebrow{text-transform:uppercase;letter-spacing:.045em;color:var(--gold-dark);font-weight:700;font-size:13px;margin:0 0 12px}.hero .eyebrow{display:block;max-width:510px;text-transform:none;letter-spacing:0;font-size:15px;line-height:1.5;margin:0 0 14px}h1,h2,.subhead{font-family:"Playfair Display",Georgia,serif}h1{font-size:48px;line-height:1.18;font-weight:500;letter-spacing:-.02em;margin:0 0 18px}h1 em{color:var(--gold);font-style:normal}.hero-lead{font-size:17px;margin:0 0 26px}.hero-actions{display:flex;gap:16px}.audio-sample{margin-top:52px;display:flex;align-items:center;gap:16px;color:#fff;border:0;background:none;padding:0;text-align:left;cursor:pointer}.play-icon{width:48px;height:48px;border:1.5px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:white;padding-left:3px}.audio-copy{display:grid;font-size:12px;line-height:1.6;min-width:180px}.audio-copy strong{font-size:11px}.audio-copy small{font-weight:400}.audio-copy>span{color:#ddd}.wave{display:flex;align-items:center;gap:3px;height:34px;margin-left:8px}.wave i{height:var(--h);width:2px;background:var(--gold);border-radius:3px}.wave i:nth-child(3n){--h:25px}.wave i:nth-child(3n+1){--h:13px}.wave i:nth-child(3n+2){--h:20px}.wave i:nth-child(5n){--h:32px}.audio-sample.is-playing .wave i{animation:pulse .6s ease-in-out infinite alternate}.audio-sample.is-playing .wave i:nth-child(2n){animation-delay:.3s}@keyframes pulse{to{transform:scaleY(.35)}}.section-light{background:var(--paper);color:var(--ink)}.author{padding:45px 0}.author-grid{display:grid;grid-template-columns:360px 1fr;gap:68px;align-items:center}.author-photo{height:455px;border-radius:8px;background-image:url("assets/author.jpg");background-repeat:no-repeat;background-size:cover;background-position:center 38%;box-shadow:0 1px 4px #0002}.author-info h2,.contents h2{font-size:34px;line-height:1.2;margin:0 0 2px}.subhead{color:var(--gold-dark);font-size:21px;margin:0 0 17px}.author-info>p:not(.eyebrow):not(.subhead){font-size:13px;line-height:1.9;max-width:690px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px}.stats div{padding:0 10px;text-align:center;border-right:1px solid #ddd8d2;display:flex;flex-direction:column;align-items:center}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats span{font-size:36px;line-height:1.2;color:var(--gold-dark);margin-bottom:9px}.stats strong{font-size:12px}.stats small{font-size:12px;margin-top:4px}.steps{background:#090a09;padding:23px 0 31px;text-align:center}.steps h2{font:600 20px "Playfair Display",Georgia,serif;text-transform:uppercase;color:var(--gold);margin:0 0 9px}.step-grid{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center}.step-grid article>span{font-size:48px;line-height:1.2;color:var(--gold)}.step-grid h3{font-size:12px;margin:2px 0 0}.step-grid p{color:#d2d0ce;font-size:12px;line-height:1.55;margin:3px 0}.step-grid>b{font-size:30px;font-weight:400}.contents{min-height:390px;overflow:hidden}.contents-grid{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:390px}.contents h2{font-size:28px;margin-bottom:12px}.contents-grid>div:first-child>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:20px}.button-dark{background:#080909;color:white}.book-art{height:390px;background-image:url("assets/book.jpg");background-repeat:no-repeat;background-size:cover;background-position:center 58%;margin-right:calc((1110px - 100vw)/2);filter:drop-shadow(0 12px 16px #0004)}footer{background:#090a09;color:white;padding:34px 0 16px}.footer-grid{display:grid;grid-template-columns:260px 1fr 300px;align-items:center;gap:30px}.footer-grid p{font-size:13px;line-height:1.7}.footer-grid address{font-style:normal;display:grid;gap:9px;font-size:13px}.footer-grid address a{color:white;text-decoration:none}.copyright{border-top:1px solid #292929;margin-top:25px;padding-top:13px;color:#bbb;font-size:11px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#181818;border:1px solid var(--gold);color:white;padding:12px 20px;border-radius:5px;opacity:0;pointer-events:none;transition:.25s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.wrap{width:min(100% - 40px,620px)}.site-header{height:90px}.brand-mark{width:47px;height:58px}.brand strong{font-size:18px}.brand small{font-size:10px}.menu-toggle{display:block;background:none;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font-size:22px;padding:3px 10px}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#101110;padding:20px;gap:16px;align-items:stretch;flex-direction:column}.nav.open{display:flex}.nav-order{align-self:flex-start}.hero{min-height:690px}.hero:after{background:linear-gradient(90deg,rgba(8,9,9,.99),rgba(8,9,9,.86) 58%,rgba(8,9,9,.36))}.hero-art{inset:80px -40% 0 18%;background-size:auto 100%;background-position:center top;opacity:.55}.hero-content{padding-top:136px}h1{font-size:clamp(37px,8vw,48px)}.hero-lead{font-size:15px}.desktop{display:none}.hero-actions{flex-wrap:wrap}.audio-sample{margin-top:38px}.wave{display:none}.author{padding:35px 0}.author-grid{grid-template-columns:1fr;gap:28px}.author-photo{height:360px;width:min(100%,420px);margin:auto;background-size:cover;background-position:center 38%}.author-info h2{font-size:30px}.stats{margin-top:25px}.stats div{padding:0 4px}.stats strong,.stats small{font-size:10px}.stats span{font-size:30px}.step-grid{grid-template-columns:1fr 20px 1fr;gap:12px 0}.step-grid>b:nth-of-type(2){display:none}.step-grid article:nth-of-type(3){grid-column:1}.step-grid article:nth-of-type(4){grid-column:3}.step-grid>b:nth-of-type(1){grid-column:2;grid-row:1}.step-grid>b:nth-of-type(3){grid-column:2;grid-row:2}.contents-grid{grid-template-columns:1fr;min-height:auto;padding-top:40px}.book-art{height:280px;margin:10px -20px 0;background-size:cover;background-position:center 58%}.footer-grid{grid-template-columns:1fr;gap:15px}.footer-grid p{margin:4px 0}.copyright{gap:6px;flex-direction:column}.copyright span:last-child{max-width:420px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.audio-cta{cursor:pointer;font-family:inherit}
.audio-cta .play-icon{width:22px;height:22px;min-width:22px;border-color:#111;color:#111;font-size:9px;padding-left:2px}
.audio-cta.is-playing{filter:brightness(1.12)}
.hero-lead{max-width:465px;line-height:1.65;margin-bottom:25px}
.hero-actions{align-items:center;gap:14px}
.audio-cta{min-width:218px;min-height:50px;gap:12px;padding:10px 20px;letter-spacing:.04em;box-shadow:0 7px 20px rgba(233,162,61,.14)}
.audio-cta .play-icon{position:relative;display:inline-block;width:24px;height:24px;min-width:24px;border:0;border-radius:50%;background:#17130e;padding:0;transition:transform .2s ease}
.audio-cta .play-icon:after{content:"";position:absolute;left:10px;top:7px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--gold)}
.audio-cta.is-playing .play-icon:after{left:8px;top:7px;width:3px;height:10px;border:0;background:var(--gold);box-shadow:5px 0 0 var(--gold)}
.audio-cta:hover .play-icon{transform:scale(1.08)}
.hero-actions{gap:26px;align-items:center}
.audio-cta{display:inline-flex;align-items:center;gap:13px;min-height:54px;padding:4px 0;border:0;background:transparent;color:#f8f6f2;box-shadow:none;text-align:left;cursor:pointer;font:inherit}
.audio-cta:hover{filter:none;transform:none;color:var(--gold)}
.audio-cta .play-icon{position:relative;display:inline-grid;place-items:center;width:46px;height:46px;min-width:46px;border:1.5px solid var(--gold);border-radius:50%;background:transparent;padding:0;transition:background .2s ease,transform .2s ease}
.audio-cta .play-icon:after{content:"";position:absolute;left:19px;top:15px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid var(--gold)}
.audio-cta.is-playing .play-icon:after{left:17px;top:16px;width:4px;height:12px;border:0;background:var(--gold);box-shadow:7px 0 0 var(--gold)}
.audio-cta:hover .play-icon{background:rgba(233,162,61,.1);transform:scale(1.04)}
.audio-copy{display:grid;gap:1px;min-width:132px;line-height:1.5}
.audio-copy strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.audio-copy small{font-size:11px;color:#c7c2bb}
.audio-cta:hover .audio-copy strong{color:var(--gold)}
.audio-cta .wave{margin-left:5px;gap:2px;height:30px}
.audio-cta .wave i{width:2px}
.audio-cta.is-playing .wave i{animation:pulse .6s ease-in-out infinite alternate}
.audio-cta.is-playing .wave i:nth-child(2n){animation-delay:.3s}
@media(max-width:800px){.hero-actions{gap:14px;align-items:flex-start;flex-direction:column}.audio-cta .wave{display:none}}
.audio-cta .audio-copy{min-width:120px;gap:0}
.audio-cta .wave{grid-column:1;justify-self:start;margin:2px 0 0;height:11px;gap:1px;opacity:.72}
.audio-cta .wave i{width:1px;height:calc(var(--h)*.32)}
.audio-cta.is-playing .wave i{animation:pulse .65s ease-in-out infinite alternate}
@media(max-width:800px){.audio-cta .wave{display:flex}}
.hero-actions > .button-outline{background:rgba(233,162,61,.12);border-color:rgba(233,162,61,.9);color:#fff;box-shadow:0 0 18px rgba(233,162,61,.08)}
.hero-actions > .button-outline:hover{background:rgba(233,162,61,.24);border-color:var(--gold);color:#fff}
.steps{padding:46px 0 52px}
.steps .step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:24px}
.steps .step-grid>b{display:none}
.steps .step-grid article{min-height:190px;padding:22px 24px;background:linear-gradient(145deg,#141514,#0e0f0e);border:1px solid rgba(233,162,61,.18);border-radius:8px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.steps .step-grid article:hover{border-color:rgba(233,162,61,.5);transform:translateY(-2px);background:linear-gradient(145deg,#191816,#101110)}
.steps .step-grid article>span{font-size:28px;line-height:1;color:var(--gold);margin-bottom:18px}
.steps .step-grid h3{font-family:"DM Sans",Arial,sans-serif;font-size:13px;line-height:1.5;letter-spacing:.035em;text-transform:uppercase;color:#f7f4ef;margin:0 0 8px}
.steps .step-grid p{font-size:13px;line-height:1.65;color:#bdb9b2;margin:0;text-align:left}
@media(max-width:800px){.steps .step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.steps .step-grid article{min-height:175px;padding:18px}}
@media(max-width:520px){.steps .step-grid{grid-template-columns:1fr}.steps .step-grid article{min-height:0;padding:18px 20px}.steps .step-grid article>span{margin-bottom:10px}}
.steps{padding:48px 0 54px;background:#0b0c0b}
.steps h2{font-size:22px;font-weight:600;letter-spacing:.01em;text-transform:none;color:#e3a24a;margin:0 0 26px}
.steps .step-grid{counter-reset:lesson;gap:20px 34px;margin-top:0}
.steps .step-grid article{counter-increment:lesson;position:relative;min-height:160px;padding:18px 8px 16px;background:transparent;border:0;border-top:1px solid #34312b;border-radius:0;box-shadow:none;transition:border-color .2s ease}
.steps .step-grid article:hover{transform:none;background:transparent;border-color:rgba(233,162,61,.62)}
.steps .step-grid article>span{display:none}
.steps .step-grid article::before{content:counter(lesson,decimal-leading-zero);font:500 12px/1 "DM Sans",Arial,sans-serif;letter-spacing:.08em;color:var(--gold-dark);margin:0 0 16px}
.steps .step-grid h3{font-family:"DM Sans",Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;color:#f2f0eb;margin:0 0 7px}
.steps .step-grid p{font-size:13px;line-height:1.7;color:#bcb9b2;margin:0}
@media(max-width:800px){.steps .step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.steps .step-grid article{min-height:150px;padding:16px 6px}}
@media(max-width:520px){.steps .step-grid{grid-template-columns:1fr;gap:8px}.steps .step-grid article{min-height:0;padding:15px 4px}.steps .step-grid article::before{margin-bottom:10px}}
.steps .step-grid article{align-items:center;text-align:center}
.steps .step-grid article::before{text-align:center}
.steps .step-grid h3,.steps .step-grid p{text-align:center}
.steps .step-grid p{max-width:320px;margin-left:auto;margin-right:auto}
/* Audio course overview: legible, balanced track groups */
.lessons{padding:48px 0 50px;background:#0b0c0b}
.lessons .lesson-wave{height:18px;margin:0 auto 11px;display:flex;justify-content:center;align-items:center;gap:3px}
.lessons .lesson-wave i{display:block;width:2px;height:var(--bar-height);border-radius:2px;background:var(--gold);opacity:.78}
.lessons .lesson-wave i:nth-child(1),.lessons .lesson-wave i:nth-child(9){--bar-height:6px}
.lessons .lesson-wave i:nth-child(2),.lessons .lesson-wave i:nth-child(8){--bar-height:10px}
.lessons .lesson-wave i:nth-child(3),.lessons .lesson-wave i:nth-child(7){--bar-height:15px}
.lessons .lesson-wave i:nth-child(4),.lessons .lesson-wave i:nth-child(6){--bar-height:9px}
.lessons .lesson-wave i:nth-child(5){--bar-height:18px}
.lessons h2{font-size:23px;line-height:1.35;font-weight:600;letter-spacing:0;text-transform:none;color:#e3a24a;margin:0 0 28px;text-align:center}
.lessons .step-grid{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin:0;align-items:stretch}
.lessons .step-grid article{counter-increment:none;min-height:168px;padding:20px 16px 22px;background:transparent;border:0;border-top:1px solid #34312b;border-bottom:1px solid #232420;border-radius:0;box-shadow:none;display:flex;align-items:center;flex-direction:column;transition:border-color .2s ease}
.lessons .step-grid article:hover{transform:none;background:transparent;border-top-color:rgba(233,162,61,.65)}
.lessons .step-grid article::before,.lessons .step-grid article>span{display:none;content:none}
.lessons .step-grid h3{font-family:"DM Sans",Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.45;letter-spacing:0;text-transform:none;color:#f5f2ed;margin:0 0 9px;text-align:center}
.lessons .step-grid p{width:100%;max-width:315px;font-size:14px;line-height:1.7;color:#c5c2bc;margin:0 auto;text-align:left}
@media(max-width:800px){.lessons .step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.lessons .step-grid article{min-height:155px;padding:18px 12px}.lessons .step-grid p{font-size:13px}}
@media(max-width:520px){.lessons{padding:38px 0}.lessons h2{font-size:21px;margin-bottom:20px}.lessons .step-grid{grid-template-columns:1fr;gap:0}.lessons .step-grid article{min-height:0;padding:16px 4px}.lessons .step-grid h3{margin-bottom:6px}.lessons .step-grid p{text-align:left;max-width:100%}}
.lessons .step-grid article:nth-of-type(n){grid-column:auto;grid-row:auto}
.lessons .step-grid article{align-items:flex-start;text-align:left;padding-left:20px;padding-right:20px}
.lessons .step-grid h3{width:100%;text-align:left;margin-bottom:8px}
.lessons .step-grid p{width:100%;max-width:none;margin-left:0;margin-right:0;text-align:left}
@media(max-width:520px){.lessons .step-grid article{padding-left:8px;padding-right:8px}.lessons .step-grid h3,.lessons .step-grid p{text-align:left}}
.footer-grid{grid-template-columns:260px minmax(0,1fr)}
.footer-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.15fr);gap:28px;align-items:start;justify-content:stretch}
.footer-meta .footer-title,.footer-meta .footer-order{display:flex;flex-direction:column;gap:6px;min-width:0}
.footer-title strong{font-size:12px;line-height:1.6;font-weight:600;color:#eee9e1}
.footer-title span{font-size:11px;color:#b8b4ad}
.footer-meta .footer-rights{font-size:12px;line-height:1.7;color:#d0ccc5;margin:0}
.footer-order strong{font-size:12px;color:#e5a347;font-weight:700}
.footer-order a{font-size:12px;line-height:1.5;color:#e5e2dc;text-decoration:none;overflow-wrap:anywhere}
.footer-order a:hover{text-decoration:underline;color:#f0b45c}
.footer-order .rights-label{margin-top:10px;color:#fff}
.footer-order .owner-email{color:#e5a347;font-weight:600}
.footer-meta .footer-accessibility{grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid #282824;color:#aaa69f;font-size:11px;text-align:center}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr}.footer-meta{grid-template-columns:1fr 1fr;gap:20px}.footer-meta .footer-rights{grid-column:1/-1;grid-row:2}.footer-meta .footer-order{grid-column:2;grid-row:1}.footer-meta .footer-title{grid-column:1;grid-row:1}.footer-meta .footer-accessibility{grid-row:3}}
@media(max-width:520px){.footer-meta{grid-template-columns:1fr;gap:16px}.footer-meta .footer-title,.footer-meta .footer-rights,.footer-meta .footer-order{grid-column:1;grid-row:auto}.footer-meta .footer-accessibility{grid-row:auto}}
.footer-grid{grid-template-columns:1fr}
.book-art{background-image:url("assets/kenken-cd.png");background-size:contain;background-position:center;background-repeat:no-repeat;filter:none}
@media(max-width:800px){.book-art{background-size:contain;background-position:center}}
.lessons .step-grid{width:min(100%,1040px);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:0 auto}
.lessons .step-grid article{min-height:142px;padding:21px 18px 22px;border-top:1px solid #35332e;border-bottom:1px solid #252521}
.lessons .step-grid h3{font-size:16px;line-height:1.45;margin-bottom:8px}
.lessons .step-grid p{font-size:15px;line-height:1.7;max-width:100%}
.lessons h2{font-size:24px;margin-bottom:30px}
@media(max-width:800px){.lessons .step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.lessons .step-grid article{min-height:145px;padding:18px 12px}.lessons .step-grid h3{font-size:15px}.lessons .step-grid p{font-size:14px}}
@media(max-width:520px){.lessons .step-grid{grid-template-columns:1fr;gap:0}.lessons .step-grid article{min-height:0;padding:16px 8px}.lessons .step-grid h3{font-size:15px}.lessons .step-grid p{font-size:14px}}
/* Audio course timeline */
.lessons{padding:54px 0 58px;background:#0b0c0b}
.lessons>.wrap{width:min(960px,calc(100% - 64px))}
.lessons h2{font-size:26px;line-height:1.3;margin:0 0 30px;text-align:center;color:#e3a24a}
.lessons .lesson-wave{margin-bottom:12px}
.lesson-overview{display:grid;grid-template-columns:145px minmax(0,1fr) 220px;align-items:center;gap:24px;padding:22px 28px;margin:0 auto 24px;border:1px solid rgba(233,162,61,.28);border-radius:10px;background:linear-gradient(110deg,rgba(233,162,61,.09),rgba(255,255,255,.025) 55%,rgba(255,255,255,.01));}
.lesson-count{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.lesson-count strong{font-family:"Playfair Display",Georgia,serif;font-size:52px;line-height:1;color:var(--gold);font-weight:600}
.lesson-count span{max-width:70px;color:#d2c8b8;font-size:11px;line-height:1.35;text-transform:uppercase;letter-spacing:.06em}
.lesson-overview-copy h3{font-size:16px;color:#fff;margin:0 0 5px;font-weight:600}
.lesson-overview-copy p{font-size:14px;color:#c6c1b8;line-height:1.6;margin:0}
.lesson-overview-wave{height:38px;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.78}
.lesson-overview-wave i{width:3px;height:var(--wave-height);border-radius:4px;background:var(--gold)}
.lesson-overview-wave i:nth-child(4n+1){--wave-height:10px}.lesson-overview-wave i:nth-child(4n+2){--wave-height:24px}.lesson-overview-wave i:nth-child(4n+3){--wave-height:16px}.lesson-overview-wave i:nth-child(4n){--wave-height:32px}
.lesson-tracklist{position:relative;padding-left:0}
.lesson-tracklist::before{content:"";position:absolute;left:9px;top:25px;bottom:25px;width:1px;background:linear-gradient(var(--gold-dark),rgba(187,118,34,.2))}
.lesson-tracklist article{position:relative;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:20px;align-items:center;padding:15px 18px 15px 36px;border-bottom:1px solid #292923;min-height:74px}
.lesson-tracklist article:first-child{border-top:1px solid #292923}
.lesson-tracklist article::before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid var(--gold-dark);border-radius:50%;background:#0b0c0b}
.lesson-tracklist article:hover::before{border-color:var(--gold);background:var(--gold)}
.lesson-tracklist h3{font:600 15px/1.45 "DM Sans",Arial,sans-serif;color:#f4f1eb;margin:0}
.lesson-tracklist p{font:400 14px/1.65 "DM Sans",Arial,sans-serif;color:#c2beb7;margin:0}
@media(max-width:800px){.lessons>.wrap{width:min(100% - 40px,650px)}.lessons{padding:44px 0}.lesson-overview{grid-template-columns:115px 1fr;padding:20px;gap:18px}.lesson-overview-wave{grid-column:1/-1;justify-content:flex-start;height:24px}.lesson-overview-wave i{transform:scaleY(.7)}.lesson-tracklist article{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:14px;padding-right:4px}}
@media(max-width:520px){.lessons>.wrap{width:calc(100% - 40px)}.lessons h2{font-size:22px;margin-bottom:22px}.lesson-overview{grid-template-columns:1fr;gap:10px;padding:20px;margin-bottom:18px}.lesson-count{align-items:center}.lesson-count strong{font-size:44px}.lesson-count span{max-width:none}.lesson-overview-wave{grid-column:1/-1;justify-content:flex-start}.lesson-tracklist::before{left:7px}.lesson-tracklist article{grid-template-columns:1fr;gap:4px;padding:14px 4px 14px 27px;min-height:0}.lesson-tracklist article::before{left:1px;width:10px;height:10px}.lesson-tracklist h3{font-size:14px}.lesson-tracklist p{font-size:13px}}