/* Pixso 573:23: 1920px primary page. Measured values and allowances are in
 * docs/assets/teacher-fluid-2026-10-20/README.md. */
.v2-teacher {
    --teacher-unit: var(--desktop-unit);
    --v2-font-body: 'Noto Sans SC', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --v2-font-display: 'Alimama ShuHeiTi', var(--v2-font-body);
    background: #0e2755;
    color: #fff;
}
html[lang='en-us'] .v2-teacher { --v2-font-display: var(--v2-font-body); }
.v2-teacher .tx-teacher-main, .v2-teacher .tx-teacher-main * { box-sizing: border-box; }
.v2-teacher .tx-teacher-main { font-family: var(--v2-font-body); }
.v2-teacher .tx-teacher-hero { position: relative; aspect-ratio: 1920 / 943; background: url('../images/teacher-hero.webp') center top / 100% 100% no-repeat; }
.v2-teacher .tx-teacher { position: relative; padding-bottom: calc(71 * var(--teacher-unit)); }
.v2-teacher .tx-teacher-content { width: calc(1449 * var(--teacher-unit)); margin-left: calc(237 * var(--teacher-unit)); }
.v2-teacher .tx-teacher-profile { position: relative; display: grid; grid-template-columns: calc(428 * var(--teacher-unit)) minmax(0, 1fr); column-gap: calc(76 * var(--teacher-unit)); min-height: calc(520 * var(--teacher-unit)); margin-top: calc(-124 * var(--teacher-unit)); padding-left: calc(26 * var(--teacher-unit)); }
.v2-teacher .tx-teacher-portrait { position: relative; width: calc(428 * var(--teacher-unit)); height: calc(497 * var(--teacher-unit)); }
.v2-teacher .tx-teacher-portrait::before { content: ''; position: absolute; z-index: 0; left: calc(-25 * var(--teacher-unit)); top: calc(58 * var(--teacher-unit)); width: 100%; height: calc(462 * var(--teacher-unit)); background: url('../images/program-faculty-backdrop-pixso.svg') left top / 100% 100% no-repeat; }
.v2-teacher .tx-teacher-portrait img { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; }
.v2-teacher .tx-teacher-info { position: relative; min-width: 0; padding-top: calc(149 * var(--teacher-unit)); padding-bottom: calc(23 * var(--teacher-unit)); }
.v2-teacher .tx-teacher-info:first-child { grid-column: 1 / -1; }
.v2-teacher .tx-teacher-info h1 { margin: 0; color: #ffde90; font: 600 calc(50 * var(--teacher-unit))/calc(77 * var(--teacher-unit)) var(--v2-font-body); overflow-wrap: anywhere; white-space: pre-line; }
.v2-teacher .tx-teacher-info h1 span { font: inherit; }
.v2-teacher .tx-teacher-education { margin: 0; color: #fff; font-size: calc(42 * var(--teacher-unit)); font-weight: 600; line-height: calc(77 * var(--teacher-unit)); }
.v2-teacher .tx-teacher-field { margin: calc(26 * var(--teacher-unit)) 0 0; font-size: calc(36 * var(--teacher-unit)); font-weight: 600; line-height: calc(68 * var(--teacher-unit)); }
.v2-teacher .tx-teacher-field dt { color: #35d0fd; font: inherit; }
.v2-teacher .tx-teacher-field dd { margin: 0; font: inherit; }
.v2-teacher .tx-teacher-biography { display: grid; gap: calc(54 * var(--teacher-unit)); }
/* Short panels crop the centered 760px reference fade. Long panels start it
 * at the top and continue the dark endpoint color below the transition. */
.v2-teacher .tx-teacher-panel { min-width: 0; padding: calc(54 * var(--teacher-unit)) calc(91 * var(--teacher-unit)) calc(62 * var(--teacher-unit)) calc(63 * var(--teacher-unit)); background: linear-gradient(180deg, #183d7f min(0px, calc(50% - 380 * var(--teacher-unit))), #0c2350 min(calc(760 * var(--teacher-unit)), calc(50% + 380 * var(--teacher-unit)))); }
.v2-teacher .tx-teacher-panel h2 { margin: 0 0 calc(10 * var(--teacher-unit)); color: #35d0fd; font: 700 calc(38 * var(--teacher-unit))/calc(68 * var(--teacher-unit)) var(--v2-font-display); }
.v2-teacher .tx-teacher-panel h3 { position: relative; margin: 0 0 calc(10 * var(--teacher-unit)); padding-left: calc(28 * var(--teacher-unit)); color: #ffde8c; font: 700 calc(33 * var(--teacher-unit))/calc(68 * var(--teacher-unit)) var(--v2-font-display); overflow-wrap: anywhere; }
.v2-teacher .tx-teacher-panel h3::before { content: ''; position: absolute; left: calc(5 * var(--teacher-unit)); top: calc(19 * var(--teacher-unit)); bottom: calc(3 * var(--teacher-unit)); width: calc(8 * var(--teacher-unit)); background: linear-gradient(#ffde90, #ffde9000); }
.v2-teacher .tx-teacher-copy { min-width: 0; padding-left: calc(28 * var(--teacher-unit)); color: #fff; font-size: calc(30 * var(--teacher-unit)); font-weight: 500; line-height: calc(68 * var(--teacher-unit)); text-align: justify; overflow-wrap: anywhere; line-break: strict; }
.v2-teacher .tx-teacher-copy p, .v2-teacher .tx-teacher-copy blockquote { margin: 0; color: inherit; font: inherit; }
.v2-teacher .tx-teacher-copy p + p, .v2-teacher .tx-teacher-copy ul + p, .v2-teacher .tx-teacher-copy ol + p { margin-top: calc(68 * var(--teacher-unit)); }
.v2-teacher .tx-teacher-copy ul, .v2-teacher .tx-teacher-copy ol { margin: 0; padding-left: 1.5em; }
.v2-teacher .tx-teacher-copy ul { list-style: disc; }
.v2-teacher .tx-teacher-copy li { margin: 0; padding: 0; font: inherit; }
.v2-teacher .tx-teacher-copy a { color: #35d0fd; text-decoration: underline; }
.v2-teacher .tx-teacher-copy img { max-width: 100%; height: auto; }
.v2-teacher .tx-teacher-copy table { display: block; max-width: 100%; overflow-x: auto; }
.v2-teacher .tx-teacher-copy th, .v2-teacher .tx-teacher-copy td { padding: .25em; border: 1px solid #ffffff55; }
.v2-teacher .tx-teacher-copy blockquote { padding-left: 1em; border-left: 2px solid #ffde90; }
.v2-teacher .tx-teacher-copy :focus-visible { outline: 2px solid #ffde90; outline-offset: 3px; }

/* Match Admissions Information's 70% content ceiling; hero and chrome keep
 * their shared desktop scale. */
@media (min-width: 1344px) {
    .v2-teacher .tx-teacher { --teacher-unit: 0.7px; }
    .v2-teacher .tx-teacher-content { margin-inline: auto; }
}
@media (min-width: 1921px) {
    .v2-teacher .bleed-teacher { background: #0e2755; }
}
@media (max-width: 767px) {
    /* No phone artboard was supplied: retain the visual language with a
     * readable stacked profile, using the project's single phone boundary. */
    .v2-teacher { --teacher-unit: calc(100vw / 750); }
    .v2-teacher .tx-teacher-main { container-type: inline-size; }
    .v2-teacher .tx-teacher-main > * { --teacher-unit: calc(100cqw / 750); }
    .v2-teacher .tx-teacher-content { width: auto; margin-inline: calc(48 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-profile { grid-template-columns: 1fr; gap: calc(38 * var(--teacher-unit)); margin-top: calc(-44 * var(--teacher-unit)); padding: 0 0 calc(48 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-portrait { width: calc(300 * var(--teacher-unit)); height: calc(348.36 * var(--teacher-unit)); margin-left: calc(25 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-portrait::before { top: calc(40 * var(--teacher-unit)); height: calc(331 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-info { padding: 0; }
    .v2-teacher .tx-teacher-info h1 { font-size: calc(40 * var(--teacher-unit)); line-height: calc(60 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-education { font-size: calc(30 * var(--teacher-unit)); line-height: calc(50 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-field { margin-top: calc(20 * var(--teacher-unit)); font-size: calc(28 * var(--teacher-unit)); line-height: calc(48 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-panel { padding: calc(32 * var(--teacher-unit)) calc(28 * var(--teacher-unit)) calc(40 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-biography { gap: calc(32 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-panel h2 { font-size: calc(34 * var(--teacher-unit)); line-height: calc(56 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-panel h3 { font-size: calc(30 * var(--teacher-unit)); line-height: calc(50 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-panel h3::before { top: calc(12 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-copy { font-size: calc(28 * var(--teacher-unit)); line-height: calc(50 * var(--teacher-unit)); }
    .v2-teacher .tx-teacher-copy p + p { margin-top: calc(36 * var(--teacher-unit)); }
}