.boole-brand{--boole-eye-fill:#85a16e;display:inline-flex;align-items:center;gap:12px;color:#294c3e;flex-shrink:0;max-width:100%;vertical-align:middle}.boole-brand-mark{display:block;width:39px;height:55px;flex-shrink:0;overflow:visible}.boole-brand-type{display:flex;flex-direction:column;gap:3px;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}.boole-brand-name{font-size:23px;font-weight:550;letter-spacing:-.055em;line-height:1.1;white-space:nowrap}.boole-brand-subtitle{font-size:9px;font-weight:550;letter-spacing:.23em;line-height:1.5;text-transform:uppercase}.boole-brand--mark .boole-brand-mark{width:36px;height:51px}.boole-brand--stacked{display:flex;flex-direction:column;gap:21px;text-align:center}.boole-brand--stacked .boole-brand-mark{width:112px;height:158px}.boole-brand--stacked .boole-brand-type{align-items:center;gap:9px}.boole-brand--stacked .boole-brand-name{font-size:clamp(36px,6vw,43px);font-weight:500}.boole-brand--stacked .boole-brand-subtitle{font-size:11px;letter-spacing:.3em;padding-left:.3em}.student-brand .boole-brand,.teacher-brand .boole-brand{gap:9px}.student-brand .boole-brand-mark,.teacher-brand .boole-brand-mark{width:29px;height:41px}.student-brand .boole-brand-name,.teacher-brand .boole-brand-name{font-size:18px}.student-brand .boole-brand-subtitle,.teacher-brand .boole-brand-subtitle{font-size:7px}.boole-brand-eye{transform-origin:100px 141px;animation:boole-blink 8s 3s infinite}.boole-brand--intro .boole-brand-mark{animation:boole-mark-fade .7s ease-out both}.boole-brand--intro .boole-brand-circle{stroke-dasharray:1;animation:boole-draw .9s cubic-bezier(.45,0,.2,1) both;transform-origin:center}.boole-brand--intro .boole-brand-circle--first{animation-delay:.15s}.boole-brand--intro .boole-brand-circle--second{animation-delay:.4s}.boole-brand--intro .boole-brand-eye-entrance{transform-origin:100px 141px;animation:boole-eye-appear .4s ease-out 1.2s both}.boole-brand--intro .boole-brand-eye{animation:boole-first-blink .36s 1.62s both,boole-blink 8s 5s infinite}.boole-brand--intro .boole-brand-type{animation:boole-type-appear .55s cubic-bezier(.2,.8,.2,1) 2s both}@keyframes boole-mark-fade{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes boole-draw{0%{stroke-dashoffset:1;stroke-dasharray:1}99.9%{stroke-dashoffset:0;stroke-dasharray:1}to{stroke-dashoffset:0;stroke-dasharray:none}}@keyframes boole-eye-appear{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes boole-first-blink{0%,to{transform:scaleY(1)}42%,58%{transform:scaleY(.06)}}@keyframes boole-blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.06)}}@keyframes boole-type-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.boole-brand *,.boole-brand--intro *{animation:none!important}}