/* The previous career joins the existing education and current-role band. */
body.classroom-finale-preview .hero-context{display:grid;grid-template-columns:1fr 1.2fr 1.25fr;align-items:center;gap:28px;padding:22px max(32px,calc((100% - 1120px)/2));text-align:left}
body.classroom-finale-preview .hero-context>span{font-size:15px;line-height:1.65;white-space:normal}
body.classroom-finale-preview .hero-context .hero-former-career{display:grid;grid-template-columns:22px 1fr;column-gap:7px}
.hero-former-career>span{grid-row:1/3;color:#7b8797;font-size:14px}
.hero-former-career>strong{grid-column:2;font-weight:600;color:#526174}
/* The supplied two-photo/three-photo composition, in the site's own typeface. */
body.classroom-finale-preview #teacher.classroom-finale{position:relative;isolation:isolate;width:100%;max-width:none;margin:40px 0 0;padding:80px 32px;min-height:680px;background:#101925;overflow:hidden;display:grid;place-items:center;border:0;border-radius:0}
.finale-anchor{position:absolute;inset:0 auto auto 0;width:0;height:0}
.finale-wall{position:absolute;inset:8px;z-index:-3;overflow:hidden}
.finale-row{position:absolute;left:0;right:0;overflow:hidden}
.finale-row-top{top:0;height:calc(62% - 4px)}
.finale-row-bottom{bottom:0;height:calc(38% - 4px)}
.finale-track{display:flex;width:200%;height:100%;animation:finale-photo-flow 44s linear infinite;animation-play-state:paused}
.finale-row-bottom .finale-track{animation-duration:52s;animation-direction:reverse}
.finale-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:50%;flex:0 0 50%;height:100%;padding-right:8px}
.finale-row-bottom .finale-group{grid-template-columns:repeat(3,minmax(0,1fr))}
.finale-photo{position:relative;min-width:0;margin:0;height:100%;overflow:hidden;background:#142238}
.finale-photo img{position:absolute;bottom:0;left:0;width:100%;height:128%;object-fit:cover;object-position:center bottom;max-width:none}
.finale-row-bottom .finale-photo img{height:140%}
.classroom-finale.is-running .finale-track{animation-play-state:running;will-change:transform}
@keyframes finale-photo-flow{to{transform:translate3d(-50%,0,0)}}
.finale-wash{position:absolute;inset:0;z-index:-2;background:rgba(6,14,25,.55)}
.finale-copy{position:relative;z-index:1;width:100%;max-width:1120px;text-align:center;color:#fff}
body.classroom-finale-preview #teacher #finale-title{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;font-size:clamp(58px,6.3vw,88px);line-height:1.32;letter-spacing:-.055em;font-weight:650;color:#fff;text-wrap:initial}
#finale-title>span{display:block}
#finale-title em{font:inherit;font-style:normal;color:#b7d1ff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.13em}
.finale-copy>p{margin:30px 0 0;font-size:18px;line-height:1.65;font-weight:550;letter-spacing:-.025em;color:#fff}
@media(min-width:761px) and (max-width:1100px){body.classroom-finale-preview .hero-context{gap:20px}body.classroom-finale-preview .hero-context>span{font-size:13px}body.classroom-finale-preview #teacher.classroom-finale{min-height:610px}body.classroom-finale-preview #teacher #finale-title{font-size:64px}}
@media(max-width:760px){
 body.classroom-finale-preview .hero-context{grid-template-columns:1fr;gap:9px;padding:20px 24px}
 body.classroom-finale-preview .hero-context>span{font-size:13px;line-height:1.6}
 body.classroom-finale-preview .hero-context .hero-former-career{grid-template-columns:18px 1fr;column-gap:5px}
 body.classroom-finale-preview #teacher.classroom-finale{min-height:560px;padding:64px 24px;margin-top:24px}
 .finale-wall{inset:5px}.finale-row-top{height:calc(60% - 3px)}.finale-row-bottom{height:calc(40% - 3px)}
 .finale-track{width:300%;animation-duration:48s}.finale-row-bottom .finale-track{animation-duration:58s}
 .finale-group{gap:5px;padding-right:5px}.finale-photo img{height:112%}.finale-row-bottom .finale-photo img{height:115%}
 body.classroom-finale-preview #teacher #finale-title{font-size:clamp(35px,10.1vw,48px);line-height:1.45;letter-spacing:-.055em}
 .finale-copy>p{font-size:14px;line-height:1.65;margin-top:24px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.finale-track{animation:none!important;transform:none!important;will-change:auto!important}}
