/* Header branding matches the established main-site header. */
header{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #e2e7eb}
.brand{display:flex;gap:14px;align-items:center;text-decoration:none}
.brand img{width:64px;height:76px;object-fit:contain}
.brand strong{font-size:21px;letter-spacing:-.4px}
.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:8px}
@media(max-width:1100px){.brand strong{font-size:18px}
}
@media(max-width:800px){header{flex-wrap:wrap}
}
.brand img{width:90px;height:106px}
@media(max-width:800px){.brand img{width:78px;height:92px}
}
@media(max-width:420px){.brand{gap:10px}
.brand strong{font-size:16px}
.brand img{width:70px;height:84px}
}
header{position:relative;z-index:5;padding-top:12px;padding-bottom:12px}
.brand img{width:108px;height:127.2px;position:relative;transform:translateY(24px);margin-top:-24px;margin-bottom:-12px;z-index:6}
@media(max-width:800px){.brand img{width:93.6px;height:110.4px;transform:translateY(18px);margin-top:-18px;margin-bottom:-10px}
}
@media(max-width:420px){.brand img{width:84px;height:100.8px}
}
header{gap:24px;padding-left:4%;padding-right:4%;flex-wrap:nowrap}
.brand{gap:22px;flex-shrink:0}
.brand strong{display:block;white-space:nowrap;font-size:20px}
.brand small{white-space:nowrap;font-size:9px;letter-spacing:2px}
@media(min-width:801px) and (max-width:1050px){header{gap:15px;padding-left:3%;padding-right:3%}
.brand{gap:16px}
.brand strong{font-size:17px}
.brand small{font-size:8px;letter-spacing:1.4px}
}
@media(max-width:800px){header{flex-wrap:wrap;gap:18px}
.brand{gap:16px}
.brand strong{font-size:18px}
}
@media(max-width:420px){header{gap:12px}
.brand{gap:10px}
.brand strong{font-size:15px}
.brand small{font-size:7px;letter-spacing:1px}
}
header{padding-bottom:0}
.brand img{margin-bottom:-24px}
@media(max-width:800px){.brand img{margin-bottom:-22px}
}
.brand img{transform:translateY(11.28px)}
@media(min-width:801px) and (max-width:1050px){header{gap:12px}
.brand{gap:12px}
}
@media(max-width:800px){.brand img{transform:translateY(6.96px)}
}
@media(max-width:420px){.brand img{transform:translateY(7.92px)}
}
header{padding-left:3%;padding-right:3%}
@media(min-width:801px) and (max-width:1050px){.brand strong{font-size:16px}
}
.brand strong{font-family:"Monotype Corsiva","Apple Chancery","URW Chancery L",cursive;font-size:21px;font-weight:400;letter-spacing:0}
@media(min-width:801px) and (max-width:1050px){.brand strong{font-size:16.8px}
}
@media(max-width:800px){.brand strong{font-size:18.9px}
}
@media(max-width:420px){.brand strong{font-size:15.75px}
}
.brand strong{font-size:26.25px}
@media(min-width:801px) and (max-width:1050px){.brand strong{font-size:21px}
}
@media(max-width:800px){.brand strong{font-size:23.625px}
}
@media(max-width:420px){.brand strong{font-size:19.6875px}
}
.brand strong{font-size:31.5px}
@media(min-width:801px) and (max-width:1050px){.brand strong{font-size:25.2px}
}
@media(max-width:800px){.brand strong{font-size:28.35px}
}
@media(max-width:420px){.brand strong{font-size:23.625px}
}
header .brand{color:#102e49}header .brand img{object-fit:contain}header .brand strong{line-height:normal}header .brand small{line-height:normal}

/* Keep the hamburger menu collapsed until opened on small screens. */
@media(max-width:800px){
header{max-width:100%;box-sizing:border-box;flex-wrap:wrap}
header .brand{min-width:0;max-width:100%;flex-shrink:1}
header .brand span{min-width:0}header .brand strong{white-space:normal}
header .menu{display:block;flex:none}
header #nav{display:none;width:100%;max-width:100%;min-width:0;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 16px}
header #nav.open{display:flex}
header #nav>a,header #nav .jds-life-nav>a{display:block;padding:12px 0;white-space:normal}
header #nav .jds-life-links{position:static;width:100%;max-width:100%;padding:0 12px;box-sizing:border-box;border:0;border-left:2px solid #cfdeed}
}

/* Use the same crest scale and school-name typography as the main website. */
header .brand strong{font-family:"Monotype Corsiva","Apple Chancery","URW Chancery L",cursive;font-size:31.5px;font-weight:400;letter-spacing:0;line-height:normal}
header .brand small{font-family:Arial,sans-serif;font-weight:400;font-size:9px;letter-spacing:2px;line-height:normal}
header .brand img{width:108px;height:127.2px;object-fit:contain}
@media(min-width:801px) and (max-width:1050px){header .brand strong{font-size:25.2px}header .brand small{font-size:8px;letter-spacing:1.4px}}
@media(max-width:800px){header .brand strong{font-size:28.35px}header .brand img{width:93.6px;height:110.4px}}
@media(max-width:420px){header .brand strong{font-size:23.625px}header .brand small{font-size:7px;letter-spacing:1px}header .brand img{width:84px;height:100.8px}}