.lesson-visual{margin:0 0 35px}.lesson-image-button{display:block;position:relative;width:100%;padding:0;overflow:hidden;border-radius:12px;border:1px solid #fff9;background:#e5dccb;box-shadow:0 12px 30px -20px #332b2444;text-align:left}.lesson-image-button>img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}.image-expand{position:absolute;bottom:17px;right:17px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #fff9;border-radius:7px;font-size:10px;background:#fdfbf7d9;color:#53412c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 7px 20px #211b1514}.lesson-image-button:hover .image-expand{background:#fdfbf7}.lesson-image-button:focus-visible{outline:2px solid #947242;outline-offset:4px}.lesson-visual>figcaption{padding:22px 0 18px}.lesson-visual>figcaption>.eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:11px}.lesson-visual>figcaption>strong{display:block;font:500 29px/1.15 var(--display);color:#5b4934}.visual-observations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:20px;border:1px solid #fff9;border-radius:11px;background:linear-gradient(125deg,#fdfbf7bf,#e5dccb55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff9}.visual-observations>div{border-left:1px solid #b79b6e44;padding-left:14px}.visual-observations>div:first-child{border-left:0;padding-left:0}.visual-observations>div>span{font:500 25px var(--display);color:#a0845b}.visual-observations p{font-size:11px!important;line-height:1.85!important;color:#705d45!important;margin:9px 0 0!important}.visual-context{display:block;font-size:9px;color:#7d6b54;line-height:1.9;margin:15px 0 0}.sprint-intro.visual-intro{display:block;margin:24px 0}.visual-intro h2{font-size:42px}.sprint-modal .lesson-visual{margin-top:25px}.sprint-modal .lesson-image-button{border-radius:12px}.sprint-modal .visual-observations p{font-size:12px!important}.sprint-modal .lesson-visual>figcaption>strong{font-size:31px}.lesson-image-modal{width:min(1180px,100%)}.lesson-image-modal .modal-body{padding:48px 25px 28px}.expanded-lesson-image{margin:0 0 22px}.expanded-lesson-image>img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:9px;background:#e5dccb}.expanded-lesson-image figcaption{padding:24px 12px 0}.expanded-lesson-image .eyebrow{font-size:9px}.expanded-lesson-image h2{font-size:37px;margin:14px 0}.expanded-lesson-image p{font-size:13px;color:#6b5943;line-height:1.85;margin:0}.lesson-image-modal .modal-body>.btn{margin-left:12px}
@media(max-width:1100px){.visual-observations{gap:12px;padding:18px}.visual-observations>div{padding-left:12px}.visual-observations p{font-size:11px!important}.lesson-visual>figcaption>strong{font-size:28px}}
@media(max-width:650px){.lesson-visual{margin-bottom:29px}.lesson-image-button{border-radius:9px}.image-expand{right:11px;bottom:11px;padding:8px 10px;font-size:9px}.lesson-visual>figcaption{padding:20px 0 17px}.lesson-visual>figcaption>.eyebrow{font-size:7px;line-height:1.8;letter-spacing:.12em}.lesson-visual>figcaption>strong{font-size:28px}.visual-observations{display:block;padding:7px 18px;border-radius:9px}.visual-observations>div,.visual-observations>div:first-child{display:flex;gap:14px;align-items:flex-start;border:0;border-bottom:1px solid #b79b6e26;padding:14px 0}.visual-observations>div:last-child{border-bottom:0}.visual-observations>div>span{font-size:25px;line-height:1.4;flex-shrink:0}.visual-observations p{font-size:12px!important;line-height:1.85!important;margin:1px 0 0!important}.visual-context{font-size:9px;line-height:1.9;margin-top:14px}.visual-intro h2{font-size:36px}.sprint-modal .lesson-visual>figcaption>strong{font-size:28px}.sprint-modal .lesson-visual{margin-top:21px}.lesson-image-modal .modal-body{padding:48px 15px 25px}.expanded-lesson-image>img{border-radius:6px}.expanded-lesson-image figcaption{padding:22px 7px 0}.expanded-lesson-image h2{font-size:32px}.expanded-lesson-image p{font-size:12px}.expanded-lesson-image .eyebrow{font-size:8px}.lesson-image-modal .modal-body>.btn{font-size:11px;margin:0 7px}}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){.image-expand,.visual-observations{background:#f5f0e8f5}}