/* The lecture uses the full viewport; the physical room remains visible around it. */
.classroom-watch{position:absolute;z-index:5;inset:var(--header) 0 0;overflow:auto;overscroll-behavior:contain;background:linear-gradient(90deg,#08110edb,#111c17b5 50%,#08110edb);color:#f1f1e9;padding:28px 6vw 32px}
.classroom-session{max-width:1100px;margin:0 auto}
.classroom-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.classroom-kicker{font-size:10px;letter-spacing:.18em;line-height:1.6;color:#bbcbbf;margin:0 0 8px}
.classroom-heading h1{font:500 31px/1.15 'Cormorant Garamond',Georgia,serif;margin:0}
.classroom-close{border:1px solid #a2b1a86b;color:#e3ebe4;background:#12251b80;min-height:44px;padding:10px 18px;font-size:12px;border-radius:3px}
.classroom-film{position:relative;width:100%;aspect-ratio:16/9;background:#08110d;border:1px solid #89938b80;box-shadow:0 24px 70px #0009}
.classroom-film iframe{position:absolute;inset:0;width:100%;height:100%;min-height:200px;border:0;background:#000}
.classroom-film:has(iframe:not([hidden])){min-height:202px}
.classroom-poster{height:100%;display:grid;grid-template-columns:42% 1fr;align-items:center;background:radial-gradient(ellipse at 23% 15%,#284333,#102219 65%,#0b1a13)}
.classroom-poster-art{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid #93aa9826;background:repeating-linear-gradient(0deg,transparent 0 41px,#ffffff06 42px 43px)}
.lecture-rack{position:relative;width:45%;height:58%;border:5px solid #a0aca2;border-top-width:9px;display:flex;flex-direction:column;gap:7px;padding:14px 6px;transform:perspective(700px) rotateY(-18deg);box-shadow:12px 12px 0 #040c0966}
.lecture-rack i{display:block;flex:1;border:1px solid #93a19966;border-radius:2px;background:repeating-linear-gradient(0deg,#314a3d 0 3px,#152b20 4px 5px);position:relative}
.lecture-rack i:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;right:7px;top:6px;background:#adc899}
.classroom-poster-art>span{position:absolute;bottom:18px;left:24px;font-size:10px;line-height:1.45;letter-spacing:.2em;color:#a8beae}
.lecture-rule{position:absolute;height:70%;width:1px;left:17%;background:#b0c3b13b}
.classroom-poster-copy{padding:8% 10%}
.classroom-poster-copy h2{font:500 clamp(23px,2.8vw,39px)/1.13 'Cormorant Garamond',Georgia,serif;margin:0 0 20px;color:#f6f1df}
.classroom-poster-copy>p:not(.classroom-kicker):not(.classroom-connection){font-size:13px;line-height:1.7;color:#c0d0c2;margin:0 0 23px}
.classroom-play{display:flex;gap:16px;align-items:center;background:#e6eddf;color:#203628;border:0;border-radius:3px;min-height:50px;padding:12px 20px;font-size:13px;font-weight:500}
.classroom-play:hover{background:white}.classroom-play span{font-size:12px}.classroom-connection{font-size:10px!important;line-height:1.6;color:#98ac9e;margin:12px 0 0}
.classroom-controls{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:23px 0 16px;border-bottom:1px solid #a2b1a83d}
.classroom-controls label{display:flex;align-items:center;gap:16px;font-size:11px;color:#b9cabb}
.classroom-controls select{font:13px Inter,Arial,sans-serif;min-height:44px;padding:10px 36px 10px 12px;border:1px solid #74867a;border-radius:3px;color:#eef3e9;background:#203729;max-width:360px}
.classroom-controls a{font-size:12px;color:#d9e4d7;text-underline-offset:5px;line-height:1.6}
.classroom-links{display:flex;flex-direction:column;gap:8px}.classroom-links a{display:inline-flex;align-items:center;min-height:32px}
.classroom-controls .solid-button{font-size:12px;background:#e5ebdf;color:#213b2a}
.classroom-scope,.classroom-status{font-size:11px;line-height:1.65;color:#afc0b1;margin:13px 0 0;max-width:920px}.classroom-status:empty{display:none}
body[data-workspace=classroom] .place-caption,body[data-workspace=classroom] .movement-panel,body[data-workspace=classroom] .view-tools,body[data-workspace=classroom] .travel-feedback,body[data-workspace=classroom] .scene-note{visibility:hidden}
body[data-room=theater] .place-caption{max-width:390px}body[data-room=theater] .scene-shade{inset:58% 0 0}
@media(min-width:701px){body[data-room]:not([data-room=outside]) .place-caption{bottom:77px;max-width:390px}body[data-room]:not([data-room=outside]) .place-caption h1{font-size:34px}body[data-room]:not([data-room=outside]) .place-caption>p:not(.eyebrow){font-size:11px;margin-bottom:16px;max-width:340px}}
@media(max-width:1000px){.classroom-watch{padding:24px 4vw}.classroom-controls{gap:18px;flex-wrap:wrap}.classroom-controls label{flex:1}.classroom-controls select{max-width:300px}.classroom-poster-copy{padding:7%}.classroom-poster-copy h2{font-size:28px}}
@media(max-width:700px){.classroom-watch{padding:20px 16px 30px}.classroom-heading{gap:12px;margin-bottom:20px;align-items:flex-start}.classroom-heading h1{font-size:27px}.classroom-kicker{font-size:8px}.classroom-close{padding:9px 12px;min-width:94px;font-size:11px}.classroom-film{aspect-ratio:auto;min-height:310px}.classroom-film:has(iframe:not([hidden])){aspect-ratio:16/9;min-height:0}.classroom-poster{min-height:310px;grid-template-columns:1fr}.classroom-poster-art{display:none}.classroom-poster-copy{padding:27px}.classroom-poster-copy h2{font-size:29px;margin-bottom:14px}.classroom-poster-copy>p:not(.classroom-kicker):not(.classroom-connection){font-size:12px;margin-bottom:19px}.classroom-controls{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding:20px 0}.classroom-controls label{display:grid;grid-column:1/-1;gap:8px;font-size:12px}.classroom-controls select{max-width:100%;width:100%;font-size:14px}.classroom-controls a{font-size:12px}.classroom-controls .solid-button{font-size:11px;grid-column:auto;grid-row:auto;padding:10px}.classroom-scope,.classroom-status{font-size:12px}.facility-header nav button{font-size:10px}body[data-room=theater] .place-caption{max-width:calc(100% - 40px)}}
@media(max-height:650px) and (min-width:701px){.classroom-watch{padding-top:14px}.classroom-heading{margin-bottom:12px}.classroom-heading h1{font-size:25px}.classroom-film{max-width:720px;margin:0 auto}.classroom-controls{padding-top:14px;gap:16px}.classroom-scope{margin-top:8px}}
.classroom-film:has(iframe:not([hidden])){min-height:202px}