/* A layered picture-book scene; destination art is a single cohesive illustration. */
body.cath-world:has(.storybook-world){background:#eaf4f3;overflow-x:hidden}.storybook-world{min-height:100dvh;isolation:isolate}.storybook-scene{--parallax-x:0px;--parallax-y:0px;position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;color:#29475a;background:linear-gradient(180deg,#d9eff6 0%,#eef7e9 77%,#dcebd2 100%);touch-action:manipulation}.storybook-sky{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 14% 4%,rgba(255,248,199,.72),transparent 32%),radial-gradient(ellipse at 84% 16%,rgba(255,255,255,.44),transparent 28%)}.storybook-copy{position:absolute;z-index:5;top:clamp(84px,12vh,150px);left:clamp(24px,7vw,112px);max-width:min(43vw,530px);transform:translate3d(calc(var(--parallax-x) * .2),calc(var(--parallax-y) * .2),0)}.storybook-copy p{margin:0 0 12px;color:#587b8f;font-size:11px;font-weight:850;letter-spacing:.15em}.storybook-copy h1{margin:0;color:#29475a;font-size:clamp(42px,5.2vw,72px);font-weight:800;letter-spacing:-.068em;line-height:.96;text-wrap:balance}.storybook-copy h1 em{color:#5689c4;font-style:normal}.storybook-copy>span{display:block;max-width:340px;margin-top:16px;color:#668292;font-size:clamp(13px,1.4vw,16px);font-weight:650;line-height:1.5}.storybook-landscape{position:absolute;z-index:0;right:0;bottom:0;left:0;height:min(78vh,810px);min-height:500px;overflow:hidden;transform:translate3d(calc(var(--parallax-x) * -.1),calc(var(--parallax-y) * -.08),0)}.storybook-landscape::after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(231,246,247,.88) 0%,rgba(231,246,247,0) 24%,rgba(235,245,231,0) 75%,rgba(229,239,214,.42));content:""}.storybook-landscape img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;filter:saturate(.89) contrast(.97)}.storybook-cloud{position:absolute;z-index:1;width:clamp(94px,13vw,180px);aspect-ratio:2.1;border:0;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:inset 0 7px 12px rgba(255,255,255,.8),inset -10px -10px 16px rgba(149,177,181,.14),0 11px 18px rgba(76,119,136,.1);cursor:pointer;animation:storybook-drift 22s linear infinite}.storybook-cloud::before,.storybook-cloud::after{position:absolute;border-radius:50%;background:inherit;content:""}.storybook-cloud::before{width:42%;height:120%;left:20%;bottom:0}.storybook-cloud::after{width:34%;height:88%;right:14%;bottom:0}.cloud-left{top:22%;left:4%;animation-duration:29s}.cloud-right{top:13%;right:8%;width:clamp(68px,9vw,130px);opacity:.8;animation-direction:reverse;animation-duration:35s}.storybook-cloud.is-puffed{animation:storybook-puff .48s cubic-bezier(.23,1,.32,1) both}.storybook-destinations{position:absolute;z-index:4;inset:0;pointer-events:none}.storybook-destination{position:absolute;display:flex;min-width:142px;min-height:54px;align-items:center;gap:9px;padding:7px 14px 7px 8px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.79);box-shadow:0 12px 23px rgba(50,84,72,.18),inset 0 1px rgba(255,255,255,.94);color:#355f73;text-decoration:none;pointer-events:auto;backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.storybook-destination b{display:grid;flex:none;width:38px;height:38px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f9da87,#e9a85d);box-shadow:inset 2px 2px 3px rgba(255,255,229,.8),inset -3px -3px 5px rgba(153,93,56,.17);color:#fff;font-size:12px}.storybook-destination span{font-size:12px;font-weight:850;line-height:1.1}.storybook-destination.is-current{background:#fff;box-shadow:0 14px 28px rgba(50,84,72,.22),inset 0 1px rgba(255,255,255,.98)}.storybook-destination.is-current b{background:linear-gradient(145deg,#85c794,#4c9f70)}.storybook-k1{left:8%;bottom:42%}.storybook-k2{left:45%;bottom:52%}.storybook-k3{right:7%;bottom:46%}.storybook-destination.is-choosing{transform:scale(.96)}@media(hover:hover) and (pointer:fine){.storybook-destination:hover{background:#fff;box-shadow:0 17px 30px rgba(50,84,72,.23);transform:translateY(-4px) scale(1.02)}}.storybook-destination:focus-visible,.storybook-cloud:focus-visible,.storybook-cat:focus-visible,.storybook-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}.storybook-cat{position:absolute!important;z-index:6;left:47%;bottom:7%;width:clamp(106px,12vw,158px);height:clamp(143px,16vw,205px);border:0;background:transparent;cursor:pointer;transform:translate3d(calc(var(--parallax-x) * .55),calc(var(--parallax-y) * .4),0)!important;transform-origin:50% 90%!important;filter:drop-shadow(0 13px 8px rgba(39,78,61,.22));animation:storybook-cat-idle 4s cubic-bezier(.77,0,.175,1) infinite!important}.storybook-cat.is-greeting{animation:storybook-cat-greet .72s cubic-bezier(.23,1,.32,1) both!important}.storybook-cat .cat-tail{animation:storybook-tail 2.8s cubic-bezier(.77,0,.175,1) infinite}.storybook-cat .cat-eye{animation:storybook-blink 5.5s ease-in-out infinite;transform-origin:center}.cat-speech{position:absolute;z-index:7;left:50%;bottom:30%;width:max-content;max-width:min(230px,64vw);margin:0;padding:9px 12px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 11px 22px rgba(44,86,78,.14);color:#416b7e;font-size:12px;font-weight:800;line-height:1.25;opacity:0;pointer-events:none;transform:translate(-50%,10px) scale(.96);transition:opacity .2s ease,transform .2s cubic-bezier(.23,1,.32,1)}.cat-speech.is-visible{opacity:1;transform:translate(-50%,0) scale(1)}.storybook-cta{position:absolute;z-index:7;right:clamp(22px,7vw,112px);bottom:clamp(40px,8vh,96px);display:inline-flex;min-height:52px;align-items:center;gap:10px;padding:0 20px;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 13px 25px rgba(49,90,83,.18),inset 0 1px #fff;color:#376c90;font-size:14px;font-weight:850;text-decoration:none;backdrop-filter:blur(12px);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.storybook-cta b{font-size:19px}@media(hover:hover) and (pointer:fine){.storybook-cta:hover{background:#fff;box-shadow:0 17px 29px rgba(49,90,83,.24);transform:translateY(-3px)}}.storybook-cta:active{transform:scale(.97)}
@keyframes storybook-drift{from{transform:translateX(-2vw)}to{transform:translateX(5vw)}}@keyframes storybook-puff{45%{transform:translateY(-10px) scale(1.06,.94)}100%{transform:translateY(0) scale(1)}}@keyframes storybook-cat-idle{0%,100%{transform:translate3d(calc(var(--parallax-x) * .55),calc(var(--parallax-y) * .4),0) scale(1,1)}50%{transform:translate3d(calc(var(--parallax-x) * .55),calc(var(--parallax-y) * .4 - 2px),0) scale(1.015,.987)}}@keyframes storybook-cat-greet{30%{transform:translate3d(calc(var(--parallax-x) * .55),calc(var(--parallax-y) * .4 - 16px),0) rotate(-4deg) scale(.97,1.04)}65%{transform:translate3d(calc(var(--parallax-x) * .55),calc(var(--parallax-y) * .4),0) rotate(3deg) scale(1.06,.94)}100%{transform:translate3d(calc(var(--parallax-x) * .55),calc(var(--parallax-y) * .4),0) scale(1)}}@keyframes storybook-tail{50%{transform:rotate(5deg)}}@keyframes storybook-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}
@media(max-width:767px){.storybook-scene{min-height:100dvh;padding-bottom:102px}.storybook-copy{top:max(62px,9dvh);right:18px;left:18px;max-width:none;text-align:center}.storybook-copy p{margin-bottom:8px;font-size:9px}.storybook-copy h1{font-size:clamp(34px,10vw,43px)}.storybook-copy>span{margin:9px auto 0;font-size:12px}.storybook-landscape{top:29dvh;bottom:auto;height:43dvh;min-height:0}.storybook-landscape img{object-position:center center}.storybook-landscape::after{background:linear-gradient(180deg,rgba(231,246,247,.7),transparent 18%,transparent 73%,rgba(235,245,231,.72))}.storybook-cloud{display:none}.storybook-destinations{top:auto;bottom:76px;left:12px;right:12px;display:grid;gap:8px;inset-inline:12px;height:auto;pointer-events:auto}.storybook-destination,.storybook-k1,.storybook-k2,.storybook-k3{position:relative;right:auto;bottom:auto;left:auto;width:100%;min-height:50px}.storybook-destination span{font-size:13px}.storybook-cat{left:calc(50% - 58px);bottom:31dvh;width:116px;height:151px}.cat-speech{bottom:49dvh;font-size:11px}.storybook-cta{right:50%;bottom:20px;min-height:48px;min-width:218px;justify-content:center;font-size:13px;transform:translateX(50%)}.storybook-cta:active{transform:translateX(50%) scale(.97)}}
@media(max-width:360px){.storybook-copy h1{font-size:32px}.storybook-landscape{top:31dvh;height:39dvh}.storybook-cat{bottom:32dvh;transform:translateX(-4px)!important}.storybook-destinations{bottom:72px;gap:6px}.storybook-destination{min-height:46px;padding-block:4px}.storybook-cta{bottom:16px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.storybook-cloud,.storybook-cat,.storybook-cat .cat-tail,.storybook-cat .cat-eye{animation:none!important}.storybook-landscape,.storybook-copy,.storybook-cat{transform:none!important}.storybook-destination,.storybook-cta{transition:background .2s ease,box-shadow .2s ease}.cat-speech{transition:opacity .2s ease}.storybook-destination.is-choosing{transform:none}}

/* Keep parallax composited with valid translate values in every browser. */
.storybook-copy,.storybook-landscape,.storybook-cat{transform:translate3d(var(--parallax-x),var(--parallax-y),0)!important}
.storybook-cat{animation:storybook-cat-idle 4s cubic-bezier(.77,0,.175,1) infinite!important}.storybook-cat.is-greeting{animation:storybook-cat-greet .72s cubic-bezier(.23,1,.32,1) both!important}
@keyframes storybook-cat-idle{0%,100%{transform:translate3d(var(--parallax-x),var(--parallax-y),0) scale(1,1)}50%{transform:translate3d(var(--parallax-x),calc(var(--parallax-y) - 2px),0) scale(1.015,.987)}}
@keyframes storybook-cat-greet{30%{transform:translate3d(var(--parallax-x),calc(var(--parallax-y) - 16px),0) rotate(-4deg) scale(.97,1.04)}65%{transform:translate3d(var(--parallax-x),var(--parallax-y),0) rotate(3deg) scale(1.06,.94)}100%{transform:translate3d(var(--parallax-x),var(--parallax-y),0) scale(1)}}
.storybook-world .storybook-cat{left:47%;bottom:7%}@media(max-width:767px){.storybook-copy h1{font-size:34px}.storybook-world .storybook-cat{left:calc(50% - 58px);bottom:31dvh}}
.storybook-world .cat-ear{top:-12%;width:29%;height:32%;border-radius:18% 78% 18% 78%;clip-path:polygon(50% 0,100% 100%,0 100%)}
@media(prefers-reduced-motion:reduce){.storybook-world .storybook-copy,.storybook-world .storybook-landscape,.storybook-world .storybook-cat{transform:none!important}.storybook-world .storybook-cat{animation:none!important}}
.storybook-world .storybook-k2{left:36%;bottom:62%}@media(max-width:767px){.storybook-world .storybook-k2{left:auto;bottom:auto}}
@media(max-width:767px){.storybook-world .storybook-cat{bottom:42dvh;width:104px;height:135px}.storybook-world .storybook-cta{right:50%;bottom:31dvh;min-width:0;transform:translateX(50%)}.storybook-world .storybook-cta:active{transform:translateX(50%) scale(.97)}}