.teaching-scene{background:#efede5;padding:85px 6% 75px;overflow:hidden;text-align:center}.teaching-scene h2{font-size:clamp(35px,4vw,58px);font-weight:300;letter-spacing:-.04em;max-width:800px;margin:0 auto 40px}.teaching-scene .eyebrow{margin-bottom:20px}
.lesson-display{max-width:900px;margin:auto;position:relative;border:7px solid #353530;border-radius:19px;background:#faf8f2;box-shadow:0 18px 40px #37372c1a;display:grid;grid-template-columns:48% 52%;overflow:hidden;aspect-ratio:1.9}.lesson-portrait{position:relative;overflow:hidden;background:#c9c2b3}.source-window{position:absolute;inset:0;overflow:hidden}.source-window img{position:absolute;max-width:none;height:auto;width:var(--zoom);left:var(--left);top:0;transform:translateY(var(--top))}
.lesson-info{padding:9% 10%;text-align:left;display:flex;flex-direction:column;justify-content:center}.lesson-info>img{width:125px;margin-bottom:30px}.lesson-info h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3vw,43px);line-height:1.1;font-weight:400;letter-spacing:-.035em;margin-bottom:22px}.lesson-info p{font-size:12px;margin:0;color:#737164}.lesson-status{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.lesson-status span{display:grid;place-items:center;border:1px solid #929781;width:29px;height:29px;border-radius:50%;color:#7d856c}
.tablet-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1030px;margin:36px auto 0}.lesson-tablet{border:3px solid #c3a395;box-shadow:inset 0 0 0 3px #30312c,0 13px 24px #4a42321c;border-radius:15px;padding:8px;background:#30312c;overflow:hidden}.tablet-screen{background:#f7f5ee;overflow:hidden;border-radius:6px;aspect-ratio:.78;display:flex;flex-direction:column;text-align:left}.tablet-label{padding:16px 13px 12px;min-height:90px;display:flex;flex-direction:column;justify-content:space-between}.tablet-label small{font-size:8px;letter-spacing:.15em;color:#818674}.tablet-label h4{font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1.55vw,21px);font-weight:400;letter-spacing:-.025em;line-height:1.2;margin:10px 0 0}.tablet-photo{position:relative;flex:1;min-height:0;overflow:hidden}.tablet-photo:after{content:'';position:absolute;inset:0;background:#f4eee3;opacity:.14;pointer-events:none}
.lesson-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1030px;margin:33px auto 0;text-align:left}.lesson-extras div{border-top:1px solid #c8cbbb;padding-top:15px}.lesson-extras small{font-size:9px;letter-spacing:.12em;color:#818674}.lesson-extras h4{font-size:18px;line-height:1.3;font-weight:400;margin:9px 0}.scene-note{max-width:720px;margin:30px auto 0;color:#77746a;font-size:11px}
@media(max-width:650px){.teaching-scene{padding:55px 6%}.lesson-display{border-width:5px;grid-template-columns:46% 54%;aspect-ratio:1.4;border-radius:13px}.lesson-info{padding:18px 12px}.lesson-info>img{width:82px;margin-bottom:16px}.lesson-info h3{font-size:23px;margin-bottom:14px}.lesson-info p{font-size:9px}.lesson-status{margin-top:15px;font-size:7px;gap:6px}.lesson-status span{width:22px;height:22px}.tablet-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.tablet-label{padding:14px 10px;min-height:80px}.tablet-label h4{font-size:18px}.lesson-extras{grid-template-columns:1fr;gap:10px}.lesson-extras h4{font-size:18px}}