.cafe-window>.hero-cafe-live{display:block;width:100%;height:auto;aspect-ratio:375/270;overflow:hidden}
.hero-cafe-live [data-kind]{overflow:visible}
.hero-cafe-live [data-kind] *{vector-effect:none!important}
.hero-cafe-live [data-joint],.hero-cafe-live .ba-fore{transform-box:view-box;transform-origin:0 0}
.hero-cafe-live [data-kind=person]>[data-route]>[data-body]{transform-box:view-box;transform-origin:160px 484px}
.hero-cafe-live [data-kind=pet]>[data-route]>[data-body]{transform-box:view-box;transform-origin:50px 100px}
/* Exact shoulder, elbow and wrist curves used by 17f; no generic arm swing. */
.hero-cafe-live .bend-arm{display:none}
.hero-cafe-live .hero-wave .waver{animation:landingRaise 1.8s ease-in-out forwards}
@keyframes landingRaise{0%,100%{transform:rotate(0)}18%,84%{transform:rotate(calc(var(--ra)*1deg))}}
.hero-cafe-live .hero-wave .waverH{animation:landingWaveHand 1.8s ease-in-out forwards}
.hero-cafe-live .hero-wave .bend-arm.wv{display:inline}
.hero-cafe-live .hero-wave .bend-src{visibility:hidden}
.hero-cafe-live .hero-wave .bend-arm.wv .ba-fore{animation:landingBendWave 1.8s ease-in-out forwards}
@keyframes landingBendWave{0%,100%{transform:rotate(0)}20%,84%{transform:rotate(calc(var(--wi)*128deg))}32%,56%{transform:rotate(calc(var(--wi)*112deg))}44%,68%{transform:rotate(calc(var(--wi)*142deg))}}
@keyframes landingWaveHand{0%,22%,82%,100%{transform:rotate(0)}34%,58%{transform:rotate(calc(var(--wi)*9deg))}46%,70%{transform:rotate(calc(var(--wi)*-7deg))}}
.hero-cafe-live .hero-wave [data-joint=head]{animation:landingTilt 1.8s ease-in-out forwards}
@keyframes landingTilt{0%,100%{transform:none}18%,82%{transform:rotate(calc(var(--tl)*3deg))}}
.site-header .brand img{background:transparent}
.hero-links a:last-child{grid-column:1/-1;background:#f2eaf4;border-color:#cbbbcf}
.hero{padding-bottom:30px}.section-heading{margin-bottom:18px}
.showcase-guides{gap:12px;margin:20px 0 0;align-items:stretch}
.showcase-guides .guide-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:49px;padding:12px 20px;font-size:1rem;line-height:1.3;font-weight:950;text-decoration:none;border:2px solid #97334f;border-radius:13px;color:#92314f;background:#f7e0e8;box-shadow:0 3px 0 #92314f22;cursor:pointer}
.showcase-guides .guide-dictation{background:#eae2f4;border-color:#685181;color:#4d3773;box-shadow:0 3px 0 #4d377322}.showcase-guides .guide-button:hover{filter:brightness(.97)}
.showcase-guides .guide-button>span{font-size:1.1em}
@media(max-width:760px){.hero{padding-top:23px;padding-bottom:24px}.section{padding-block:25px}.game-slide{gap:13px;padding:20px}.game-slide .game-copy{min-height:108px}.showcase-guides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.showcase-guides .guide-button{font-size:.82rem;min-height:54px;padding:10px 11px;gap:6px;line-height:1.4;text-align:center}.hero-links{gap:6px}.hero-links a:last-child{min-height:32px}}
@media(max-width:370px){.showcase-guides .guide-button{font-size:.76rem;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.hero-cafe-live *{animation:none!important;transition:none!important}}