/* Scroll scenes for the public pages; controls keep their layout and position. */
.kk-motion-art{width:240px;height:165px;display:block;pointer-events:none;color:var(--kk-ink);overflow:visible}
.kk-motion-art svg{display:block;width:100%;height:100%;overflow:visible}
.kk-contact-intro .kk-motion-art{margin:20px 0 5px}
.kk-inner .basket-empty:has(.kk-motion-art){position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px 30px;max-width:1120px;align-items:center;border-radius:30px 14px 30px 14px;overflow:hidden}
.basket-empty>.kk-motion-art{grid-column:2;grid-row:1/4;width:230px;height:185px}
.basket-empty:has(.kk-motion-art)>:not(.kk-motion-art){grid-column:1}
.basket-empty:has(.kk-motion-art)>.shop-button{justify-self:start}
.kk-motion-art .kk-art-paper{fill:#faf7ed;stroke:#bdb49f;stroke-width:1.5}
.kk-motion-art .kk-art-ink{fill:none;stroke:#64776c;stroke-width:2;stroke-linecap:round}
.kk-motion-art .kk-art-seal{fill:var(--kk-rust);stroke:none}
.kk-motion-art .kk-art-pip{fill:#fff8e7}
.kk-letter-paper,.kk-stack-sheet,.kk-art-die{transform-box:fill-box;transform-origin:center}
.kk-motion-plus .kk-letter-paper{translate:0 calc(16px - var(--kk-scene,.5)*42px);rotate:calc(-7deg + var(--kk-scene,.5)*9deg)}
.kk-motion-plus .kk-letter-flap{transform-origin:180px 138px;transform:rotateX(calc(var(--kk-scene,.5)*-38deg))}
.kk-contact:has(.public-form:focus-within) .kk-letter-paper{translate:0 -32px;rotate:2deg;transition:translate .4s,rotate .4s}
.kk-motion-plus .kk-stack-sheet:first-child{translate:calc(-22px + var(--kk-scene,.5)*22px) calc(-12px + var(--kk-scene,.5)*12px);rotate:calc(-17deg + var(--kk-scene,.5)*12deg)}
.kk-motion-plus .kk-stack-sheet:nth-child(2){translate:calc(24px - var(--kk-scene,.5)*24px) 0;rotate:calc(17deg - var(--kk-scene,.5)*12deg)}
.kk-motion-plus .kk-art-die{translate:0 calc(-30px + var(--kk-scene,.5)*30px);rotate:calc(-36deg + var(--kk-scene,.5)*44deg)}
.kk-motion-plus .kk-art-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--kk-scene,.5));fill:none}
.kk-motion-plus .kk-catalog-heading>.kk-trace{rotate:calc(-24deg + var(--kk-scene,0)*45deg);scale:calc(.92 + var(--kk-scene,0)*.1)}
.kk-motion-plus .kk-catalog-heading .kk-trace-path{stroke-dashoffset:calc(1800 - var(--kk-scene,0)*1800)}
.kk-motion-plus .kk-game-image{rotate:calc(var(--kk-lean,4deg)*(1 - var(--kk-scene,1)));translate:0 calc((1 - var(--kk-scene,1))*22px);transform-origin:50% 85%}
.kk-motion-plus .kk-how-photo{rotate:calc(8deg - var(--kk-scene,1)*9deg);translate:0 calc((1 - var(--kk-scene,1))*24px)}
.kk-motion-plus .kk-how-photo:after{content:'';position:absolute;inset:9px -8px -10px 9px;background:#dfd6c2;border:1px solid #c6bfae;z-index:-1;rotate:calc(-8deg + var(--kk-scene,1)*5deg);transform-origin:bottom left}
.kk-how-photo{isolation:isolate}
.kk-motion-plus .kk-how-row{position:relative}
.kk-motion-plus .kk-how-row:after{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--kk-rust);transform:scaleX(var(--kk-scene,0));transform-origin:left;pointer-events:none}
.kk-motion-plus .kk-how-row .kk-delivery-symbol{translate:0 calc((1 - var(--kk-scene,1))*20px);rotate:calc(-12deg + var(--kk-scene,1)*12deg);background:#faf7ed;box-shadow:4px 5px 0 #192d3114}
.kk-motion-plus .kk-how-fit:after{scale:calc(.8 + var(--kk-scene,.5)*.45);translate:calc(var(--kk-scene,.5)*35px) 0}
.kk-motion-plus .kk-footer-top>.kk-trace{rotate:calc(-15deg + var(--kk-scene,.5)*35deg)}
.kk-motion-plus .kk-footer-top .kk-trace-path{stroke-dashoffset:calc(1800 - var(--kk-scene,.5)*1800)}
.kk-motion-plus .kk-moment-photo{scale:calc(1.08 - var(--kk-scene,1)*.08);transform-origin:65% 45%}
.kk-motion-plus .basket-item>a:first-child{rotate:calc(var(--kk-lean,-3deg)*(1 - var(--kk-scene,1)));transform-origin:center}
.kk-inner .kk-contact .public-form{transition:box-shadow .35s,border-color .35s}
.kk-inner .kk-contact .public-form:focus-within{box-shadow:7px 8px 0 #d7decb;border-color:#899d83}
.kk-site :is(.kk-button,.shop-button,.kk-text-link):focus-visible{outline:2px solid var(--kk-rust);outline-offset:6px}
.kk-site :is(.kk-button,.shop-button):active{scale:.98}
.kk-site :is(.kk-button,.shop-button){transition:background .25s,color .25s,transform .3s,box-shadow .3s,scale .2s}
@media(max-width:700px){
 .kk-contact-intro .kk-motion-art{width:170px;height:112px;margin:18px 0 0}
 .kk-inner .basket-empty:has(.kk-motion-art){grid-template-columns:1fr;gap:16px}
 .basket-empty>.kk-motion-art{grid-column:1;grid-row:auto;width:180px;height:140px;justify-self:center}
 .kk-motion-plus .kk-game-image{rotate:calc(var(--kk-lean,4deg)*.45*(1 - var(--kk-scene,1)));translate:0 calc((1 - var(--kk-scene,1))*10px)}
 .kk-motion-plus .kk-how-photo{rotate:calc(4deg - var(--kk-scene,1)*5deg);translate:0 calc((1 - var(--kk-scene,1))*12px)}
}
@media(prefers-reduced-motion:reduce){
 .kk-site [data-kk-scene],.kk-site [data-kk-scene] *,.kk-site [data-kk-scene]:after{rotate:none!important;translate:none!important;scale:none!important;transition:none!important}
 .kk-motion-art .kk-art-draw{stroke-dashoffset:0!important}
 .kk-site .kk-letter-paper{translate:0 -14px!important}
 .kk-site .kk-letter-flap{transform:none!important}
}
@media print{.kk-motion-art{display:none}.kk-site [data-kk-scene],.kk-site [data-kk-scene] *{rotate:none!important;translate:none!important;scale:none!important}}