/* ============================================================================
   home.css — styles used only by the home pages (/ and /en/).
   The blocks between crit markers are inlined into the page head (see the
   inline <style> in public/index.html and public/en/index.html); the whole file
   then loads without blocking render. Base tokens (--p-*, --color-*) live in
   app.css and the inline head; this file re-points them at the "joyful
   prepared environment" palette below.
   Motif: a Montessori shelf of materials in the logo's colours. The hero photo
   sits in an arch inside a rainbow of stacking arcs, beside a pink tower, a
   knobbed cylinder and a sphere; the day runs on a bead chain; sections are
   colour blocks joined by soft waves. Display: Reem Kufi. Body: Tajawal.
   ========================================================================== */
/*!crit*/
:root{
  --w-plum-950:#1d0a27;--w-plum-900:#2a1035;--w-plum-700:#4a1f63;--w-purple:#7b3fa0;--w-purple-600:#68318a;
  --w-lilac-300:#c9a9df;--w-lilac-200:#e2cff0;--w-lilac-100:#f1e6f8;--w-lilac-50:#f9f4fc;
  --w-pink:#e83878;--w-pink-700:#b8185a;--w-pink-300:#f7a3c2;--w-pink-200:#fbc6da;--w-pink-100:#fde6ef;
  --w-green:#6dc24b;--w-green-800:#1d6b35;--w-green-300:#b4e09c;--w-green-100:#e9f6e1;
  --w-blue:#29a8e0;--w-blue-800:#0b5f86;--w-blue-300:#9fd8f2;--w-blue-100:#e2f3fb;
  --w-orange:#e8a020;--w-orange-800:#7f4c00;--w-orange-300:#f6cf86;--w-orange-100:#fff2d6;
  --w-paper:#fffcf8;--w-ink:#2a1035;--w-ink-soft:#4d3a57;--w-ink-muted:#6b5a73;
  --color-bg:var(--w-paper);--color-bg-alt:var(--w-lilac-50);--color-bg-wood:var(--w-blue-100);
  --color-bg-deep:var(--w-plum-900);--color-bg-deepest:var(--w-plum-950);
  --color-text:var(--w-ink);--color-text-soft:var(--w-ink-soft);--color-text-muted:var(--w-ink-muted);
  --color-heading:var(--w-plum-900);--color-primary:var(--w-purple);--color-primary-hover:var(--w-purple-600);
  --color-accent-text:var(--w-pink-700);--color-border:#e6dbec;--color-border-soft:#f0e7f4;
  --color-on-deep:#f4ecf9;--color-on-deep-muted:#dccbe7;--color-focus:var(--w-purple);--color-wa:var(--w-green-800);
  --nav-bg:rgba(255,252,248,.9);--chip-bg:var(--w-lilac-100);--chip-fg:var(--w-purple);
  --field-border:#d8cae0;--field-border-focus:var(--w-purple);--forest:var(--w-purple);
  --shadow-sm:0 1px 2px rgba(42,16,53,.06),0 2px 6px rgba(42,16,53,.05);
  --shadow-md:0 6px 18px rgba(42,16,53,.09),0 18px 40px rgba(42,16,53,.08);
  --shadow-lg:0 18px 40px rgba(42,16,53,.16),0 40px 80px rgba(42,16,53,.12);
  --fs-3xl:clamp(2.15rem,1.4rem + 3.4vw,4rem);
  --wave-h:clamp(26px,4.2vw,60px);
  --radius-xl:32px
}
.k-page{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:var(--lh-body);font-feature-settings:normal}
.k-page h1,.k-page h2,.k-page h3{font-family:var(--font-display);font-weight:600;letter-spacing:0;color:var(--color-heading);line-height:var(--lh-tight)}
.k-page :focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:6px}
.k-page [id]{scroll-margin-top:calc(var(--nav-height) + 12px)}
.skip{background:var(--w-purple)}
::selection{background:var(--w-pink-200);color:var(--w-ink)}
.k-wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.k-ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}

/* buttons */
.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--btn-height);padding:0 26px;
  border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-md);line-height:1.2;text-align:center;border:2px solid transparent;
  transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast),color var(--dur-fast),transform var(--dur-fast),box-shadow var(--dur-fast);cursor:pointer}
.k-btn:active{transform:translateY(1px)}
.k-btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}
.k-btn--primary:hover{background:var(--btn-primary-bg-hover)}
.k-btn--wa{background:var(--color-wa);color:#fff;box-shadow:0 4px 0 #134a24,0 12px 26px rgba(29,107,53,.28)}
.k-btn--wa:hover{background:#185c2d}
.k-btn--wa:active{transform:translateY(3px);box-shadow:0 1px 0 #134a24,0 6px 14px rgba(29,107,53,.24)}
.k-btn--quiet{background:transparent;color:var(--btn-quiet-fg);border-color:var(--btn-quiet-border)}
.k-btn--quiet:hover{border-color:var(--color-primary)}
.k-btn--sm{min-height:var(--btn-height-sm);padding:0 16px;font-size:var(--fs-sm)}
.k-btn--lg{min-height:58px;padding:0 30px;font-size:1.125rem}
.k-btn--block{width:100%}
.k-btn .k-ic{width:22px;height:22px}

/* nav */
.k-nav{position:sticky;top:0;z-index:70;background:var(--nav-bg);border-bottom:1px solid var(--color-border-soft)}
@supports (backdrop-filter:blur(1px)){.k-nav{backdrop-filter:saturate(1.4) blur(14px)}}
.k-nav__in{max-width:var(--maxw);margin-inline:auto;padding:0 var(--gutter);min-height:var(--nav-height);display:flex;align-items:center;gap:12px}
.k-brand{display:flex;align-items:center;gap:10px;color:var(--color-heading);min-height:44px}
.k-brand img{width:auto;height:42px}
.k-brand__name{font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.15;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.k-brand__name small{display:block;font-family:var(--font-body);font-weight:400;font-size:var(--fs-xs);color:var(--color-text-muted)}
.k-links{display:none;gap:2px;margin-inline-start:auto}
.k-links a{padding:10px 12px;border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-sm);color:var(--color-text-soft)}
.k-links a:hover{color:var(--color-heading);background:var(--w-lilac-100)}
.k-nav__act{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.k-chip-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 10px;border-radius:12px;
  font-weight:700;font-size:var(--fs-sm);color:var(--color-heading)}
.k-chip-link:hover{background:var(--w-lilac-100)}
.k-chip-link .k-ic{width:18px;height:18px}
.k-chip-link[lang]{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.k-nav .k-hide-sm{display:none}
.k-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--w-lilac-100);color:var(--color-heading)}
.k-burger .k-ic{width:22px;height:22px}
.k-nav .k-btn,.k-chip-link{white-space:nowrap}
@media(max-width:399px){.k-nav__in{gap:8px}.k-nav__act{gap:2px}.k-brand img{height:34px}.k-chip-link{padding:0 7px}.k-nav .k-btn--sm{padding:0 12px}}
@media(min-width:420px){.k-nav .k-hide-sm{display:inline-flex}}
@media(min-width:600px){.k-brand__name{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}}
@media(min-width:1040px){.k-links{display:flex}.k-nav__act{margin-inline-start:12px}.k-burger{display:none}}
.k-links a{white-space:nowrap}
/* the English links are longer: the logo alone carries the name while they are shown */
@media(min-width:1040px){[dir=ltr] .k-brand__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* hero */
.k-hero{position:relative;overflow:hidden;padding-block:clamp(14px,4vw,56px) clamp(56px,8vw,104px);isolation:isolate}
.k-hero::before{content:"";position:absolute;z-index:-1;inset-inline-end:-30vw;top:-18vw;width:90vw;max-width:980px;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,var(--w-lilac-100) 0 58%,rgba(241,230,248,0) 71%)}
.k-hero__in{display:grid;gap:clamp(14px,3vw,56px);align-items:center}
.k-hero__text{position:relative;z-index:2}
.k-hero h1{font-size:var(--fs-3xl);font-weight:700;line-height:1.16;max-width:15ch;text-wrap:balance}
.k-hero h1 .k-h1-sub{display:block;margin-top:.5em;font-family:var(--font-body);font-size:max(.36em,1.0625rem);line-height:1.6;font-weight:700;color:var(--w-pink-700);max-width:32ch}
.k-hero__lede{margin-top:12px;font-size:var(--fs-md);line-height:1.75;color:var(--color-text-soft);max-width:42ch}
.k-hero__cta{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.k-hero__cta .k-btn{flex:1 1 100%}
.k-hero__note{margin-top:10px;font-size:var(--fs-sm);line-height:1.6;color:var(--color-text-muted)}
.k-textlink{font-weight:700;color:var(--color-heading);text-decoration:underline;text-decoration-color:var(--w-pink);text-decoration-thickness:3px;text-underline-offset:7px;
  min-height:44px;display:inline-flex;align-items:center}
.k-textlink:hover{text-decoration-color:var(--w-purple)}
.k-facts{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.k-facts div{display:flex;flex-direction:column;justify-content:center;padding:8px 16px 8px 14px;border-radius:18px;background:var(--fact-bg,var(--w-pink-100));min-height:56px}
.k-facts div:nth-child(2){--fact-bg:var(--w-blue-100)}
.k-facts div:nth-child(3){--fact-bg:var(--w-green-100)}
.k-facts dt{font-size:var(--fs-xs);color:var(--color-text-muted);line-height:1.4}
.k-facts dd{font-weight:700;color:var(--color-heading);font-size:var(--fs-sm);line-height:1.4}
@media(min-width:600px){.k-hero__cta .k-btn{flex:0 0 auto}}
@media(min-width:900px){
  .k-hero__in{grid-template-columns:1fr 1.05fr}
  .k-hero__lede{font-size:var(--fs-lg);max-width:36ch}
}

/* the collage: arch photo inside stacking rainbow arcs, two satellite photos, Montessori materials */
.k-collage{position:relative;order:-1;width:min(100%,440px);margin-inline:auto;aspect-ratio:5/4;z-index:1}
@media(min-width:900px){.k-collage{order:0;width:min(100%,600px)}}
.k-collage__blob{position:absolute;inset:12% 2% 2% 2%;border-radius:46% 54% 42% 58%/55% 44% 56% 45%;background:var(--w-lilac-100)}
.k-rainbow{position:absolute;left:7%;top:1.25%;width:86%;height:auto;overflow:visible}
.k-rainbow path{fill:none;stroke-width:11.5}
.k-r1{stroke:var(--w-pink)}.k-r2{stroke:var(--w-orange)}.k-r3{stroke:var(--w-green)}.k-r4{stroke:var(--w-blue)}
.k-arch{position:absolute;left:28%;top:27.5%;width:44%;padding:5px;border-radius:999px 999px 26px 26px;background:#fff;box-shadow:var(--shadow-lg);z-index:2}
.k-arch img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 22px 22px;background:var(--w-pink-100)}
.k-bub{position:absolute;padding:4px;background:#fff;box-shadow:var(--shadow-md);z-index:3}
.k-bub img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--w-blue-100)}
.k-bub--a{inset-inline-start:1%;top:56%;width:27%;border-radius:50%}
.k-bub--a img{border-radius:50%}
.k-bub--a::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:3px dashed var(--w-orange);pointer-events:none}
.k-bub--b{inset-inline-end:1%;top:35%;width:24%;border-radius:28px;transform:rotate(6deg)}
.k-bub--b img{border-radius:24px}
[dir=rtl] .k-bub--b{transform:rotate(-6deg)}
.k-tower{position:absolute;inset-inline-end:8%;bottom:0;width:9%;display:flex;flex-direction:column;align-items:center;z-index:4}
.k-tower i{display:block;aspect-ratio:1;background:var(--w-pink);border-radius:3px;box-shadow:inset -4px -4px 0 rgba(120,10,50,.22)}
.k-tower i:nth-child(1){width:46%;background:var(--w-pink-300)}
.k-tower i:nth-child(2){width:64%;background:#f06e9b}
.k-tower i:nth-child(3){width:82%}
.k-tower i:nth-child(4){width:100%;background:#d42a68}
.k-ball{position:absolute;inset-inline-start:21%;top:46%;width:8%;aspect-ratio:1;border-radius:50%;z-index:3;
  background:radial-gradient(circle at 35% 30%,#a6e48a 0 18%,var(--w-green) 46%,#4c9a30 100%)}
.k-prism{position:absolute;inset-inline-start:3%;top:6%;width:10%;height:auto;z-index:3}
.k-cyl{position:absolute;inset-inline-start:33%;bottom:-1%;width:8%;height:auto;z-index:4}
.k-prism path{fill:var(--w-blue)}.k-prism path+path{fill:#1b86b8}
.k-cyl .c1{fill:var(--w-orange)}.k-cyl .c2{fill:#c9850f}.k-cyl .c3{fill:var(--w-orange-300)}.k-cyl .c4{fill:var(--w-purple)}

@media (prefers-reduced-motion:no-preference){
  .k-rainbow path{stroke-dasharray:1;stroke-dashoffset:1;animation:k-draw 1.1s var(--ease-emphasis) forwards}
  .k-r2{animation-delay:.12s!important}.k-r3{animation-delay:.24s!important}.k-r4{animation-delay:.36s!important}
  .k-tower i{animation:k-stack .7s var(--ease-emphasis) both}
  .k-tower i:nth-child(4){animation-delay:.35s}.k-tower i:nth-child(3){animation-delay:.5s}
  .k-tower i:nth-child(2){animation-delay:.65s}.k-tower i:nth-child(1){animation-delay:.8s}
  .k-bub{animation:k-pop .7s .45s var(--ease-emphasis) both}
  .k-bub--b{animation-delay:.6s}
  .k-ball{animation:k-pop .6s .9s var(--ease-emphasis) both,k-bob 6s 1.5s ease-in-out infinite}
  .k-prism{animation:k-pop .6s 1s var(--ease-emphasis) both,k-bob 7s 1.6s ease-in-out infinite reverse}
  .k-cyl{animation:k-stack .7s 1.05s var(--ease-emphasis) both}
}
@keyframes k-draw{to{stroke-dashoffset:0}}
@keyframes k-stack{0%{transform:translateY(-90px) rotate(-10deg);opacity:0}50%{opacity:1}75%{transform:translateY(3px)}100%{transform:none;opacity:1}}
@keyframes k-pop{from{scale:.4;opacity:0}to{scale:1;opacity:1}}
@keyframes k-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* drawer + back-to-top (in crit so they never render in-flow before home.css loads) */
.k-drawer{position:fixed;inset:0;z-index:90;background:var(--color-bg);display:flex;flex-direction:column;padding:16px var(--gutter) calc(20px + env(safe-area-inset-bottom));
  transform:translateX(100%);visibility:hidden;transition:transform .32s var(--ease-emphasis),visibility 0s .32s;overflow-y:auto}
[dir=rtl] .k-drawer{transform:translateX(-100%)}
.k-drawer.open{transform:none;visibility:visible;transition:transform .32s var(--ease-emphasis)}
.k-drawer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.k-drawer__top b{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--color-heading)}
.k-drawer a.dl{display:flex;align-items:center;min-height:52px;padding:0 4px;border-bottom:1px solid var(--color-border-soft);font-weight:700;font-size:var(--fs-lg);color:var(--color-heading)}
.k-drawer .k-btn{margin-top:12px}
.k-drawer .k-drawer__cta{margin-top:auto;padding-top:20px;display:grid;gap:10px}
.k-totop{position:fixed;inset-block-end:20px;inset-inline-start:16px;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);
  display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:60;opacity:0;transform:translateY(12px);transition:opacity var(--dur-base),transform var(--dur-base);pointer-events:none}
.k-totop.show{opacity:1;transform:none;pointer-events:auto}
.k-totop .k-ic{width:22px;height:22px}
body.no-scroll{overflow:hidden}
.is-hidden{display:none!important}

/* colour-blocked sections joined by waves */
.k-sec{position:relative;padding-block:var(--space-section);--sec-bg:var(--color-bg);background:var(--sec-bg)}
.k-sec--alt,.k-sec--lilac{--sec-bg:var(--w-lilac-50)}
.k-sec--wood,.k-sec--sky{--sec-bg:var(--w-blue-100)}
.k-sec--mint{--sec-bg:var(--w-green-100)}
.k-sec--butter{--sec-bg:var(--w-orange-100)}
.k-sec--deep{--sec-bg:var(--color-bg-deep);color:var(--color-on-deep)}
.k-sec--deep h2,.k-sec--deep h3{color:#fff}
.k-wave{position:absolute;left:0;bottom:calc(100% - 1px);width:100%;height:var(--wave-h);color:var(--sec-bg);fill:currentColor;pointer-events:none}
.k-wave--flip{transform:scaleX(-1)}
.k-final,.k-foot{position:relative}
.k-head{max-width:var(--measure);margin-bottom:clamp(28px,4vw,48px)}
.k-head h2{font-size:var(--fs-2xl);text-wrap:balance}
.k-head p{margin-top:12px;font-size:var(--fs-md);color:var(--color-text-soft)}
.k-sec--deep .k-head p{color:var(--color-on-deep-muted)}
.k-kicker{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:700;color:var(--color-accent-text);margin-bottom:10px}
.k-kicker::before{content:"";width:14px;height:14px;border-radius:4px;background:var(--kick,var(--w-pink));transform:rotate(45deg)}
.k-sec--deep .k-kicker{color:var(--w-orange-300)}
.k-sec--deep .k-kicker::before{background:var(--w-orange)}

/* trust strip, right under the hero */
.k-trust{position:relative;--sec-bg:var(--w-purple);background:var(--sec-bg);color:#fff;padding-block:clamp(26px,4vw,40px)}
.k-trust__list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.k-trust li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center}
.k-trust__ic{grid-row:span 2;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ic,var(--w-pink));color:var(--w-plum-900)}
.k-trust__ic .k-ic{width:24px;height:24px}
.k-trust li:nth-child(2){--ic:var(--w-orange)}
.k-trust li:nth-child(3){--ic:var(--w-green)}
.k-trust li:nth-child(4){--ic:var(--w-blue)}
.k-trust b{font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.3;align-self:end}
.k-trust li span:not(.k-trust__ic){font-size:var(--fs-xs);line-height:1.5;color:#f1e6f8;align-self:start}
@media(max-width:519px){.k-trust__list{grid-template-columns:1fr}}
@media(min-width:960px){.k-trust__list{grid-template-columns:repeat(4,1fr);gap:24px}}
/*!/crit*/

/* answers ("before you ask") */
.k-answers{display:grid;gap:14px}
.k-answer{position:relative;display:grid;grid-template-columns:52px 1fr;gap:4px 16px;padding:22px 22px 22px 20px;background:#fff;border-radius:var(--radius-lg);
  box-shadow:0 1px 0 var(--color-border),0 10px 30px rgba(42,16,53,.05);overflow:hidden}
.k-answer .k-ic{grid-row:span 2;width:52px;height:52px;padding:13px;border-radius:var(--ans-r,50%);background:var(--ans,var(--w-pink-100));color:var(--ans-fg,var(--w-pink-700))}
.k-answer:nth-child(2){--ans:var(--w-orange-100);--ans-fg:var(--w-orange-800);--ans-r:14px}
.k-answer:nth-child(3){--ans:var(--w-blue-100);--ans-fg:var(--w-blue-800);--ans-r:50% 50% 14px 14px}
.k-answer:nth-child(4){--ans:var(--w-green-100);--ans-fg:var(--w-green-800);--ans-r:14px 50%}
.k-answer:nth-child(5){--ans:var(--w-lilac-100);--ans-fg:var(--w-purple);--ans-r:50%}
.k-answer:nth-child(6){--ans:var(--w-pink-100);--ans-fg:var(--w-pink-700);--ans-r:14px}
.k-answer h3{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;color:var(--color-heading)}
.k-answer p{font-size:var(--fs-md);color:var(--color-text-soft)}
.k-answer a{color:var(--w-purple);font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(min-width:760px){.k-answers{grid-template-columns:1fr 1fr;gap:18px}}
@media(min-width:1100px){.k-answers{grid-template-columns:repeat(3,1fr)}}
.k-continuity{margin-top:28px;font-size:var(--fs-sm);color:var(--color-text-muted);max-width:var(--measure)}

/* approach: the four principles as a tray of materials */
.k-approach{display:grid;gap:clamp(28px,5vw,64px);align-items:center}
.k-approach__text p{font-size:var(--fs-md);color:var(--color-text-soft);margin-top:14px;max-width:var(--measure)}
.k-approach__text h2{font-size:var(--fs-2xl);text-wrap:balance}
.k-tray{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.k-tray li{display:flex;flex-direction:column;gap:6px;padding:20px 18px;background:var(--tray-bg,var(--w-pink-100));border-radius:var(--radius-lg)}
.k-tray li::before{content:"";width:40px;height:40px;margin-bottom:8px;background:var(--shape,var(--w-pink));border-radius:var(--shape-r,50%);box-shadow:inset -5px -5px 0 rgba(42,16,53,.14)}
.k-tray li:nth-child(2){--tray-bg:var(--w-orange-100);--shape:var(--w-orange);--shape-r:6px}
.k-tray li:nth-child(3){--tray-bg:var(--w-blue-100);--shape:var(--w-blue);--shape-r:50% 50% 6px 6px}
.k-tray li:nth-child(4){--tray-bg:var(--w-green-100);--shape:var(--w-green);--shape-r:6px 50%}
.k-tray b{color:var(--color-heading);font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);line-height:1.3}
.k-tray span{color:var(--color-text-soft);font-size:var(--fs-sm)}
@media(max-width:419px){.k-tray{grid-template-columns:1fr}}
@media(min-width:900px){.k-approach{grid-template-columns:1fr 1.1fr}.k-tray li:nth-child(even){transform:translateY(26px)}}

/* a day at the nursery: a bead chain with real photos */
.k-day{list-style:none;position:relative;display:grid;gap:14px}
.k-day::before{content:"";position:absolute;inset-inline-start:27px;top:30px;bottom:30px;width:0;border-inline-start:3px dotted var(--w-purple);opacity:.45}
.k-day li{position:relative;display:grid;grid-template-columns:58px 1fr auto;gap:0 14px;align-items:center}
.k-day time{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-body);font-weight:700;font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--w-plum-900);background:var(--bead,#f06e9b);
  box-shadow:inset -5px -6px 0 rgba(42,16,53,.16),0 4px 10px rgba(42,16,53,.12)}
.k-day li:nth-child(2){--bead:var(--w-orange)}
.k-day li:nth-child(3){--bead:var(--w-green)}
.k-day li:nth-child(4){--bead:var(--w-blue)}
.k-day li:nth-child(5){--bead:var(--w-lilac-300)}
.k-day li:nth-child(6){--bead:var(--w-pink-300)}
.k-day h3{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600}
.k-day p{color:var(--color-text-soft);font-size:var(--fs-sm);line-height:1.6}
.k-day__pic{width:92px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;border:4px solid #fff;box-shadow:var(--shadow-md);flex:none}
.k-day__pic img{width:100%;height:100%;object-fit:cover;display:block}
.k-day__pic--art{display:flex;align-items:center;justify-content:center;background:var(--art,var(--w-lilac-100))}
.k-day__pic--art svg{width:62%;height:auto}
.k-art--sun{--art:var(--w-orange-100)}
.k-art--paint{--art:var(--w-lilac-200)}
.k-art--home{--art:var(--w-pink-100)}
.k-day li:nth-child(odd) .k-day__pic{border-radius:28px}
@media(min-width:960px){
  .k-day{grid-template-columns:repeat(6,1fr);gap:18px}
  .k-day::before{inset-inline:6% 6%;top:calc(150px + 26px + 29px);bottom:auto;height:0;width:auto;border-inline-start:0;border-top:3px dotted var(--w-purple)}
  .k-day li{grid-template-columns:1fr;grid-template-rows:150px auto auto;justify-items:center;text-align:center;gap:0;align-items:start}
  .k-day__pic{grid-row:1;width:150px;height:150px}
  .k-day time{grid-row:2;margin-top:26px;margin-bottom:12px}
  .k-day li>div{grid-row:3}
  .k-day li:nth-child(even) .k-day__pic{transform:translateY(-12px) rotate(-3deg)}
}

/* programmes: three bold colour cards */
.k-progs{list-style:none;display:grid;gap:18px}
.k-prog{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 0 var(--color-border),0 16px 40px rgba(42,16,53,.08)}
.k-prog__top{position:relative;display:flex;align-items:flex-end;min-height:150px;padding:22px 24px;background:var(--prog,var(--w-pink));color:var(--prog-fg,var(--w-plum-900));overflow:hidden}
.k-prog__num{font-family:var(--font-display);font-weight:700;font-size:clamp(3.2rem,9vw,4.4rem);line-height:1;position:relative;z-index:1}
.k-prog--pink{--prog:var(--w-pink);--prog-fg:#fff}
/* Tajawal on the Arabic page: Reem Kufi's Latin subset (for the en dash) is not preloaded there */
:lang(ar) .k-prog__num{font-family:var(--font-body);font-weight:700}
.k-prog--blue{--prog:var(--w-blue)}
.k-prog--orange{--prog:var(--w-orange)}
.k-prog__top::after{content:"";position:absolute;inset-inline-end:-26px;top:-26px;width:150px;aspect-ratio:1;border-radius:50%;border:22px solid rgba(255,255,255,.28)}
.k-prog--blue .k-prog__top::after{border-radius:16px;transform:rotate(18deg);inset-inline-end:-10px;top:-40px}
.k-prog--orange .k-prog__top::after{border-radius:999px 999px 0 0;border-bottom:0;top:auto;bottom:-80px;width:170px}
.k-prog__body{padding:22px 24px 26px}
.k-prog .k-age{display:inline-block;font-weight:700;font-size:var(--fs-sm);color:var(--w-purple);background:var(--w-lilac-100);padding:4px 12px;border-radius:var(--radius-pill);margin-bottom:10px}
.k-prog h3{font-size:var(--fs-xl)}
.k-prog p{margin-top:8px;color:var(--color-text-soft);font-size:var(--fs-md)}
@media(min-width:760px){.k-progs{grid-template-columns:repeat(3,1fr);gap:22px}.k-prog:nth-child(2){transform:translateY(22px)}}

/* gallery: bento of photos from the Odoo feed */
.k-gal{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:132px;gap:10px;min-height:calc(5 * 132px + 4 * 10px)}
.k-gal .cell{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:22px;overflow:hidden;background:#fff;cursor:zoom-in}
.k-gal .cell picture,.k-gal .cell img{display:block;width:100%;height:100%}
.k-gal .cell img{object-fit:cover;transition:transform .6s var(--ease-standard)}
.k-gal .cell:hover img{transform:scale(1.05)}
.k-gal .cell:nth-child(1){grid-column:span 2;grid-row:span 2;border-radius:999px 999px 22px 22px}
.k-gal .cell:nth-child(2){grid-row:span 2}
.k-gal .cell:nth-child(3){border-radius:50%;width:auto;aspect-ratio:1;justify-self:center}
.k-gal .cell[hidden]{display:none}
.k-gal .cell:nth-child(5){border-radius:22px 22px 22px 70px}
[dir=rtl] .k-gal .cell:nth-child(5){border-radius:22px 22px 70px 22px}
.k-gal .cell:nth-child(n+7){display:none}
@media(min-width:760px){
  .k-gal{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px;min-height:calc(3 * 200px + 2 * 14px)}
  .k-gal .cell:nth-child(1){border-radius:var(--radius-xl)}
  .k-gal .cell:nth-child(2){border-radius:999px 999px var(--radius-xl) var(--radius-xl)}
  .k-gal .cell:nth-child(3){height:auto;width:100%;align-self:center}
  .k-gal .cell:nth-child(5),.k-gal .cell:nth-child(6){grid-column:span 2}
  .k-gal .cell:nth-child(6){border-radius:var(--radius-xl) var(--radius-xl) 999px 999px}
}
.k-gal-note{margin-top:18px;font-size:var(--fs-sm);color:var(--color-text-muted)}
.k-gal-note a{color:var(--w-green-800);font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* reviews (rendered from /assets/reviews.json) */
.k-rating{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:24px}
.k-rating b{font-family:var(--font-display);font-size:2.4rem;line-height:1;color:var(--color-heading)}
.k-rating .k-stars{display:flex;gap:2px;color:var(--w-orange)}
.k-rating .k-stars svg{width:18px;height:18px;fill:currentColor}
.k-rating span{color:var(--color-text-muted);font-size:var(--fs-sm)}
.k-rating a{font-weight:700;color:var(--w-purple);text-decoration:underline;text-underline-offset:4px}
.k-quotes{display:grid;gap:16px}
.k-quote{background:#fff;border-radius:var(--radius-lg);padding:22px;box-shadow:0 1px 0 var(--color-border),0 10px 30px rgba(42,16,53,.05)}
.k-quote p{white-space:pre-line;color:var(--color-text-soft)}
.k-quote footer{margin-top:12px;font-size:var(--fs-sm);color:var(--color-text-muted)}
.k-quote footer b{color:var(--color-heading)}
@media(min-width:760px){.k-quotes{grid-template-columns:repeat(3,1fr)}}

/* visit */
.k-sec--deep{overflow-x:clip;clip-path:inset(calc(-1 * var(--wave-h) - 2px) 0 0 0)}
.k-sec--deep::after{content:"";position:absolute;inset-inline-start:-90px;bottom:-110px;width:300px;aspect-ratio:1;border-radius:50%;border:44px solid rgba(232,56,120,.22);pointer-events:none}
.k-visit{position:relative;z-index:1;display:grid;gap:clamp(28px,5vw,64px);align-items:center}
.k-steps{list-style:none;counter-reset:k;display:grid;gap:0;margin-top:8px}
.k-steps li{counter-increment:k;display:grid;grid-template-columns:44px 1fr;gap:2px 14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.k-steps li::before{content:counter(k);grid-row:span 2;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:700;font-size:1.1rem;background:var(--step,var(--w-orange));color:var(--w-plum-900)}
.k-steps li:nth-child(2){--step:var(--w-green)}
.k-steps li:nth-child(3){--step:var(--w-blue)}
:lang(ar) .k-steps li::before{content:counter(k,arabic-indic)}
.k-steps b{color:#fff}
.k-steps span{color:var(--color-on-deep-muted);font-size:var(--fs-sm)}
.k-visit__card{position:relative;background:#fff;color:var(--color-text);border-radius:var(--radius-xl);padding:clamp(24px,4vw,40px);box-shadow:0 30px 60px rgba(0,0,0,.25)}
.k-visit__card::before{content:"";position:absolute;inset-inline-end:24px;top:-18px;width:36px;height:36px;border-radius:8px;background:var(--w-pink);transform:rotate(12deg)}
.k-visit__card h3{font-size:var(--fs-xl);color:var(--color-heading)}
.k-visit__card p{margin-top:8px;color:var(--color-text-soft)}
.k-visit__card .k-btn{margin-top:20px}
.k-visit__alt{margin-top:16px;font-size:var(--fs-sm);color:var(--color-text-muted);display:grid;gap:4px}
.k-visit__alt a{color:var(--w-purple);font-weight:700;text-decoration:underline;text-underline-offset:4px}
@media(min-width:900px){.k-visit{grid-template-columns:1.1fr .9fr}}

/* fee / guide link lists */
.k-linklist{list-style:none;display:grid;gap:10px}
.k-linklist a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;padding:16px 20px;min-height:64px;background:#fff;border-radius:20px;
  box-shadow:0 1px 0 var(--color-border);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast)}
.k-linklist a:hover{transform:translateY(-2px);box-shadow:0 1px 0 var(--color-border),0 12px 26px rgba(42,16,53,.08)}
.k-linklist a:hover b{text-decoration:underline;text-underline-offset:4px}
.k-linklist b{color:var(--color-heading);font-size:var(--fs-md)}
.k-linklist span{grid-column:1;color:var(--color-text-muted);font-size:var(--fs-sm)}
.k-linklist a::after{content:"";grid-column:2;grid-row:1/span 2;width:10px;height:10px;border-top:3px solid var(--w-pink);border-right:3px solid var(--w-pink);transform:rotate(45deg)}
[dir=rtl] .k-linklist a::after{border-right:0;border-left:3px solid var(--w-pink);transform:rotate(-45deg)}
@media(min-width:760px){.k-linklist{grid-template-columns:1fr 1fr;gap:14px}}
.k-areas{display:flex;flex-wrap:wrap;gap:10px}
.k-areas a{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:var(--radius-pill);background:#fff;border:2px solid var(--area,var(--w-pink-200));
  color:var(--color-heading);font-weight:700;font-size:var(--fs-sm);transition:background-color var(--dur-fast),border-color var(--dur-fast)}
.k-areas a:nth-child(4n+2){--area:var(--w-orange-300)}
.k-areas a:nth-child(4n+3){--area:var(--w-green-300)}
.k-areas a:nth-child(4n){--area:var(--w-blue-300)}
.k-areas a:hover{background:var(--w-lilac-50);border-color:var(--w-purple)}

/* parents form */
.k-form-grid{display:grid;gap:clamp(24px,4vw,56px);align-items:start}
@media(min-width:900px){.k-form-grid{grid-template-columns:.9fr 1.1fr}}
.k-form{background:#fff;border-radius:var(--radius-xl);padding:clamp(22px,4vw,36px);box-shadow:0 1px 0 var(--color-border),0 20px 50px rgba(42,16,53,.08);border-top:8px solid var(--w-green)}
.k-form h3{font-size:var(--fs-xl)}
.k-form .k-form-sub{color:var(--color-text-muted);font-size:var(--fs-sm);margin:4px 0 20px}
.k-field{display:grid;gap:6px;margin-bottom:16px}
.k-field label{font-weight:700;font-size:var(--fs-sm);color:var(--color-text-soft)}
.k-field label .k-req{color:var(--color-danger)}
.k-field input{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1.5px solid var(--field-border);background:var(--w-paper);font-size:16px;color:var(--color-text)}
.k-field input:focus{outline:none;border-color:var(--field-border-focus);box-shadow:0 0 0 4px var(--w-lilac-200);background:#fff}
.k-field input::placeholder{color:var(--w-ink-muted)}
.k-field .k-hint{font-size:var(--fs-xs);color:var(--color-text-muted)}
.k-field .k-err{display:none;font-size:var(--fs-sm);font-weight:700;color:var(--color-danger)}
.k-field.is-invalid input{border-color:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-bg)}
.k-field.is-invalid .k-err{display:block}
.k-form-row{display:grid;gap:0 14px}
@media(min-width:560px){.k-form-row{grid-template-columns:1fr 1fr}}
.k-form-status{margin-top:14px;font-weight:700;min-height:1.5em}
.k-form-status.is-error{color:var(--color-danger)}
.k-form-status.is-ok{color:var(--color-ok)}
.k-form-status a{text-decoration:underline}
.k-form button[aria-busy=true]{opacity:.7;cursor:progress}
.k-steps--light li{border-color:var(--color-border)}
.k-steps--light b{color:var(--color-heading)}
.k-steps--light span{color:var(--color-text-muted)}
.k-steps--light li::before{background:var(--step,var(--w-pink-100));color:var(--w-plum-900)}
.k-steps--light li:nth-child(1){--step:var(--w-pink-200)}
.k-steps--light li:nth-child(2){--step:var(--w-orange-300)}
.k-steps--light li:nth-child(3){--step:var(--w-green-300)}

/* contact */
.k-contact{display:grid;gap:12px}
.k-contact div{display:grid;grid-template-columns:44px 1fr;gap:2px 14px;padding:18px;background:#fff;border-radius:20px;box-shadow:0 1px 0 var(--color-border)}
.k-contact .k-ic{grid-row:span 2;width:44px;height:44px;padding:10px;border-radius:14px;background:var(--ct,var(--w-pink-100));color:var(--ct-fg,var(--w-pink-700))}
.k-contact div:nth-child(1){--ct:var(--w-green-100);--ct-fg:var(--w-green-800)}
.k-contact div:nth-child(2){--ct:var(--w-blue-100);--ct-fg:var(--w-blue-800)}
.k-contact div:nth-child(3){--ct:var(--w-lilac-100);--ct-fg:var(--w-purple)}
.k-contact div:nth-child(5){--ct:var(--w-orange-100);--ct-fg:var(--w-orange-800)}
.k-contact dt{font-size:var(--fs-sm);color:var(--color-text-muted)}
.k-contact dd{font-weight:700;color:var(--color-heading)}
.k-contact dd a{text-decoration:underline;text-decoration-color:var(--w-pink);text-underline-offset:5px;display:inline-block;padding-block:4px}
@media(min-width:760px){.k-contact{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(min-width:1100px){.k-contact{grid-template-columns:repeat(3,1fr)}}

/* faq */
.k-faq{max-width:860px;display:grid;gap:10px}
.k-faq details{background:#fff;border-radius:20px;padding:0 20px;box-shadow:0 1px 0 var(--color-border)}
.k-faq details[open]{box-shadow:0 1px 0 var(--color-border),0 12px 30px rgba(42,16,53,.07)}
.k-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:700;color:var(--color-heading);font-size:var(--fs-md);min-height:58px}
.k-faq summary::-webkit-details-marker{display:none}
.k-faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--w-lilac-100) no-repeat center/12px 12px;
  background-image:linear-gradient(var(--w-purple),var(--w-purple)),linear-gradient(var(--w-purple),var(--w-purple));background-size:12px 2.5px,2.5px 12px;transition:transform var(--dur-base) var(--ease-standard),background-color var(--dur-base)}
.k-faq details[open] summary::after{transform:rotate(45deg);background-color:var(--w-pink-100)}
.k-faq details>div{padding:0 0 20px;color:var(--color-text-soft);line-height:1.9;max-width:var(--measure)}

/* closing call to action */
.k-final{position:relative;--sec-bg:var(--w-orange);background:var(--sec-bg);color:var(--w-plum-900);padding-block:clamp(64px,10vw,120px);overflow-x:clip;clip-path:inset(calc(-1 * var(--wave-h) - 2px) 0 0 0);isolation:isolate}
.k-final__cta bdi{margin-inline-start:.3em}
.k-final__in{position:relative;display:grid;gap:22px;justify-items:center;text-align:center}
.k-final h2{font-size:clamp(2rem,1.3rem + 3.4vw,3.6rem);line-height:1.15;max-width:18ch;text-wrap:balance;color:var(--w-plum-900)}
.k-final p{font-size:var(--fs-lg);max-width:44ch;color:var(--w-plum-900)}
.k-final__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;align-items:center}
.k-final__cta .k-textlink{text-decoration-color:var(--w-plum-900)}
.k-final__rainbow{position:absolute;z-index:-1;left:50%;bottom:-6%;width:min(1100px,150vw);transform:translateX(-50%);height:auto;opacity:.95}
.k-final__rainbow path{fill:none;stroke-width:13}
.k-final__rainbow .k-r1{stroke:#f2b43f}.k-final__rainbow .k-r2{stroke:#f4c45f}.k-final__rainbow .k-r3{stroke:#f6d27f}.k-final__rainbow .k-r4{stroke:#f8dd9b}
.k-final__tower{position:absolute;z-index:-1;inset-inline-start:6%;top:18%;display:flex;flex-direction:column;align-items:center;width:clamp(44px,6vw,80px)}
.k-final__tower i{display:block;aspect-ratio:1;background:var(--w-pink);border-radius:4px;box-shadow:inset -5px -5px 0 rgba(120,10,50,.22)}
.k-final__tower i:nth-child(1){width:50%}.k-final__tower i:nth-child(2){width:75%}.k-final__tower i:nth-child(3){width:100%}
.k-final__ball{position:absolute;z-index:-1;inset-inline-end:8%;top:22%;width:clamp(34px,5vw,64px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a6e48a 0 18%,var(--w-green) 46%,#4c9a30 100%)}
@media(max-width:599px){.k-final__tower{top:auto;bottom:7%;inset-inline-start:5%;width:40px}.k-final__ball{top:auto;bottom:10%;inset-inline-end:7%}}

/* footer */
.k-foot{position:relative;background:var(--color-bg-deepest);color:var(--color-on-deep-muted);padding:56px 0 calc(32px + env(safe-area-inset-bottom))}
.k-foot .k-wave{color:var(--color-bg-deepest)}
.k-foot__grid{display:grid;gap:28px}
.k-foot h2{font-size:var(--fs-lg);color:#fff}
.k-foot p{font-size:var(--fs-sm);margin-top:8px}
.k-foot nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.k-foot a{color:var(--w-lilac-100);font-weight:700;font-size:var(--fs-sm);min-height:44px;display:inline-flex;align-items:center}
.k-foot a:hover{color:#fff;text-decoration:underline}
.k-foot__soc{display:flex;gap:8px}
.k-foot__soc a{width:44px;height:44px;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1)}
.k-foot__soc a:hover{background:var(--w-pink)}
.k-foot__soc .k-ic{width:20px;height:20px}
.k-foot__cr{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:var(--fs-xs)}
@media(min-width:900px){.k-foot__grid{grid-template-columns:1.2fr 2fr 1fr}}

/* scroll-driven reveals (CSS only; nothing is hidden where unsupported) */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .k-prog,.k-day__pic,.k-tray li,.k-gal .cell{animation:k-rise linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
    .k-day__pic{animation-name:k-zoom}
    .k-gal .cell{animation-name:k-zoom}
    .k-collage{animation:k-drift linear both;animation-timeline:scroll(root);animation-range:0 700px}
    .k-final__rainbow{animation:k-sun linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
  }
}
@keyframes k-rise{from{translate:0 48px}to{translate:0 0}}
@keyframes k-zoom{from{scale:.82;opacity:.2}to{scale:1;opacity:1}}
@keyframes k-drift{to{translate:0 -60px}}
@keyframes k-sun{from{translate:0 30%}to{translate:0 0}}

@media (prefers-reduced-motion:reduce){
  .k-drawer,.k-totop,.k-gal .cell img,.k-btn,.k-linklist a,.k-faq summary::after{transition:none}
  *,*::before,*::after{animation:none!important}
}

/* lightbox (shared component, copied from app.css so the home page does not need app.css) */
.lightbox{position:fixed;inset:0;background:rgba(29,10,39,.94);z-index:1200;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .3s;padding:20px}
.lightbox.show{opacity:1}
.lightbox img{max-width:94vw;max-height:88vh;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox .lb-close{position:absolute;top:20px;inset-inline-end:20px;width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center}
.lightbox .lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center}
.lightbox .lb-prev{inset-inline-end:16px}
.lightbox .lb-next{inset-inline-start:16px}
.lightbox button .k-ic{width:24px;height:24px}
.lightbox .lb-prev .k-ic{transform:rotate(90deg)}
.lightbox .lb-next .k-ic{transform:rotate(-90deg)}
[dir=rtl] .lightbox .lb-prev .k-ic{transform:rotate(-90deg)}
[dir=rtl] .lightbox .lb-next .k-ic{transform:rotate(90deg)}
body.no-scroll #mk-wa{display:none}
.k-quote .k-stars{display:flex;gap:2px;color:var(--w-orange-800);margin-bottom:8px}
.k-quote .k-stars svg{width:16px;height:16px;fill:currentColor}

/* floating WhatsApp button (markup injected by /assets/wa-fab.js) */
#mk-wa{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));inset-inline-end:16px;z-index:9500;font-family:inherit}
#mk-wa-fab{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-wa);color:#fff;box-shadow:0 6px 18px rgba(29,10,39,.3);text-decoration:none;transition:transform .2s cubic-bezier(.2,.72,.24,1),box-shadow .2s,opacity .2s;opacity:0;transform:translateY(12px)}
#mk-wa-fab.in{opacity:1;transform:none}
#mk-wa-fab:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(29,10,39,.34)}
#mk-wa-fab:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
#mk-wa-fab svg{width:30px;height:30px;fill:#fff}
@media (prefers-reduced-motion:reduce){#mk-wa-fab{transition:none}}
.k-mt{margin-top:16px}

.k-gal-all{display:flex;margin:18px auto 0;flex:0 0 auto;cursor:pointer;font-weight:700}