/* Same mechanism as the main Kalomatik story: translated day track,
   fixed action layer and camera approach to the actual shopping entry. */
.scene-panel{transition:opacity .16s linear,transform .32s ease;pointer-events:none}
.scene-panels{display:grid}.scene-panel{grid-area:1/1;min-width:0}.scene-panel:not(:first-child){opacity:0;visibility:hidden}.scene-panel>p{font-size:19px;line-height:1.6;color:#55604f;max-width:450px;margin-top:24px}.scene-panel h2{margin-top:23px}.scene-panel .scene-detail{margin-top:30px}.scene-copy .inline-cta{margin-top:27px}.diary-window{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 12%)}.day-track{display:flex;width:200%;height:100%;will-change:transform}.day-track>img{flex:0 0 50%;width:50%;height:100%;max-width:none;object-fit:cover;object-position:top}.fixed-app-actions{position:absolute;z-index:5;left:28.18%;top:90%;width:43.64%;height:auto;pointer-events:none}.shopping-page{position:absolute;inset:0;overflow:hidden;background:#171918;transform:translateX(101%);will-change:transform}.shopping-body,.shopping-header{position:absolute;inset:0;overflow:hidden}.shopping-body{clip-path:inset(20% 0 12%)}.shopping-header{clip-path:inset(0 0 80%)}.shopping-page img{width:100%;height:auto;max-width:none;will-change:transform}.shopping-entry-focus{position:absolute;left:4.55%;top:55.9%;width:90.9%;height:4.66%;border:1px solid #f26835;border-radius:4px;opacity:0;pointer-events:none}.product-device{transform-origin:center;will-change:transform;transition:none}.app-proof{bottom:90px}.motion .product-story{height:calc(var(--stage-h)*4.4)}.motion .product-device{width:var(--phone-w,300px);height:calc(var(--phone-w,300px)*2)}.scene-steps li{position:relative}.scene-steps li:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-10px;background:var(--orange);transform:scaleX(var(--step-progress,0));transform-origin:left}.lifestyle{padding-bottom:130px}
html:not(.motion) .product-pin{min-height:0;padding:50px 6% 15px;height:auto}html:not(.motion) .scene-copy{position:relative;inset:auto;transform:none;width:100%;max-width:700px}html:not(.motion) .product-device,html:not(.motion) .scene-steps,html:not(.motion) .app-proof,html:not(.motion) .stage-world{display:none}html:not(.motion) .scene-panel:not(:first-child){display:none}html:not(.motion) .scene-panel:first-child{opacity:1!important;visibility:visible!important;transform:none!important}
@media(min-width:701px){.motion .app-proof{top:auto;bottom:83px}.scene-copy{width:44%}.scene-copy h2{font-size:clamp(44px,5vw,73px)}.product-device{right:auto;left:74%}}
@media(max-width:1050px) and (min-width:701px){.scene-panel>p{font-size:17px}.scene-copy h2{font-size:52px}}
@media(max-width:700px){.scene-panel>p{font-size:14px;line-height:1.55;margin-top:13px;max-width:420px}.scene-panel h2{margin-top:13px;font-size:39px;line-height:1.04}.scene-copy .inline-cta{margin-top:13px}.scene-copy{top:25px;left:25px;right:25px}.motion .product-story{height:calc(var(--stage-h)*4.4)}.product-device{left:50%}.lifestyle{padding-bottom:48px}.app-proof{bottom:68px}.shopping-entry-focus{border-width:1px}}
@media(max-width:350px){.scene-panel h2{font-size:34px}.scene-panel>p{font-size:13px}.scene-copy{left:20px;right:20px;top:22px}}