/* Fhlo's Sprite Tracker: lightweight crystalline brand lockup.
   This is the final brand layer so it can replace the former raster treatment
   without changing the header's navigation or responsive ownership. */
.persistent-brand > span > .fhlos-brand-title{
  display:block!important;
  width:min(100%,620px)!important;
  max-height:72px!important;
  aspect-ratio:960/160;
  object-fit:contain!important;
}
.persistent-brand > .fhlos-brand-mark,
.header-home-mark .fhlos-brand-mark,
.sidebar-brand .fhlos-brand-mark{
  object-fit:contain!important;
}
.sidebar-brand > span{
  white-space:nowrap;
  font-family:Inter,"Segoe UI",system-ui,sans-serif!important;
  font-size:.82rem!important;
  font-weight:650!important;
  letter-spacing:.015em!important;
}

html:not([data-theme="light"]) :is(
  .persistent-brand > .fhlos-brand-mark,
  .persistent-brand > span > .fhlos-brand-title,
  .header-home-mark .fhlos-brand-mark,
  .sidebar-brand .fhlos-brand-mark
){
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.92))
    drop-shadow(0 0 5px color-mix(in srgb,var(--st-cyan,#72e6ff) 42%,transparent))
    drop-shadow(0 4px 6px rgba(0,0,0,.56))!important;
}
html[data-theme="light"] :is(
  .persistent-brand > .fhlos-brand-mark,
  .persistent-brand > span > .fhlos-brand-title,
  .header-home-mark .fhlos-brand-mark,
  .sidebar-brand .fhlos-brand-mark
){
  filter:
    brightness(.82)
    saturate(.94)
    drop-shadow(0 0 1px rgba(8,27,42,.86))
    drop-shadow(0 2px 4px rgba(8,27,42,.28))!important;
}
/* The legacy raster-title rules are intentionally very specific. Match that
   scope for the new wordmark so the final brand treatment wins every theme. */
html:not([data-theme="light"]) #fhlosBrandTitle{
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.92))
    drop-shadow(0 0 5px color-mix(in srgb,var(--st-cyan,#72e6ff) 42%,transparent))
    drop-shadow(0 4px 6px rgba(0,0,0,.56))!important;
}
html[data-theme="light"] #fhlosBrandTitle{
  filter:
    brightness(.82)
    saturate(.94)
    drop-shadow(0 0 1px rgba(8,27,42,.86))
    drop-shadow(0 2px 4px rgba(8,27,42,.28))!important;
}
.persistent-brand:hover > span > .fhlos-brand-title,
.persistent-brand:focus-visible > span > .fhlos-brand-title{
  transform:translateY(-1px);
}

@media(max-width:1100px){
  .persistent-brand > span > .fhlos-brand-title{
    width:min(100%,470px)!important;
    max-height:62px!important;
  }
}
@media(max-width:719px), (max-width:900px) and (orientation:landscape){
  .persistent-brand > span > .fhlos-brand-title{
    width:min(100%,330px)!important;
    max-height:48px!important;
  }
  .sidebar-brand > span{font-size:.76rem!important}
}
@media(max-width:420px){
  .persistent-brand > span > .fhlos-brand-title{
    width:min(100%,250px)!important;
    max-height:39px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .persistent-brand:hover > span > .fhlos-brand-title,
  .persistent-brand:focus-visible > span > .fhlos-brand-title{transform:none}
}