.kinder-brand {display:flex;align-items:center;gap:8px;flex-shrink:0}
.kinder-brand img {width:48px;height:48px;object-fit:contain;transition:transform .5s cubic-bezier(.2,1.4,.3,1)}
.kinder-brand:hover img {transform:rotate(-8deg) scale(1.08)}
.kinder-wordmark {display:flex;align-items:baseline;font-family:Georgia,serif;font-size:34px;font-weight:700;letter-spacing:-2px;line-height:1}
.kinder-wordmark>span {display:inline-block}
.kinder-wordmark>span:nth-child(1) {rotate:-5deg}
.kinder-wordmark>span:nth-child(3) {translate:0 1px;rotate:2deg}
.kinder-wordmark>span:nth-child(4) {rotate:-4deg}
.kinder-wordmark>span:nth-child(5) {rotate:6deg}
.kinder-wordmark>b {font-size:28px;margin-left:3px;font-style:italic;letter-spacing:-2px}
.store-knowledge-detail {max-width:1200px;margin:28px auto 0;border-bottom:1px solid var(--line);padding:20px 0}
.store-knowledge-detail summary {cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px;list-style:none}
.store-knowledge-detail summary::-webkit-details-marker {display:none}
.store-knowledge-detail>p {max-width:700px;font-size:15px;line-height:1.6}
.store-knowledge-detail .knowledge-paper {max-width:550px;margin:30px auto;transform:rotate(1deg)}
.store-knowledge-detail[open] summary span {rotate:45deg}
.conversation-signal {max-width:1200px;margin:30px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #27262340;border-bottom:1px solid #27262340;padding:20px 0;font-size:12px}
.conversation-signal>b {font-size:16px;font-weight:500}
.conversation-signal>span:first-child {font-size:10px;letter-spacing:1px}
.whole-store {padding:50px 7% 55px;background:var(--paper)}
.miniature-store {max-width:1200px;aspect-ratio:1.55;margin:0 auto;position:relative;isolation:isolate;border-radius:30px;overflow:hidden;color:#272623;background:#f5f0e8}
.miniature-background {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.miniature-labels {position:absolute;left:3%;right:3%;top:20px;display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:.7px;gap:10px}
.miniature-labels>span {padding:7px;background:#f5f0e8e8;border-radius:6px}
.miniature-traveller {position:absolute;left:3%;bottom:9%;width:125px;height:190px;z-index:3;transition:left 1.7s cubic-bezier(.45,0,.2,1);will-change:left}
.miniature-pose {width:125px;height:167px;transform-origin:50% 95%}
.miniature-traveller .carried-context {display:block;background:#e8ef79;border:1px solid #272623;border-radius:20px;padding:6px;text-align:center;font-size:11px;transform:rotate(-5deg);white-space:nowrap}
.miniature-store[data-stop="1"] .miniature-traveller {left:22%}
.miniature-store[data-stop="2"] .miniature-traveller {left:42%}
.miniature-store[data-stop="3"] .miniature-traveller {left:62%}
.miniature-store[data-stop="4"] .miniature-traveller {left:80%}
.miniature-store.travelling .miniature-pose {animation:shop-hop .4s ease-in-out 4 alternate}
.miniature-note {position:absolute;left:50%;top:20%;translate:-50% 0;width:390px;max-width:52%;background:#fffdf8;border:1.5px solid #272623;border-radius:15px;padding:24px;box-shadow:4px 5px 0 #272623;rotate:-3deg;z-index:4}
.miniature-note small {font-size:10px;letter-spacing:1px}
.miniature-note h3 {font:500 27px/1.2 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:12px 0}
.miniature-note p {font-size:14px;line-height:1.6;margin:0}
.whole-store-controls {max-width:1200px;margin:25px auto;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}
.whole-store-stops {display:flex;gap:8px;flex-wrap:wrap}
.whole-store-stops button {background:transparent;border:1px solid var(--ink);border-radius:20px;padding:10px 12px;font-size:12px}
.whole-store-stops button[aria-pressed="true"] {background:var(--purple);color:#272623;transform:rotate(-3deg)}
.whole-store-return {max-width:1200px;margin:25px auto 0;display:flex;align-items:center;gap:15px;font-size:14px;line-height:1.5}
.whole-store-return>b {margin-left:auto;white-space:nowrap}
.shopify-moment {text-align:center;padding:65px 5%;background:#e8ef79;color:#272623;border-radius:45px 45px 0 0}
.shopify-moment h2 {font-size:60px;line-height:1.06}
.shopify-moment p {font-size:16px;line-height:1.7}
.support-aside {padding:30px 7%;border-top:1px solid var(--line)}
.support-aside details {max-width:1200px;margin:auto}
.support-aside summary {display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:15px;line-height:1.5}
.support-aside summary::-webkit-details-marker {display:none}
.support-aside summary>b {font-size:13px;font-weight:500}
.support-aside summary b>span {margin-left:20px}
.support-aside details>p {font-size:14px}
.support-aside .support-demo {max-width:600px;margin:30px auto;color:#272623;--ink:#272623;--paper:#f5f0e8;--line:#27262330}
.support-aside details[open]>summary b>span {display:inline-block;rotate:45deg}
@keyframes shop-hop {from {transform:translateY(0) scale(1.04,.96) rotate(-3deg)} to {transform:translateY(-10px) scale(.97,1.03) rotate(4deg)}}
@media(max-width:900px) {
.whole-store {padding-left:5%;padding-right:5%}.miniature-store {aspect-ratio:1.35}.miniature-note {padding:18px;top:16%}.miniature-note h3 {font-size:24px}.miniature-traveller {width:100px;height:155px}.miniature-pose {width:100px;height:133px}.whole-store-stops button {font-size:11px}.conversation-signal {flex-wrap:wrap}.miniature-labels {font-size:8px}}
@media(max-width:650px) {
.kinder-brand {gap:4px}.kinder-brand img {width:38px;height:38px}.kinder-wordmark {font-size:28px}.kinder-wordmark>b {font-size:24px}.whole-store {padding-top:35px;padding-bottom:40px}.miniature-store {aspect-ratio:auto;height:550px;border-radius:20px}.miniature-background {object-position:center bottom;object-fit:cover}.miniature-labels {top:12px;left:12px;right:12px;gap:5px;flex-wrap:wrap}.miniature-labels>span {font-size:8px;padding:5px}.miniature-note {top:16%;width:88%;max-width:88%;padding:18px;rotate:-2deg}.miniature-note h3 {font-size:25px}.miniature-note p {font-size:13px}.miniature-traveller {bottom:8%;width:75px;height:122px}.miniature-pose {width:75px;height:100px}.miniature-traveller .carried-context {font-size:9px;padding:5px;white-space:normal}.miniature-store[data-stop="1"] .miniature-traveller {left:20%}.miniature-store[data-stop="2"] .miniature-traveller {left:38%}.miniature-store[data-stop="3"] .miniature-traveller {left:56%}.miniature-store[data-stop="4"] .miniature-traveller {left:74%}.whole-store-controls {gap:20px}.whole-store-stops {gap:7px}.whole-store-return {font-size:12px;flex-wrap:wrap}.whole-store-return>b {width:100%;margin-left:40px}.conversation-signal {gap:12px;flex-direction:column;align-items:flex-start}.conversation-signal>b {font-size:15px}.store-knowledge-detail summary {font-size:14px}.shopify-moment {padding:45px 5%;border-radius:30px 30px 0 0}.shopify-moment h2 {font-size:46px}.shopify-moment p {font-size:14px}.support-aside {padding:25px 5%}.support-aside summary {flex-direction:column;gap:10px;font-size:14px}.support-aside summary>b {font-size:12px}.support-aside .support-demo {margin:25px 5px}.store-knowledge-detail .knowledge-paper {margin:25px 7px}.hero .intro {font-size:16px;max-width:95%}}
@media(prefers-reduced-motion:reduce) {.miniature-traveller {transition:none!important}.miniature-pose {animation:none!important}}