/* About page only */
/* Pattern sits top-right, no dead space */
.pat.small{position:absolute;right:clamp(16px,5vw,72px);top:clamp(16px,3vw,32px);width:clamp(84px,13vw,140px);margin:0}
.band.page:has(>.pat.small){padding-block-start:clamp(120px,15vw,170px)}
.badge-row{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.badge-row p{max-width:30rem;margin:0}
/* Headmaster message (filled from data/about.js) */
.headmaster{display:grid;grid-template-columns:auto 1fr;gap:20px 28px;align-items:start;background:var(--tint);border-radius:20px;padding:24px}
.headmaster img{inline-size:120px;aspect-ratio:1;object-fit:cover;border-radius:16px;background:var(--lav)}
.headmaster blockquote{margin:0}
.headmaster p{margin:0 0 10px}
.headmaster cite{display:block;font-style:normal;font-weight:500;color:var(--indigo)}
/* History timeline (filled from data/about.js) */
.timeline{list-style:none;margin:0 0 8px;padding:0;border-inline-start:3px solid var(--lime)}
.timeline li{display:grid;grid-template-columns:5.5rem 1fr;gap:4px 16px;padding:12px 0 12px 20px}
.timeline b{font:800 1.3rem var(--head);color:var(--indigo)}
@media (max-width:600px){.headmaster{grid-template-columns:1fr}.timeline li{grid-template-columns:1fr}}