/* V4.4.4 — Header 3D compact: native campus seal + transparent PNG wordmark */
html body #site-header .brand .v444-brand-wordmark {
  display: inline-flex;
  position: relative;
  flex: 0 1 auto;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  width: clamp(208px, 25vw, 286px);
  max-width: 286px;
  line-height: 0;
  isolation: isolate;
  overflow: hidden;
  border-radius: 5px;
}
html body #site-header .brand .v444-brand-wordmark img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 64px;
  object-fit: contain;
  object-position: left center;
  border-radius: 0;
  clip-path: none;
  filter: drop-shadow(0 2px 3px rgba(1, 10, 23, .30));
  transform-origin: center center;
  animation: v444-wordmark-appear .9s cubic-bezier(.2,.7,.2,1) both;
}
/* Gentle light sweep, not a constantly shifting or distracting banner. */
html body #site-header .brand .v444-brand-wordmark::after {
  position: absolute;
  content: '';
  pointer-events: none;
  z-index: 1;
  inset: 0 auto 0 -50%;
  width: 24%;
  background: linear-gradient(90deg, transparent, rgba(244,221,144,.0) 10%, rgba(255,245,202,.33) 50%, transparent);
  transform: skewX(-23deg);
  animation: v444-shine 9s ease-in-out 1.5s infinite;
}
html body #site-header .brand-logo { flex: 0 0 auto; }
html body #site-header .brand-logo img {
  animation: v444-emblem-3d 8s ease-in-out infinite;
  transform-origin: 50% 50%;
}
html body #site-header .brand:hover .v444-brand-wordmark img { filter: drop-shadow(0 3px 6px rgba(248,202,104,.24)); }
@keyframes v444-wordmark-appear {from{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:none}}
@keyframes v444-shine {0%,25%{left:-50%;opacity:0}33%{opacity:.65}48%,100%{left:130%;opacity:0}}
@keyframes v444-emblem-3d {0%,100% {transform:rotateY(-7deg) rotateX(3deg)} 50%{transform:rotateY(5deg) rotateX(-2deg)}}
@media (min-width:901px) {
  html body #site-header .header-inner > .brand { min-width:0!important; gap:8px; }
  html body #site-header .brand .v444-brand-wordmark { width:clamp(218px,22vw,282px); }
  html body #site-header .brand .v444-brand-wordmark img {max-height:61px;}
}
@media (max-width:900px) {
  html body #site-header .brand { min-width:0; gap:8px; }
  html body #site-header .brand .v444-brand-wordmark { width:clamp(150px,calc(100vw - 155px),240px); }
  html body #site-header .brand .v444-brand-wordmark img {max-height:56px;}
}
@media (max-width:380px) {
  html body #site-header .brand .v444-brand-wordmark { width:max(132px,calc(100vw - 154px)); }
  html body #site-header .brand .v444-brand-wordmark img {max-height:48px;}
}
@media (prefers-reduced-motion: reduce) {
  html body #site-header .brand-logo img,
  html body #site-header .brand .v444-brand-wordmark img,
  html body #site-header .brand .v444-brand-wordmark::after { animation:none!important; }
}