.bb-otter{display:inline-block;flex:0 0 auto;width:112px;height:120px;background-image:url('/final-assets/otter-poses.png');background-size:500% auto;background-repeat:no-repeat;background-position:0% 50%;vertical-align:middle;pointer-events:none}.bb-otter-wave{background-position:25% 50%}.bb-otter-map{background-position:50% 50%}.bb-otter-camera{background-position:75% 50%;clip-path:inset(0 5% 0 0)}.bb-otter-card{background-position:100% 50%}.c8-wordmark>.bb-otter{width:38px;height:42px}.h15-welcome>.bb-otter{width:104px;height:112px}.bb-otter-heading{position:relative;padding-right:94px!important;min-height:88px}.bb-otter-heading>.bb-otter{position:absolute;right:0;top:0;width:80px;height:86px}.bb-otter-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.bb-otter-title>.bb-otter{width:76px;height:82px}.c8-empty-mascot.bb-otter{width:120px;height:129px;margin:0 auto 12px}@media(max-width:700px){.h15-welcome>.bb-otter{width:74px;height:80px}.bb-otter-heading{padding-right:76px!important;min-height:72px}.bb-otter-heading>.bb-otter{width:64px;height:69px}.bb-otter-title>.bb-otter{width:58px;height:63px}.h15-home{padding-top:0}.h15-grid .h15-tile img{height:100px}}
/* Legacy motion is overridden by the approved shark below. */
.bb-otter,.bb-otter-wave,.bb-otter-map,.bb-otter-camera,.bb-otter-card{background-image:url('/final-assets/otter-2d-approved.png');background-size:316.8% 123.2%;background-position:6.59% 47.9%;clip-path:none;mix-blend-mode:multiply;animation:bb-otter-blink 9s steps(1,end) infinite;transform-origin:50% 90%}
.h15-welcome>.bb-otter,.bb-otter-heading>.bb-otter,.bb-otter-title>.bb-otter{animation:bb-otter-greet 16s steps(1,end) infinite,bb-otter-nod 16s ease-in-out infinite}
@keyframes bb-otter-blink{0%,40%,44%,100%{background-position:6.59% 47.9%}42%{background-position:52.72% 47.9%}}
@keyframes bb-otter-greet{0%,25%,28%,65%,100%{background-position:6.59% 47.9%}26%{background-position:52.72% 47.9%}66%,75%{background-position:98.85% 47.9%}76%{background-position:6.59% 47.9%}}
@keyframes bb-otter-nod{0%,65%,77%,100%{transform:rotate(0deg)}68%,73%{transform:rotate(-3deg)}70%,75%{transform:rotate(2deg)}}
html.bb-motion-paused .bb-otter{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.bb-otter,.h15-welcome>.bb-otter,.bb-otter-heading>.bb-otter,.bb-otter-title>.bb-otter{animation:none;transform:none;background-position:6.59% 47.9%}}
/* Approved B01 lockup. The source sheet is cropped only in the UI, preserving the approved artwork. */
.c8-wordmark.bb-logo-b01{display:block!important;width:100px!important;height:68px!important;min-width:100px;background:url('/final-assets/brand-b01-source.png') no-repeat;background-size:262.564% 568.889%;background-position:14.196% 1.58%;mix-blend-mode:multiply;flex:none!important;margin:0!important;padding:0!important}
footer .c8-wordmark.bb-logo-b01{width:130px!important;height:88px!important}
@media(max-width:480px){.c8-wordmark.bb-logo-b01{width:82px!important;min-width:82px;height:56px!important}}
/* Approved shark sheet, cropped in the UI without redrawing the artwork. */
.bb-otter,.bb-otter-wave,.bb-otter-map,.bb-otter-camera,.bb-otter-card{background-image:url('/final-assets/shark-approved.png');background-size:320% 256%;background-position:5.682% 17.628%;height:auto!important;aspect-ratio:1.2;clip-path:none;animation:bb-shark-sway 14s ease-in-out infinite;transform-origin:50% 90%}
.bb-otter-map{background-position:98.485% 17.628%}
.bb-otter-camera{background-position:28.409% 88.141%}
.bb-otter-card{background-position:73.864% 88.141%}
.h15-welcome>.bb-otter,.bb-otter-heading>.bb-otter,.bb-otter-title>.bb-otter{animation:bb-shark-sway 14s ease-in-out infinite}
.h15-welcome>.bb-otter-wave{animation:bb-shark-hello 18s steps(1,end) infinite,bb-shark-sway 14s ease-in-out infinite}
@keyframes bb-shark-hello{0%,69%,89%,100%{background-position:5.682% 17.628%}70%,88%{background-position:52.083% 17.628%}}
@keyframes bb-shark-sway{0%,72%,94%,100%{transform:translateY(0) rotate(0)}77%,87%{transform:translateY(-3px) rotate(-3deg)}82%,91%{transform:translateY(-1px) rotate(3deg)}}
.h6-header{height:auto!important;min-height:86px;padding-top:12px!important;padding-bottom:10px!important;align-items:center!important}
.h6-header .c8-wordmark.bb-logo-b01{align-self:center;transform:translateY(3px)}
.bb-shark-tip{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:0 0 10px;background:#eef6ff;border:1px solid #d8e9fb;border-radius:14px;color:#193d70;font-size:13px}
.bb-shark-tip>a{flex:1;color:inherit;text-decoration:none;line-height:1.5}.bb-shark-tip button{border:0;background:transparent;color:#486789;padding:5px;cursor:pointer}.bb-shark-tip[hidden]{display:none}
@media(max-width:700px){.h6-header{min-height:76px;padding-top:9px!important;padding-bottom:8px!important}}
@media(prefers-reduced-motion:reduce){.bb-otter,.h15-welcome>.bb-otter,.bb-otter-heading>.bb-otter,.bb-otter-title>.bb-otter{animation:none!important;transform:none}}
/* A continuous loop: no stepped poses or long stationary intervals. */
.bb-otter,.h15-welcome>.bb-otter,.h15-welcome>.bb-otter-wave,.bb-otter-heading>.bb-otter,.bb-otter-title>.bb-otter{animation:bb-shark-float 4.8s ease-in-out infinite!important;will-change:transform}
.bb-otter-wave{background-position:5.682% 17.628%}
@keyframes bb-shark-float{0%,100%{transform:translate3d(0,0,0) rotate(-1.5deg) scale(1)}25%{transform:translate3d(1px,-3px,0) rotate(0deg) scale(1.012)}50%{transform:translate3d(0,-5px,0) rotate(1.5deg) scale(1.02)}75%{transform:translate3d(-1px,-2px,0) rotate(0deg) scale(1.01)}}
.bb-shark-tip>a{animation:bb-tip-in .5s ease-out}
@keyframes bb-tip-in{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
html.bb-motion-paused .bb-otter{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.bb-otter,.h15-welcome>.bb-otter,.h15-welcome>.bb-otter-wave,.bb-otter-heading>.bb-otter,.bb-otter-title>.bb-otter,.bb-shark-tip>a{animation:none!important;transform:none;will-change:auto}}
/* Articulated raster rig: each appendage rotates around its shoulder/root. */
.bb-otter,.h15-welcome>.bb-otter,.h15-welcome>.bb-otter-wave,.bb-otter-heading>.bb-otter,.bb-otter-title>.bb-otter{background:none!important;animation:none!important;transform:none!important;mix-blend-mode:normal;aspect-ratio:600/650;overflow:visible;will-change:auto}
.bb-shark-rig{display:block;width:100%;height:100%;overflow:visible}
.shark-tail{transform-origin:410px 435px;animation:shark-tail-wag 2.2s ease-in-out infinite}
.shark-fin-left{transform-origin:151px 328px;animation:shark-fin-wave 6s ease-in-out infinite}
.shark-fin-right{transform-origin:456px 336px;animation:shark-fin-idle 3.4s ease-in-out infinite}
.shark-lids{transform-origin:300px 227px;animation:shark-eye-blink 5.7s linear infinite;opacity:0}
@keyframes shark-tail-wag{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(10deg)}}
@keyframes shark-fin-wave{0%,100%{transform:rotate(0deg)}12%{transform:rotate(9deg)}30%{transform:rotate(112deg)}39%{transform:rotate(91deg)}48%{transform:rotate(118deg)}57%{transform:rotate(91deg)}66%{transform:rotate(110deg)}88%{transform:rotate(-5deg)}}
@keyframes shark-fin-idle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(7deg)}}
@keyframes shark-eye-blink{0%,44%,51%,100%{opacity:0;transform:scaleY(.02)}45%{opacity:1;transform:scaleY(.02)}47%,48%{opacity:1;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.02)}}
html.bb-motion-paused .bb-shark-rig g{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.bb-shark-rig g{animation:none!important}.shark-lids{opacity:0}}

/* Approved generated greeting footage replaces the articulated rig. */
.bb-otter{aspect-ratio:1!important;overflow:hidden!important;border-radius:20%;isolation:isolate}
.bb-shark-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}


.bb-otter{background:#fff!important;border-radius:0;isolation:auto}
.bb-food-recommendation{display:flex;align-items:center;gap:12px;min-width:0}.bb-food-photo{display:flex;flex-direction:column;justify-content:center;flex:0 0 120px;width:120px;min-height:80px;background:#fff;border-radius:8px;overflow:hidden}.bb-food-photo img{width:100%;height:80px;object-fit:contain}.bb-food-photo small{text-align:center;font-size:10px;color:#64748b;padding:2px}.bb-food-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.bb-food-copy strong{font-size:15px}.bb-food-copy small{font-size:11px;color:#64748b}.bb-food-copy span{font-size:13px}@media(max-width:600px){.bb-food-photo{flex-basis:90px;width:90px}.bb-food-photo img{height:68px}.bb-food-copy strong{font-size:14px}.bb-food-copy span{font-size:12px}}

.bb-nearby-food-photo{margin:0 0 10px;background:#fff}.bb-nearby-food-photo img{width:100%;height:140px;object-fit:contain}.bb-nearby-food-photo figcaption{font-size:10px;color:#64748b}
.bb-shark-tip>a.bb-food-recommendation{animation:none}