.principal-description p{white-space:pre-wrap}.principal-grid[hidden],.principal .portrait[hidden]{display:none}.principal-form{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:28px;align-items:start}.principal-preview-column{position:sticky;top:24px;min-width:0}.principal-preview-column>h2{font:700 18px var(--sans);margin:0 0 16px}.principal-preview{background:#fff;border:1px solid var(--line);overflow-wrap:anywhere}.principal-preview>img{width:100%;height:320px;object-fit:contain;background:#f1eee5}.principal-preview>div{padding:24px}.office .principal-preview h3{font:32px/1.15 var(--serif);margin:0 0 10px}.principal-preview .principal-tenure{color:var(--red);font-size:16px}.principal-preview p{white-space:pre-wrap;font-size:17px;line-height:1.6}.office .principal-preview-column .muted{margin-top:12px}.office .image-edit img{object-fit:contain;background:#f7f5ee}.principal-date-note{font-size:14px;color:var(--muted);margin:0;grid-column:1/-1}
@media(max-width:1150px){.principal-form{grid-template-columns:minmax(0,1fr)}.principal-preview-column{position:static;max-width:640px}}
@media(max-width:560px){.principal-preview>img{height:280px}.office .principal-preview h3{font-size:28px}}

/* Frame the supplied portrait on the person; keep Maps views uncropped. */
.principal .portrait img[src*="principal-portrait-cleaned"]{aspect-ratio:1;object-position:50% 100%}.principal-preview>img[src*="principal-portrait-cleaned"]{height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 100%}.hero-photo img[src*="maps-school-gate"]{aspect-ratio:16/9;object-fit:contain;object-position:center}.hero-photo figcaption{font-size:13px;margin-top:12px}