.kasko-product-hero{position:relative;background:#e7dbfa;margin-top:-96px;padding:140px 0 35px;border-radius:0 0 40px 40px;overflow:clip}.kasko-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:20px;min-height:470px}.kasko-hero-copy{padding:0 0 35px;position:relative;z-index:2}.kasko-hero-copy .back-link{display:inline-block;margin-bottom:38px;font-size:11px;color:#a68bb9}.kasko-hero-copy h1{font-size:53px;line-height:1.1;letter-spacing:-2px;margin:20px 0}.kasko-hero-copy>p{font-size:17px;line-height:1.85;color:#9277a8;max-width:410px;margin:0 0 28px}.kasko-hero-copy .button{font-size:13px}.kasko-scene{position:relative;min-width:0}.kasko-accident-art{display:block;width:100%;height:auto;max-width:none}.kasko-motion-button{position:absolute;right:5px;bottom:0;width:33px;height:33px;border:1px solid #cbb3df;background:#fff4f8;color:#a480ba;border-radius:50%;font-size:12px}.kasko-product-copy{max-width:930px;padding-top:70px;padding-bottom:80px}.kasko-product-copy h2{font-size:36px;margin:20px 0 30px}.kasko-product-copy .article-content{font-size:16px;line-height:1.95;color:#927b9e;margin-bottom:30px}.kasko-woman-body{animation:kasko-breath 5s ease-in-out infinite;transform-origin:203px 500px}.kasko-hair-back{animation:kasko-hair 6s ease-in-out infinite;transform-box:view-box;transform-origin:203px 164px}.kasko-head{animation:kasko-head 7s ease-in-out infinite;transform-box:view-box;transform-origin:202px 222px}.kasko-glasses-arm{animation:kasko-adjust-glasses 7s ease-in-out infinite;transform-box:view-box;transform-origin:0px 0px}.kasko-phone-arm{animation:kasko-phone 5s ease-in-out infinite;transform-box:view-box;transform-origin:0px 0px}.kasko-hood{animation:kasko-hood-rattle 1.2s ease-in-out infinite;transform-box:view-box;transform-origin:687px 347px}.kasko-smoke{transform-box:view-box;transform-origin:790px 340px;animation:kasko-smoke-rise 4.8s linear infinite;opacity:0}.smoke-a{animation-delay:-.4s}.smoke-b{animation-delay:-2s;animation-duration:5.4s}.smoke-c{animation-delay:-3.5s;animation-duration:5.1s}
.product-scene{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.product-story-art{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;padding:5px 15px}.product-scene .kasko-accident-art{height:100%;max-width:100%;object-fit:contain;padding:0 8px}.ps-wave{transform-box:fill-box;transform-origin:15% 85%;animation:ps-wave-hand 4s ease-in-out infinite}.ps-balloon{animation:ps-balloon 5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.ps-balloon-two{animation-delay:-2.5s;animation-duration:6s}.ps-person-sway,.ps-family,.ps-patient{animation:ps-breathe 5.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.ps-monitor{stroke-dasharray:55;animation:ps-heartbeat 3.4s linear infinite}.ps-cloud{animation:ps-cloud 9s ease-in-out infinite}.ps-cloud-two{animation-direction:reverse;animation-duration:12s}.ps-window{animation:ps-window 6s ease-in-out infinite}.ps-window-two{animation-delay:-3s}.ps-plant{animation:ps-sway 6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.ps-shop-awning{animation:ps-sway 7s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0%}.ps-door{animation:ps-door 7s ease-in-out infinite;transform-box:fill-box;transform-origin:100% 50%}.ps-plane{animation:ps-fly 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ps-blink{animation:ps-blink 5.5s linear infinite}
@keyframes kasko-smoke-rise{0%{opacity:0;transform:translate(0,5px) scale(.35)}12%{opacity:.45}60%{opacity:.23;transform:translate(-20px,-90px) scale(1.05)}100%{opacity:0;transform:translate(-45px,-165px) scale(1.5)}}@keyframes kasko-breath{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes kasko-hair{0%,100%{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes kasko-head{0%,100%{transform:rotate(0)}45%,60%{transform:rotate(-2.5deg)}}@keyframes kasko-adjust-glasses{0%,55%,100%{transform:rotate(0)}72%{transform:rotate(2deg)}85%{transform:rotate(-1deg)}}@keyframes kasko-phone{0%,100%{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes kasko-hood-rattle{0%,100%{transform:rotate(0)}50%{transform:rotate(-1deg)}}@keyframes ps-wave-hand{0%,100%{transform:rotate(-4deg)}40%{transform:rotate(13deg)}65%{transform:rotate(-8deg)}}@keyframes ps-balloon{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(4px,-6px) rotate(3deg)}}@keyframes ps-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes ps-heartbeat{from{stroke-dashoffset:55}to{stroke-dashoffset:-55}}@keyframes ps-cloud{0%,100%{transform:translateX(0)}50%{transform:translateX(18px)}}@keyframes ps-window{0%,100%{fill:#f8cf93}50%{fill:#ffe9b7}}@keyframes ps-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}@keyframes ps-door{0%,100%{transform:skewY(0)}50%{transform:skewY(-5deg)}}@keyframes ps-fly{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(28px,-7px) rotate(3deg)}}@keyframes ps-blink{0%,40%,46%,100%{opacity:1}43%{opacity:.1}}
body.experience-paused .kasko-product-hero *,body.experience-paused .product-scene *,body[data-motion="0"] .kasko-product-hero *,body[data-motion="0"] .product-scene *,.product-scene.scene-out-of-view *,.kasko-product-hero.scene-out-of-view *,.front-edit-mode .product-scene *,.front-edit-mode .kasko-product-hero *{animation-play-state:paused!important}body[data-motion="0"] .kasko-product-hero *,body[data-motion="0"] .product-scene *{animation:none!important}.experience-paused .kasko-smoke,body[data-motion="0"] .kasko-smoke{opacity:.22}.experience-paused .kasko-smoke.smoke-a,body[data-motion="0"] .kasko-smoke.smoke-a{transform:translate(-12px,-40px) scale(.8)}body[data-motion="0"] .kasko-motion-button{display:none}
@media(max-width:1000px){.kasko-hero-grid{grid-template-columns:.85fr 1.15fr;min-height:410px}.kasko-hero-copy h1{font-size:43px}.kasko-hero-copy>p{font-size:14px}.kasko-product-hero{padding-top:135px}.kasko-hero-copy .button{font-size:11px;padding:15px 18px}.kasko-product-copy h2{font-size:32px}}
@media(max-width:800px){.kasko-product-hero{margin-top:-83px;padding-top:122px;border-radius:0 0 32px 32px}.kasko-hero-grid{gap:10px;grid-template-columns:1fr 1.2fr;min-height:360px}.kasko-hero-copy .back-link{margin-bottom:25px;font-size:10px}.kasko-hero-copy h1{font-size:36px;letter-spacing:-1.2px}.kasko-hero-copy>p{font-size:13px}.kasko-product-copy{padding-top:50px;padding-bottom:55px}}
@media(max-width:560px){.kasko-product-hero{margin-top:-78px;padding-top:112px;padding-bottom:25px;border-radius:0 0 28px 28px}.kasko-hero-grid{grid-template-columns:1fr;gap:15px}.kasko-hero-copy{padding-bottom:0}.kasko-hero-copy .back-link{margin-bottom:22px}.kasko-hero-copy h1{font-size:39px;margin:17px 0}.kasko-hero-copy>p{font-size:14px;line-height:1.85;max-width:none;margin-bottom:23px}.kasko-hero-copy .button{font-size:11px;padding:14px 17px}.kasko-scene{margin-left:-20px;margin-right:-20px}.kasko-motion-button{right:20px;bottom:-3px;width:29px;height:29px}.kasko-product-copy h2{font-size:30px;line-height:1.25}.kasko-product-copy .article-content{font-size:14px}.product-story-art{padding:0 10px}.product-scene .kasko-accident-art{padding:0}}
@media(prefers-reduced-motion:reduce){.kasko-product-hero *,.product-scene *{animation:none!important}.kasko-smoke{opacity:.2}.kasko-smoke.smoke-a{transform:translate(-12px,-40px) scale(.8)}.kasko-motion-button{display:none}}

body[data-theme="theme-2"] .mega-art:has(.product-scene){background:#e8dcf8;overflow:hidden}body[data-theme="theme-2"] .mega-art .product-scene{width:100%;height:100%;padding:0;display:flex;align-items:center}body[data-theme="theme-2"] .mega-art .kasko-accident-art{width:155%;max-width:none;flex-shrink:0;margin-left:-24%;height:auto}

body[data-theme="theme-2"] .service-photo .product-scene>svg{display:block;width:100%;height:100%;max-width:100%;padding:0 8px;flex-shrink:0}body[data-theme="theme-2"] .service-photo:has(.product-scene .kasko-accident-art){background:#e8dcf8}

/* Articulated selfie: upper arm, forearm and wrist remain joined at their pivots. */
.kasko-phone-arm{animation:kasko-selfie-upper 12s ease-in-out infinite;transform-box:view-box;transform-origin:0px 0px}.kasko-selfie-forearm{animation:kasko-selfie-forearm 12s ease-in-out infinite;transform-box:view-box;transform-origin:0px 0px}.kasko-selfie-wrist{animation:kasko-selfie-wrist 12s ease-in-out infinite;transform-box:view-box;transform-origin:0px 0px}.kasko-selfie-flash{animation:kasko-selfie-flash 12s ease-in-out infinite;opacity:0}
@keyframes kasko-selfie-upper{0%,20%,90%,100%{transform:rotate(0)}43%,68%{transform:rotate(35deg)}}@keyframes kasko-selfie-forearm{0%,20%,90%,100%{transform:rotate(0)}43%,68%{transform:rotate(-165deg)}}@keyframes kasko-selfie-wrist{0%,20%,90%,100%{transform:rotate(-12deg)}43%,68%{transform:rotate(130deg)}}@keyframes kasko-selfie-flash{0%,53%,60%,100%{opacity:0}55%,57%{opacity:1}}

/* Phone-side light falls off across the face; the reflection shares the flash clock. */
.kasko-selfie-face-light{opacity:0;animation:kasko-selfie-face-light 12s linear infinite}
@keyframes kasko-selfie-face-light{0%,53.8%,58%,100%{opacity:0}54.6%{opacity:.3}55%,56%{opacity:1}57%{opacity:.35}}
body[data-motion="0"] .kasko-selfie-face-light{animation:none!important;opacity:0}
@media(prefers-reduced-motion:reduce){.kasko-selfie-face-light{animation:none!important;opacity:0}}