.fordham-loader {
  --loader-size: 64px;
  --loader-shield-color: #900028;
  --loader-f-color: #ffffff;
  --loader-speed: 1.35s;

  position: relative;
  display: inline-block;
  width: var(--loader-size);
  aspect-ratio: 96.43116 / 108.40687;
  vertical-align: middle;
}

.fordham-loader::before,
.fordham-loader::after {
  content: '';
  position: absolute;
  inset: 0;
  display: block;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Shield */
.fordham-loader::before {
  background: var(--loader-shield-color);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2096.43116%20108.40687%22%3E%3Cg%20transform%3D%22translate%28-0.21126591%2C-0.43494091%29%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M%200.21126591%2C0.43494091%20V%2015.099557%2066.380228%20c%200%2C0.552412%200.0486%2C1.111129%200.124098%2C1.673751%200.60987567%2C4.535376%203.59800679%2C9.372805%207.82967239%2C14.068238%200.05945%2C-0.02574%200.125042%2C-0.04933%200.18544%2C-0.0755%201.5025351%2C1.646381%203.1592747%2C3.278562%204.9133587%2C4.879341%20-0.123155%2C-0.01287%20-0.244894%2C-0.03861%20-0.368049%2C-0.04676%2011.705799%2C10.785344%2028.085263%2C19.916662%2033.840044%2C21.643362%200.112302%2C0.0343%200.215167%2C0.0639%200.319447%2C0.0931%200.171757%2C0.0463%200.346344%2C0.0957%200.495026%2C0.12655%200.282644%2C0.0601%200.532303%2C0.0995%200.726614%2C0.0995%200.05002%2C0%200.10145%2C-0.0343%200.150995%2C-0.0468%200.05002%2C0.0215%200.09862%2C0.0468%200.148635%2C0.0468%200.194877%2C0%200.447793%2C-0.0386%200.731521%2C-0.0995%200.142029%2C-0.03%200.309539%2C-0.0781%200.473085%2C-0.12183%200.112774%2C-0.03%200.226491%2C-0.0618%200.348703%2C-0.1%205.765676%2C-1.73588%2022.130268%2C-10.863381%2033.827857%2C-21.641132%20-0.122683%2C0.0086%20-0.243478%2C0.03432%20-0.36569%2C0.04676%201.753943%2C-1.60065%203.410965%2C-3.233089%204.91336%2C-4.879341%200.05993%2C0.02574%200.125986%2C0.04891%200.185441%2C0.0755%204.756656%2C-5.277917%207.951604%2C-10.736481%207.951604%2C-15.741989%20V%200.43503091%20H%2096.628278%200.22396291%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2096.43116%20108.40687%22%3E%3Cg%20transform%3D%22translate%28-0.21126591%2C-0.43494091%29%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M%200.21126591%2C0.43494091%20V%2015.099557%2066.380228%20c%200%2C0.552412%200.0486%2C1.111129%200.124098%2C1.673751%200.60987567%2C4.535376%203.59800679%2C9.372805%207.82967239%2C14.068238%200.05945%2C-0.02574%200.125042%2C-0.04933%200.18544%2C-0.0755%201.5025351%2C1.646381%203.1592747%2C3.278562%204.9133587%2C4.879341%20-0.123155%2C-0.01287%20-0.244894%2C-0.03861%20-0.368049%2C-0.04676%2011.705799%2C10.785344%2028.085263%2C19.916662%2033.840044%2C21.643362%200.112302%2C0.0343%200.215167%2C0.0639%200.319447%2C0.0931%200.171757%2C0.0463%200.346344%2C0.0957%200.495026%2C0.12655%200.282644%2C0.0601%200.532303%2C0.0995%200.726614%2C0.0995%200.05002%2C0%200.10145%2C-0.0343%200.150995%2C-0.0468%200.05002%2C0.0215%200.09862%2C0.0468%200.148635%2C0.0468%200.194877%2C0%200.447793%2C-0.0386%200.731521%2C-0.0995%200.142029%2C-0.03%200.309539%2C-0.0781%200.473085%2C-0.12183%200.112774%2C-0.03%200.226491%2C-0.0618%200.348703%2C-0.1%205.765676%2C-1.73588%2022.130268%2C-10.863381%2033.827857%2C-21.641132%20-0.122683%2C0.0086%20-0.243478%2C0.03432%20-0.36569%2C0.04676%201.753943%2C-1.60065%203.410965%2C-3.233089%204.91336%2C-4.879341%200.05993%2C0.02574%200.125986%2C0.04891%200.185441%2C0.0755%204.756656%2C-5.277917%207.951604%2C-10.736481%207.951604%2C-15.741989%20V%200.43503091%20H%2096.628278%200.22396291%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

/* F */
.fordham-loader::after {
  background: var(--loader-f-color);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2096.43116%20108.40687%22%3E%3Cg%20transform%3D%22translate%28-0.21126591%2C-0.43494091%29%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22m%2070.535012%2C3.35139%20c%200%2C0%20-28.575613%2C15.208364%20-30.236081%2C16.127734%20-1.660421%2C0.930738%20-9.526813%2C5.200141%20-9.526813%2C16.766165%20v%203.722141%20c%20-9.825354%2C0%20-15.093834%2C7.036139%20-15.917792%2C15.3674%200.399663%2C0.13599%200.711608%2C0.228223%201.248441%2C0.421269%202.596774%2C-3.507257%205.842495%2C-4.4718%2014.681572%2C-4.551249%20v%2029.488828%20c%20-2.559311%2C-0.510756%20-5.30458%2C-0.875484%20-8.275868%2C-0.977627%20v%200.01287%20c%20-5.991932%2C-0.211922%20-10.577493%2C0.819973%20-14.1597877%2C2.37648%201.5025351%2C1.646381%203.1592747%2C3.278562%204.9133587%2C4.879298%2011.404046%2C1.10388%2021.804078%2C11.075513%2021.804078%2C11.075513%200%2C0%2025.27016%2C-14.539013%2026.993054%2C-16.491307%201.985011%2C-2.258722%202.470081%2C-4.937341%202.470081%2C-10.97573%20V%2051.217677%20h%2010.963047%20c%204.731648%2C0%208.527036%2C1.361145%208.527036%2C1.361145%20L%2087.016106%2C39.980385%20H%2064.529255%20V%2016.177782%20c%204.357087%2C2.599298%209.900235%2C5.880478%2011.860332%2C6.958746%204.269699%2C2.360908%209.113932%2C2.361594%2012.060306%2C-0.40797%20h%200.01416%20c%201.423264%2C-1.327984%205.506721%2C-5.107608%208.178379%2C-7.570616%20l%20-0.01415%2C-3.156814%20c%20-0.861424%2C0.590205%20-2.197489%2C1.443254%20-3.008943%2C1.817805%20-3.133654%2C1.43017%20-4.331087%2C0.419124%20-7.327384%2C-1.294651%20C%2081.560307%2C9.8115594%2070.535069%2C3.353106%2070.535069%2C3.353106%20Z%20M%2049.735524%2C19.933554%20c%20-0.349646%2C1.441538%20-0.612047%2C3.495889%20-0.612047%2C4.823959%200%2C1.327983%200.01416%2C63.573188%200.01416%2C63.573188%20-1.573083%2C-1.11233%20-6.054131%2C-3.903731%20-10.648471%2C-5.424675%200.923851%2C-1.30529%203.79657%2C-5.107907%203.79657%2C-9.352986%20V%2023.917291%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2096.43116%20108.40687%22%3E%3Cg%20transform%3D%22translate%28-0.21126591%2C-0.43494091%29%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22m%2070.535012%2C3.35139%20c%200%2C0%20-28.575613%2C15.208364%20-30.236081%2C16.127734%20-1.660421%2C0.930738%20-9.526813%2C5.200141%20-9.526813%2C16.766165%20v%203.722141%20c%20-9.825354%2C0%20-15.093834%2C7.036139%20-15.917792%2C15.3674%200.399663%2C0.13599%200.711608%2C0.228223%201.248441%2C0.421269%202.596774%2C-3.507257%205.842495%2C-4.4718%2014.681572%2C-4.551249%20v%2029.488828%20c%20-2.559311%2C-0.510756%20-5.30458%2C-0.875484%20-8.275868%2C-0.977627%20v%200.01287%20c%20-5.991932%2C-0.211922%20-10.577493%2C0.819973%20-14.1597877%2C2.37648%201.5025351%2C1.646381%203.1592747%2C3.278562%204.9133587%2C4.879298%2011.404046%2C1.10388%2021.804078%2C11.075513%2021.804078%2C11.075513%200%2C0%2025.27016%2C-14.539013%2026.993054%2C-16.491307%201.985011%2C-2.258722%202.470081%2C-4.937341%202.470081%2C-10.97573%20V%2051.217677%20h%2010.963047%20c%204.731648%2C0%208.527036%2C1.361145%208.527036%2C1.361145%20L%2087.016106%2C39.980385%20H%2064.529255%20V%2016.177782%20c%204.357087%2C2.599298%209.900235%2C5.880478%2011.860332%2C6.958746%204.269699%2C2.360908%209.113932%2C2.361594%2012.060306%2C-0.40797%20h%200.01416%20c%201.423264%2C-1.327984%205.506721%2C-5.107608%208.178379%2C-7.570616%20l%20-0.01415%2C-3.156814%20c%20-0.861424%2C0.590205%20-2.197489%2C1.443254%20-3.008943%2C1.817805%20-3.133654%2C1.43017%20-4.331087%2C0.419124%20-7.327384%2C-1.294651%20C%2081.560307%2C9.8115594%2070.535069%2C3.353106%2070.535069%2C3.353106%20Z%20M%2049.735524%2C19.933554%20c%20-0.349646%2C1.441538%20-0.612047%2C3.495889%20-0.612047%2C4.823959%200%2C1.327983%200.01416%2C63.573188%200.01416%2C63.573188%20-1.573083%2C-1.11233%20-6.054131%2C-3.903731%20-10.648471%2C-5.424675%200.923851%2C-1.30529%203.79657%2C-5.107907%203.79657%2C-9.352986%20V%2023.917291%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

/* Animation variants -------------------------------------------------- */

/* Pulse: shield and F breathe together */
.fordham-loader-anim-pulse::before {
  animation: fordham-loader-pulse-shield var(--loader-speed) ease-in-out infinite;
}

.fordham-loader-anim-pulse::after {
  animation: fordham-loader-pulse-f var(--loader-speed) ease-in-out infinite;
}

@keyframes fordham-loader-pulse-shield {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.96);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fordham-loader-pulse-f {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(0.94);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Fade: shield stays steady; F fades in and out */
.fordham-loader-anim-fade::before {
  opacity: 1;
}

.fordham-loader-anim-fade::after {
  animation: fordham-loader-fade var(--loader-speed) ease-in-out infinite;
}

@keyframes fordham-loader-fade {
  0%,
  100% {
    opacity: 0.15;
  }
  50% {
    opacity: 1;
  }
}

/* Pop: shield stays steady; F gently grows and settles */
.fordham-loader-anim-pop::before {
  opacity: 1;
}

.fordham-loader-anim-pop::after {
  transform-origin: center;
  animation: fordham-loader-pop var(--loader-speed) cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}

@keyframes fordham-loader-pop {
  0%,
  100% {
    opacity: 0.25;
    transform: scale(0.82);
  }
  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

/* Breathe: shield breathes slowly while the F pulses faster */
.fordham-loader-anim-breathe::before {
  transform-origin: center;
  animation: fordham-loader-breathe-shield calc(var(--loader-speed) * 1.35) ease-in-out infinite;
}

.fordham-loader-anim-breathe::after {
  animation: fordham-loader-breathe-f var(--loader-speed) ease-in-out infinite;
}

@keyframes fordham-loader-breathe-shield {
  0%,
  100% {
    opacity: 0.45;
    transform: scale(0.97);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fordham-loader-breathe-f {
  0%,
  100% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
}

/* Sweep: F slides subtly through the shield */
.fordham-loader-anim-sweep::before {
  opacity: 1;
}

.fordham-loader-anim-sweep::after {
  animation: fordham-loader-sweep var(--loader-speed) ease-in-out infinite;
}

@keyframes fordham-loader-sweep {
  0%,
  100% {
    opacity: 0.2;
    transform: translateY(5%);
  }
  50% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Size helpers */
.fordham-loader-sm {
  --loader-size: 24px;
}
.fordham-loader-md {
  --loader-size: 48px;
}
.fordham-loader-lg {
  --loader-size: 72px;
}

/* Optional color variants */
.fordham-loader-white {
  --loader-shield-color: #ffffff;
  --loader-f-color: #900028;
}

.fordham-loader-maroon {
  --loader-shield-color: #900028;
  --loader-f-color: #ffffff;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .fordham-loader::before,
  .fordham-loader::after {
    animation: none;
  }
}