.oteris-lockup{display:inline-flex;align-items:center;gap:12px;flex:none;text-decoration:none;white-space:nowrap;color:#f3eadc;line-height:1}
.oteris-lockup .oteris-wordmark{display:block;width:auto;height:52px;max-width:none;object-fit:contain}
.oteris-lockup .lockup-divider{width:1px;height:32px;background:rgba(212,175,98,.48)}
.oteris-lockup .serve-lockup{display:inline-flex;align-items:center;gap:6px;font-family:Serve,Sora,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:.01em;color:#f3eadc}
.oteris-lockup .serve-bell{width:32px;height:32px;overflow:visible;margin-top:-3px;flex:none}
.serve-bell .bell-body{transform-box:fill-box;transform-origin:50% 100%;animation:oteris-ding 6s ease-in-out infinite}
.serve-bell .wave{opacity:0;animation:oteris-wave 6s ease-out infinite}
.serve-bell .w2{animation-delay:.12s}
.oteris-lockup:hover .serve-bell .bell-body{animation-duration:1.2s}
.oteris-lockup:focus-visible{outline:2px solid #2ceaf3;outline-offset:5px}
@keyframes oteris-ding{0%,80%,100%{transform:rotate(0)}83%{transform:rotate(-12deg)}86%{transform:rotate(10deg)}89%{transform:rotate(-6deg)}92%{transform:rotate(3deg)}}
@keyframes oteris-wave{0%,81%{opacity:0}85%{opacity:1}96%,100%{opacity:0}}
.footer .oteris-lockup .oteris-wordmark{height:35px}
.footer .oteris-lockup .lockup-divider{height:20px}
.footer .oteris-lockup .serve-lockup{font-size:16px}
.footer .oteris-lockup .serve-bell{width:22px;height:22px}
@media(max-width:740px){.oteris-lockup{gap:7px}.oteris-lockup .oteris-wordmark{height:36px}.oteris-lockup .lockup-divider{height:23px}.oteris-lockup .serve-lockup{font-size:17px;gap:4px}.oteris-lockup .serve-bell{width:25px;height:25px}.footer .oteris-lockup .oteris-wordmark{height:30px}}
@media(max-width:380px){.header:has(.oteris-lockup){gap:6px}.oteris-lockup .oteris-wordmark{height:31px}.oteris-lockup .serve-lockup{font-size:14px}.oteris-lockup .serve-bell{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.serve-bell .bell-body,.serve-bell .wave{animation:none}}