:root{--yellow:#ffd800;--black:#151618;--white:#fff;--grey:#eeeeee;--ink:#171717;--muted:#6f6f6f;--max:1480px;--display-font:var(--font-display);--brand-font:var(--font-brand);--body-font:var(--font-body);font-family:var(--brand-font)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:var(--body-font);font-weight:400;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:2px solid transparent;border-radius:var(--radius-pill);font-family:var(--display-font);font-weight:600;letter-spacing:0;text-transform:lowercase;white-space:nowrap}.btn-primary{color:var(--black);background:var(--yellow)}.btn-outline{color:var(--white);border-color:var(--white)}.btn-dark{color:var(--white);background:var(--black)}.hero{position:relative;min-height:100vh;color:var(--white);background:var(--color-black) var(--art-mark-on-black) no-repeat var(--art-hero-position)/var(--art-hero-size);overflow:hidden}.hero:after{content:none;position:absolute;inset:0;background:radial-gradient(circle at 35% 44%,rgba(255,216,0,.12),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 34%,rgba(0,0,0,.14));pointer-events:none;mix-blend-mode:screen}.hero-inner{position:relative;z-index:2;width:min(var(--max),calc(100% - 64px));min-height:100vh;margin:0 auto;padding:132px 0 64px;display:grid;grid-template-columns:1fr;gap:64px;align-items:center}.hero-copy{display:grid;gap:24px;max-width:980px}.eyebrow{color:var(--yellow);font-family:var(--display-font);font-size:var(--text-subheading);font-weight:600;line-height:var(--line-subheading);text-transform:lowercase}h1,h2,h3{margin:0;font-family:var(--display-font);font-weight:700;letter-spacing:0;line-height:1.1;text-transform:lowercase}h1{font-size:var(--text-display);max-width:760px}.hero-sub{max-width:640px;color:#ffffffe0;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.trial-panel{background:var(--white);color:var(--black);box-shadow:0 26px 80px #00000061}.trial-panel-head{padding:38px 42px 22px;text-align:center}.trial-panel h2{font-size:var(--text-headline)}.trial-panel .small{margin-top:14px;color:var(--muted);font-weight:600}.trial-grid{padding:18px 42px 34px;display:grid;gap:22px}.fake-field{display:grid;gap:8px}.fake-field label{font-family:var(--display-font);font-size:var(--text-caption);font-weight:600;text-transform:lowercase}.fake-line{height:44px;border-bottom:2px solid #d7d7d7;color:#7a7a7a;display:flex;align-items:center;font-size:1.02rem}.panel-submit{min-height:70px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--black);font-family:var(--display-font);font-weight:600;font-size:var(--text-subheading);text-transform:lowercase}.section{padding:88px 0}.container{width:min(1180px,calc(100% - 56px));margin:0 auto}.lesson-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:54px}.lesson-copy{display:grid;gap:32px}.lesson-copy h2{font-size:var(--text-headline);color:var(--black)}.lesson-copy p{margin:0;max-width:760px;font-size:var(--text-body);font-weight:400;color:#333}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-card{padding:28px;background:#f4f4f4;border-top:8px solid var(--yellow);border-radius:var(--radius-tile)}.detail-card h3{font-size:var(--text-subheading)}.detail-card ul{margin:18px 0 0;padding-left:20px;font-weight:700}.side-panel{align-self:start;padding:30px;background:var(--black);color:var(--white);border-radius:var(--radius-tile)}.side-panel h3{font-size:var(--text-subheading)}.side-panel p{color:#fffc;font-weight:400}.side-panel .btn{width:100%;margin-top:16px}.lesson-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.lesson-nav a{padding:10px 14px;background:#eee;font-family:var(--display-font);font-weight:600;font-size:var(--text-label);text-transform:none;border-radius:var(--radius-pill)}.lesson-nav a:hover{background:var(--yellow)}.footer-actions .btn-outline{color:var(--black);border-color:var(--black)}@media(max-width:900px){.hero-inner{width:min(100% - 28px,var(--max));grid-template-columns:1fr;padding-top:112px;gap:28px}.trial-panel{max-width:520px}.lesson-body,.detail-grid{grid-template-columns:1fr}.container{width:min(100% - 28px,1180px)}h1{font-size:var(--text-display)}footer .container{align-items:flex-start;flex-direction:column}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:2px solid transparent;border-radius:var(--radius-pill);font-family:var(--display-font,"Montserrat",Arial,sans-serif);font-weight:600;letter-spacing:0;text-transform:lowercase;white-space:nowrap;text-decoration:none}.btn-primary{color:var(--black,#151618);background:var(--yellow,#ffd800)}.btn-outline{color:var(--white,#fff);border-color:var(--white,#fff);background:transparent}.btn-dark{color:var(--white,#fff);background:var(--black,#151618)}.footer-actions{display:grid;gap:10px}.footer-actions .btn{width:100%}.footer-actions .btn-outline{color:var(--black,#151618);border-color:var(--black,#151618)}body.lesson-group-guitar .hero{background:var(--color-black) var(--art-mark-on-black) no-repeat var(--art-hero-position)/var(--art-hero-size)}body.lesson-adult-piano-group .hero{background:var(--color-black) var(--art-mark-on-black) no-repeat var(--art-hero-position)/var(--art-hero-size);isolation:isolate}body.lesson-adult-piano-group .hero:before{content:none;position:absolute;inset:0;z-index:0;background:none;filter:saturate(1.18) contrast(1.12) brightness(.86);transform:scale(1.035)}body.lesson-adult-piano-group .hero:after{content:none;z-index:1;background:radial-gradient(circle at 34% 42%,rgba(255,216,0,.18),transparent 30%),linear-gradient(90deg,#00000094,#0000001f 48%,#00000085),linear-gradient(180deg,#00000005,#0000003d);mix-blend-mode:normal}
