/* Responsive vector wordmark; dot motion is contained in piikle-logo.svg. */
.platform-logo{display:inline-block;width:130px;height:auto;aspect-ratio:1040/430;flex-shrink:0;vertical-align:middle;object-fit:contain}.site-header .brand{letter-spacing:normal;gap:0;line-height:1}.site-header .brand .platform-logo{width:130px}.solution-credit>.platform-logo,.restaurant-footer a>.platform-logo{width:66px;margin-left:4px;vertical-align:middle}.mini-footer .platform-logo{width:42px;margin-left:3px}.site-footer a.solution-credit .platform-logo{margin-bottom:2px}@media(max-width:540px){.site-header .brand .platform-logo{width:92px}.site-header{gap:14px}.site-header nav{gap:12px}.solution-credit>.platform-logo,.restaurant-footer a>.platform-logo{width:62px}}@media(max-width:360px){.site-header .brand .platform-logo{width:78px}.site-header nav{gap:9px}}
/* piikle-owned login and marketing pages share the logo palette. */
.piikle-public{--green:#2a4535;--ink:#2a4535;--orange:#fe9348;--cream:#ffffff;--muted:#53685b;--line:#e2e8e4;background:#fff;color:var(--green)}
.piikle-public .site-header,.piikle-public .auth-form,.piikle-public .enquiry-form,.piikle-public input,.piikle-public textarea{background:#fff}
.piikle-public .auth-story{background:var(--green);color:#fff}
.piikle-public .auth-story .eyebrow,.piikle-public .auth-art,.piikle-public .brand-period,.piikle-public .auth-story h1 .brand-period{color:var(--orange)}
.piikle-public .auth-art>.icon{opacity:1}
.piikle-public .auth-story p{color:#fff}
.piikle-public .button:not(.secondary){background:var(--green);color:#fff}
.piikle-public .button:not(.secondary):hover{background:var(--green);box-shadow:0 0 0 2px var(--orange)}
.piikle-public .secondary:hover{background:#fff;border-color:var(--orange)}
.piikle-public input:focus,.piikle-public textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #2a45351a}
.piikle-public input[type=checkbox]{accent-color:var(--green)}
.piikle-public .auth-art{pointer-events:none}
@media(max-width:760px){.piikle-public .auth-story{padding-bottom:115px}.piikle-public .auth-art{bottom:-20px;right:24px;line-height:1}.piikle-public .auth-art>.icon{width:130px;height:130px}}

.brand-period{color:#fe9348}
/* The neighbourhood crew gathers around a shared supper in the corner. */
.piikle-public .auth-story{padding-bottom:265px}
.cooking-mascots{position:absolute;right:12px;bottom:22px;width:290px;max-width:calc(100% - 24px);color:#fe9348;pointer-events:none;text-align:center}
.community-cooks{display:block;width:100%;height:auto;overflow:visible}

.cook-friend{transform-box:fill-box;transform-origin:center bottom;animation:community-gather 6s ease-in-out infinite}
.cook-left{--lean:7deg;animation-delay:0s}.cook-centre{--lean:-3deg;animation-delay:.25s}.cook-right{--lean:-8deg;animation-delay:.5s}
.cook-eyes{transform-box:fill-box;transform-origin:center;animation:community-blink 7s ease-in-out infinite}
.cook-right .cook-eyes{animation-delay:1.5s}.cook-centre .cook-eyes{animation-delay:.8s}
.community-heart{transform-box:fill-box;transform-origin:center;animation:community-heart 6s ease-in-out infinite}
.supper-steam{animation:supper-steam 3.5s ease-out infinite}
@keyframes community-gather{0%,12%,75%,100%{transform:translateY(0) rotate(0)}35%,48%{transform:translateY(-5px) rotate(var(--lean))}60%{transform:translateY(0) rotate(0)}}
@keyframes community-blink{0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.12)}}
@keyframes community-heart{0%,15%,80%,100%{transform:translateY(2px) scale(.9);opacity:.45}38%,52%{transform:translateY(-6px) scale(1);opacity:1}}
@keyframes supper-steam{0%{opacity:0;transform:translateY(5px)}25%{opacity:.65}85%,100%{opacity:0;transform:translateY(-10px)}}
@media(max-width:760px){.piikle-public .auth-story{padding-bottom:210px}.cooking-mascots{width:230px;right:10px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.cook-friend,.cook-eyes,.community-heart,.supper-steam{animation:none}.community-heart{opacity:.8}.supper-steam{opacity:.5}}