@import url('styles.css');.lesson-hero{padding:100px 6vw 75px;background:var(--ink);color:#fff;min-height:490px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;position:relative}.lesson-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(var(--violet) 1px,transparent 1px);background-size:16px 16px;opacity:.28;pointer-events:none}.lesson-hero>div{position:relative;z-index:1}.lesson-hero h1{margin:0;font-size:clamp(70px,10vw,145px)}.lesson-hero .eyebrow{color:var(--acid)}.lesson-hero p:not(.eyebrow){max-width:470px;line-height:1.7;margin:25px 0}.instrument-mark{font:900 clamp(180px,28vw,410px)/.7 'Barlow Condensed';color:var(--acid);text-align:center;transform:rotate(-10deg);text-shadow:11px 11px 0 var(--violet)}.lesson-details{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.lesson-details h2{font-size:clamp(45px,5vw,70px);line-height:.85}.lesson-details p{line-height:1.75}.lesson-list{padding:0;list-style:none;margin:28px 0}.lesson-list li{padding:13px 0;border-bottom:1px solid var(--line);font-weight:700}.lesson-list li:before{content:'✦';color:var(--violet);margin-right:12px}.lesson-cta{background:var(--coral);color:var(--ink);padding:55px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-cta h2{font-size:clamp(38px,5vw,65px);line-height:.8;margin:0}.lesson-cta .button-light{background:var(--ink);color:#fff}@media(max-width:760px){.lesson-hero,.lesson-details{grid-template-columns:1fr}.lesson-hero{padding-top:75px}.instrument-mark{margin:45px 0 10px;font-size:180px}.lesson-cta{display:block}.lesson-cta .button{margin-top:25px}}