html[data-theme195] body .opening200{gap:4px;overflow:hidden;pointer-events:auto}
html[data-theme195] body .opening200>strong{font-size:clamp(21px,6vw,28px);letter-spacing:-.03em}
.opening-scene200{position:relative;width:min(100%,440px);height:245px;isolation:isolate;margin-top:10px}
.opening-road200{position:absolute;left:-10%;right:-10%;bottom:21px;height:25px;background:var(--surface195);border-top:2px solid var(--line195);border-bottom:2px solid var(--line195);z-index:-1;overflow:hidden}
.opening-road200:after{content:"";position:absolute;inset:10px 0 auto;height:2px;background:repeating-linear-gradient(90deg,var(--muted195) 0 22px,transparent 22px 45px);opacity:.3;animation:road200 .35s linear 8}
.opening-shop200{position:absolute;right:3%;bottom:45px;width:36%;height:147px;z-index:1}
.shop-sign200{height:60px;background:#ed243b;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font:750 16px/1.05 system-ui;border-radius:10px 10px 0 0;box-shadow:0 4px 0 #b21228}
.shop-sign200 span{font-size:21px;color:#fff;font-weight:850}.shop-sign200 small{position:absolute;top:7px;right:7px;font-size:9px;font-weight:800;color:#ffde62}
.shop-awning200{height:20px;margin:0 -6px;background:repeating-linear-gradient(90deg,#ffcb35 0 17%,#fff2bd 17% 33.3%);border-radius:2px 2px 7px 7px;border-bottom:4px solid #e2ad1c;position:relative;z-index:2}
.shop-front200{height:67px;background:#f1ede5;border:3px solid #d4cabb;display:flex;gap:6px;align-items:flex-end;padding:8px 8px 0;box-sizing:border-box}
.shop-window200{position:relative;width:52%;height:43px;background:#c6e7ec;border:3px solid #fff;overflow:hidden}.shop-window200:before,.shop-door200:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 30%,#fff9 31% 41%,transparent 42% 52%,#fff5 53% 57%,transparent 58%)}
.shop-window200 span{position:absolute;top:9px;left:0;right:0;font:750 8px/1.7 system-ui;text-align:center;background:#ed243b;color:#fff;transform:rotate(-5deg)}
.shop-door200{position:relative;width:39%;height:54px;background:#9cced6;border:3px solid #fff;border-bottom:0}.shop-door200 i{position:absolute;right:3px;top:27px;height:10px;width:3px;border-radius:2px;background:#746652}.shop-step200{height:6px;background:#b5aa9c;border-radius:2px;margin-inline:-5px}
.opening-bike200{position:absolute;left:3%;bottom:25px;width:38%;z-index:3;animation:bike-trip200 3.1s cubic-bezier(.45,0,.3,1) both}
.opening-bike200 svg{display:block;width:100%;height:auto;overflow:visible;transform-origin:23.158% 80.986%;animation:wheelie205 3.1s ease-in-out both}
.opening-wheel200{transform-box:fill-box;transform-origin:center;animation:wheel200 .22s linear 13}
.opening-rider200{animation:rider200 .16s ease-in-out 18}
.opening-wind200{position:absolute;left:-32%;width:57%;top:25%;height:55%;animation:wind-fade200 3.1s linear both;z-index:-1}
.opening-wind200 i{position:absolute;height:3px;border-radius:9px;background:#ed243b;opacity:0;right:0;width:65%;animation:wind200 .45s linear 6}
.opening-wind200 i:nth-child(2){top:20%;width:85%;animation-delay:.12s;background:#e4ad12}.opening-wind200 i:nth-child(3){top:50%;width:75%;animation-delay:.23s}.opening-wind200 i:nth-child(4){top:82%;width:55%;animation-delay:.32s;background:#e4ad12}
.opening-cloud200{position:absolute;width:49px;height:13px;background:var(--surface195);border-radius:20px;top:35px;left:5%;opacity:.8}.opening-cloud200:before{content:"";position:absolute;width:22px;height:22px;left:13px;bottom:0;border-radius:50%;background:inherit}.cloud-two200{left:44%;top:3px;transform:scale(.7)}
.arrival-spark200{position:absolute;right:8%;bottom:167px;width:27px;height:27px;border-radius:50%;background:#168348;color:#fff;text-align:center;font:800 20px/27px system-ui;z-index:4;animation:arrive200 3.6s both}
@keyframes bike-trip200{0%,18%{transform:translateX(0)}90%,100%{transform:translateX(130%)}}
@keyframes wheel200{to{transform:rotate(360deg)}}
@keyframes rider200{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes wind200{0%{opacity:0;transform:translateX(20%)}20%{opacity:.7}100%{opacity:0;transform:translateX(-110%)}}
@keyframes wind-fade200{0%,72%{opacity:1}90%,100%{opacity:0}}
@keyframes road200{to{transform:translateX(-45px)}}
@keyframes arrive200{0%,82%{opacity:0;transform:scale(.5)}90%,100%{opacity:1;transform:scale(1)}}
@media(max-width:360px){.opening-scene200{height:225px}.opening-shop200{height:137px}.shop-sign200{height:50px;font-size:14px}.shop-sign200 span{font-size:18px}.opening-bike200{width:40%}.arrival-spark200{bottom:156px}}
@media(prefers-reduced-motion:reduce){.opening200 *,.opening200 *:after{animation:none!important}}
html[data-theme195] body .opening200 .shop-sign200 small{color:#fff3bd!important}

/* Both wheels down, wheelie in transit, front wheel down at the shop. */
@keyframes wheelie205{0%,18%{transform:rotate(0deg)}36%,66%{transform:rotate(-28deg)}85%,100%{transform:rotate(0deg)}}

/* Actual brand logo, contained in the storefront sign without cropping. */
.opening-shop200{height:159px}
.shop-sign200{height:72px;background:#fff;border:2px solid #ed243b;box-sizing:border-box}
html[data-theme195] body .opening200 .shop-sign200 .shop-logo207{display:block;width:64px;height:64px;max-width:100%;object-fit:contain;animation:none;border-radius:7px;margin:0;padding:0;box-shadow:none}
@media(max-width:360px){.opening-shop200{height:149px}.shop-sign200{height:62px}html[data-theme195] body .opening200 .shop-sign200 .shop-logo207{width:56px;height:56px}}

/* Approved level wordmark fills the storefront plaque. */
html[data-theme195] body .opening200 .shop-sign200{background:#000}
html[data-theme195] body .opening200 .shop-sign200 .shop-logo207{width:calc(100% - 6px);height:64px;border-radius:0}
@media(max-width:360px){html[data-theme195] body .opening200 .shop-sign200 .shop-logo207{width:calc(100% - 6px);height:56px}}