#wvs-content-bed{min-height:0!important;padding:20px!important}
#wvs-original.lesson-inperson-page{min-height:0;color:#263754;font:400 15px/1.55 "Work Sans",Arial,sans-serif}
#wvs-original.lesson-inperson-page *,#wvs-original.lesson-inperson-page *:before,#wvs-original.lesson-inperson-page *:after{box-sizing:border-box}
#wvs-original.lesson-inperson-page h1,#wvs-original.lesson-inperson-page h2{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;line-height:1.13;letter-spacing:0;margin:0;color:#193469}
#wvs-original.lesson-inperson-page p{margin:0}
#wvs-original.lesson-inperson-page a{text-decoration:none}
.lesson-inperson-page .room-kicker{display:flex;justify-content:space-between;gap:15px;padding:4px 6px 17px;color:#677b9f;font:700 10px/1.3 "Work Sans",sans-serif;letter-spacing:.16em}
#wvs-original.lesson-inperson-page .room-kicker a{color:#26519b;letter-spacing:0}
.lesson-inperson-page .room-heading{display:grid;grid-template-columns:1fr 160px;gap:30px;align-items:end;padding:35px 36px 39px;border-top:5px solid #172e60;background:#f8f9fc}
#wvs-original.lesson-inperson-page .room-heading h1{font-size:clamp(34px,3.2vw,48px);margin:0 0 16px}
.lesson-inperson-page .room-heading p{max-width:70ch;color:#445673;font-size:16px;line-height:1.7}
.lesson-inperson-page .room-heading-mark{border-left:1px solid #c0cde2;padding-left:19px;color:#8197bb;font:700 11px/1.9 "Work Sans",sans-serif;letter-spacing:.2em}
.lesson-inperson-page .room-observation{display:grid;grid-template-columns:185px 1fr;gap:18px 23px;padding:34px 27px 39px}
.lesson-inperson-page .room-observation-label span,.lesson-inperson-page .room-technique-text>span,.lesson-inperson-page .room-piano>div>span,.lesson-inperson-page .room-practical>div>span{color:#5b74a1;font:700 10px/1.4 "Work Sans",sans-serif;letter-spacing:.16em}
#wvs-original.lesson-inperson-page .room-observation h2{font-size:31px;margin:10px 0 0}
.lesson-inperson-page .room-observation figure{position:relative;margin:0;height:430px;overflow:hidden;background:#dce4ef}
#wvs-original.lesson-inperson-page .room-observation figure img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 48%}
.lesson-inperson-page .room-observation figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px 22px;background:linear-gradient(transparent,rgba(6,20,48,.88));color:#fff;font-size:11px}
.lesson-inperson-page .room-observation figcaption b{font-size:10px;letter-spacing:.1em}
.lesson-inperson-page .room-observation figcaption i{display:inline-block;width:34px;height:1px;background:#fff;vertical-align:middle;margin:0 12px}
.lesson-inperson-page .room-observation-notes{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lesson-inperson-page .room-observation-notes article{border-top:2px solid #a2b8d9;padding:11px 4px 0 0}
.lesson-inperson-page .room-observation-notes b{color:#254985;font:500 21px/1.15 "Bodoni Moda",Georgia,serif}
.lesson-inperson-page .room-observation-notes p{font-size:12px;color:#52647f;margin-top:5px}
.lesson-inperson-page .room-technique{display:grid;grid-template-columns:1fr 40%;gap:0;margin:0 27px;background:#eaf0f8}
.lesson-inperson-page .room-technique-text{padding:39px clamp(25px,4.5vw,60px)}
#wvs-original.lesson-inperson-page .room-technique h2{font-size:35px;margin:10px 0 16px}
.lesson-inperson-page .room-technique-text>p{max-width:57ch;color:#435877;font-size:14px;line-height:1.65}
.lesson-inperson-page .room-technique ol{list-style:none;margin:25px 0 15px;padding:0;border-top:1px solid #b4c6de}
.lesson-inperson-page .room-technique li{display:grid;grid-template-columns:94px 1fr;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid #b4c6de}
.lesson-inperson-page .room-technique li b{color:#1c4385;font:500 20px/1.2 "Bodoni Moda",Georgia,serif}
.lesson-inperson-page .room-technique li span{color:#4e607e;font-size:12px}
.lesson-inperson-page .room-technique small{color:#74849d;font-size:11px;font-style:italic}
.lesson-inperson-page .room-technique figure{position:relative;margin:0;min-height:460px;overflow:hidden}
#wvs-original.lesson-inperson-page .room-technique figure img{width:100%;height:100%;max-width:none;position:absolute;inset:0;object-fit:cover;object-position:47% 35%}
.lesson-inperson-page .room-technique figcaption{position:absolute;bottom:13px;left:13px;right:13px;padding:9px 12px;background:rgba(255,255,255,.94);color:#21457d;font-size:11px}
.lesson-inperson-page .room-piano{display:grid;grid-template-columns:40% 1fr;gap:0;margin:18px 27px 0;border:1px solid #d4deec}
.lesson-inperson-page .room-piano-diagram{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:19px;min-height:320px;padding:28px;background:#dce6f3;color:#1b3b76}
.lesson-inperson-page .room-staff{position:relative;width:75%;height:56px;background:repeating-linear-gradient(180deg,transparent 0 11px,#839fc5 11px 12px);margin-top:4px}
.lesson-inperson-page .room-staff span{position:absolute;top:-14px;left:55%;font:400 70px/1 Georgia,serif;color:#1a4385}
.lesson-inperson-page .room-duet{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;font-size:11px;letter-spacing:.08em}
.lesson-inperson-page .room-duet i{font:400 30px/1 Georgia,serif;color:#6486b5}
.lesson-inperson-page .room-keys{width:75%;height:44px;border:2px solid #254881;background:repeating-linear-gradient(90deg,#fff 0 26px,#305384 26px 28px);box-shadow:0 9px 0 #b2c5df}
.lesson-inperson-page .room-piano-diagram small{font-size:9px;font-weight:700;letter-spacing:.14em;color:#5f7daa}
.lesson-inperson-page .room-piano>div{display:flex;flex-direction:column;justify-content:center;padding:35px clamp(25px,5vw,65px)}
#wvs-original.lesson-inperson-page .room-piano h2{font-size:35px;margin:9px 0 15px}
.lesson-inperson-page .room-piano p{max-width:48ch;color:#465b78;font-size:14px;line-height:1.65}
.lesson-inperson-page .room-piano-rule{width:68px;height:1px;background:#a8bbda;margin:22px 0}
.lesson-inperson-page .room-piano .room-small{font-size:12px;color:#6b7c97}
.lesson-inperson-page .room-practical{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin:24px 27px 0;padding:29px 32px;background:#142d60;color:#eaf0fc}
.lesson-inperson-page .room-practical>div>span{color:#b6cceb}
.lesson-inperson-page .room-practical p{max-width:76ch;margin-top:7px;font-size:13px;line-height:1.7}
#wvs-original.lesson-inperson-page .room-practical>a{background:#fff;color:#173971;padding:14px 17px;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.08em}
.lesson-inperson-page .room-bottom{display:flex;justify-content:space-between;gap:15px;padding:18px 8px 2px;font:700 11px/1.4 "Work Sans",sans-serif}
#wvs-original.lesson-inperson-page .room-bottom a{color:#24509b}
@media(max-width:850px){.lesson-inperson-page .room-observation{grid-template-columns:1fr}.lesson-inperson-page .room-observation-notes{grid-column:1}.lesson-inperson-page .room-technique{grid-template-columns:1fr}.lesson-inperson-page .room-technique figure{min-height:300px}.lesson-inperson-page .room-piano{grid-template-columns:1fr}.lesson-inperson-page .room-piano-diagram{min-height:260px}.lesson-inperson-page .room-practical{grid-template-columns:1fr}}
@media(max-width:550px){#wvs-content-bed{padding:12px!important}.lesson-inperson-page .room-heading{grid-template-columns:1fr;padding:25px 22px 30px}.lesson-inperson-page .room-heading-mark{display:none}.lesson-inperson-page .room-observation{padding:31px 8px}.lesson-inperson-page .room-observation figure{height:255px}.lesson-inperson-page .room-observation-notes{grid-template-columns:1fr}.lesson-inperson-page .room-technique{margin:0 8px}.lesson-inperson-page .room-technique-text{padding:28px 22px}.lesson-inperson-page .room-technique li{grid-template-columns:75px 1fr}.lesson-inperson-page .room-piano{margin:18px 8px 0}.lesson-inperson-page .room-piano>div{padding:29px 23px}.lesson-inperson-page .room-practical{margin:22px 8px 0;padding:26px 22px}}
/* Pair the acoustic-room photograph with both the heading and its notes. */
@media(min-width:851px){
  .lesson-inperson-page .room-observation{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-rows:auto auto;gap:12px 24px;align-items:stretch}
  .lesson-inperson-page .room-observation-label{grid-column:2;grid-row:1;align-self:end}
  .lesson-inperson-page .room-observation-notes{grid-column:2;grid-row:2}
  .lesson-inperson-page .room-observation figure{grid-column:1;grid-row:1/3;height:100%;min-height:0}
  #wvs-original.lesson-inperson-page .room-observation figure img{position:absolute;inset:0;width:100%;height:100%}
}
