/* davka.app landing25 - main page in 25 languages, CSS 1:1 from the ad page /lp/google/ (R936 = a, branch site-lp-apple-mockup).
   Loaded AFTER /style.css (tokens, store badges, price cards, PDF preview, facts, footer come from there).
   Same rules as the whole site: no <style>, no style="", no JS, no <video>. Nothing sticks to the viewport.
   Two complete pages by prefers-color-scheme: light = every section on the light canvas, dark = every section dark.
   Motion is CSS only:
   - the Domů card (first display) plays BY ITSELF in a loop: time-based @keyframes, infinite, transform / opacity / clip-path only,
     the same timings as the app's completion choreography (V12); prefers-reduced-motion = the finished static card
   - hero intro: time-based, once (the reels' "word rises out of a blur", stretched to ~1.2 s)
   - scenes (water, caffeine, PDF, headlines): scroll-driven (animation-timeline: view() / named view timelines on the tiles), wrapped in
     @supports + prefers-reduced-motion. Only transform / opacity (+ the integer counters of the water and caffeine numbers), never layout.
   Browsers without scroll-driven animations (Safari < 26 = iOS 18 and 25, Firefox < 159) and users with reduced motion get the FINISHED
   static layout for those scenes - nothing is ever hidden by default (the base rules below are the end state). */
:root {
  --tile: #F1F6F2; --tile-0: rgb(241 246 242 / 0);          /* the reels' light canvas, a touch lighter than --canvas */
  --lp-ease: cubic-bezier(.25, .1, .25, 1);
  --fill-a: #4F92E6; --fill-b: #2F6CD2;   /* reel water: front wave gradient (the top is a step darker than the reel's #6AA6F0 so the white "Voda" on it reads 3.2:1) */
  --back-wave: #AACCEE;
  /* text ramps on the light tile / canvas: the app's davkaWash starts at #74A78F (2.5:1), so the start is a touch darker here (3.3:1 = large text) */
  --t-a: #5F917C;
  --d-w1: #3F7BC8; --d-w2: #2456A8; --d-wv: #2A68BE; --d-wf1: #6AA6F0; --d-wf2: #2F6CD2; --d-c1: #98693F; --d-c2: #412B12; --d-cv: #7D5E43; --d-cf1: #A8805C; --d-cf2: #6B4526;
  --m-a: #74A78F; --m-b: #47806D; --m-c: #2E5E4E;
  --m-track: #DEE9E2; --m-ink: #2F3A34; --m-val: #265242; --m-pale: #76827C; --m-pale-v: #68736D; --m-bt: #3C705E; --m-sub: #626C66; --m-future: #818D85;
  /* caffeine tile: the app's light card palette (CaffeineCardPalette light) with the small greys one step darker for 4.5:1 */
  --k-ink: #414B45; --k-mute: #5E6862; --k-val: #7D5E43; --k-track: #E7DED6; --k-title-a: #98693F; --k-title-b: #412B12; --k-kvv: #7D5E43;
  --kb-a: #A8805C; --kb-b: #6B4526; --kf-a: #A8805C; --kf-b: #6B4526; --k-now: rgba(30, 40, 34, .42); --k-future: .3;
  --h-water-a: #3F7BC8;
}
@media (prefers-color-scheme: dark) {
  :root { --tile: #1B1D22; --tile-0: rgb(27 29 34 / 0); --fill-a: #3E86E8; --fill-b: #1F4F9C; --back-wave: #2B5FB5;
          --t-a: #93C4B6;
          --m-a: #93C4B6; --m-b: #4E8D7E; --m-c: #2E5E55; --d-w1: #8FC2F7; --d-w2: #4A7FD0; --d-wv: #6FA8F0; --d-wf1: #7DB3F5; --d-wf2: #3E86E8; --d-c1: #C6A079; --d-c2: #9C7143; --d-cv: #B58A66; --d-cf1: #DCBB93; --d-cf2: #8B6B4F;
          --m-track: #23262C; --m-ink: #F2F5FA; --m-val: #F2F5FA; --m-pale: #7A838B; --m-pale-v: #838C95; --m-bt: #5A9B8B; --m-sub: #8A929A; --m-future: #6E767E;
          --k-ink: #E4E7EC; --k-mute: #8A929A; --k-val: #B58A66; --k-track: #23262C; --k-title-a: #C6A079; --k-title-b: #9C7143; --k-kvv: #C6A079;
          --kb-a: #DCBB93; --kb-b: #6B4526; --kf-a: #C6A079; --kf-b: #7A5433; --k-now: rgba(228, 231, 236, .42); --k-future: .35;
          --h-water-a: #6FA8F0; }
}

@media (prefers-color-scheme: dark) { .rn .t, .mt-b, .wd i { background-size: 130% 100%; } }   /* the app's dark wash ends at #2E5E55 (2.3:1): stretch it so the last letter lands at 3.3:1 */

/* the shared style.css greys (--muted #96A398 = 2.3:1, the PDF card's #8A948E / #9AA8A1) are below 4.5:1 for small text: on the ad page they are one step darker (light) / lighter (dark) */
.lp { --muted: #5A665E; --wk-muted: #66716A; }
.pdfwrap .paxis, .pdfwrap .pleg, .pdfwrap .psub { color: #66716A; }
@media (prefers-color-scheme: dark) { .lp { --muted: #868E97; --wk-muted: #868E97; } .pdfwrap .paxis, .pdfwrap .pleg, .pdfwrap .psub { color: #868E97; } }

/* ── Top: a plain wordmark, not sticky, no button ────── */
.lp-top { max-width: 560px; margin: 0 auto; padding: 16px 20px 0; }
.lp-top .wordmark { font-size: 15px; }

/* ── Hero: headline, one sentence, trust line, store badges, then THE Domů card (the only Domů on the page) ── */
.lp-hero { max-width: 560px; margin: 0 auto; padding: 26px 16px 0; text-align: center; }
.lp-hero h1 { font-size: clamp(30px, calc((min(100vw, 560px) - 32px) / 9.3), 66px); font-weight: 800; letter-spacing: -.04em; line-height: 1.02; margin: 0; text-wrap: balance; }   /* LP8: "Záznam suplementů" (8,97 em) is the widest line -> font-size follows the hero width so the h1 sits on 2 lines, no hyphenation, from 320 pt up */
.lp-lead { font-size: 17px; line-height: 1.4; color: var(--body); max-width: 300px; margin: 14px auto 0; font-weight: 500; text-wrap: balance; }
.lp-fine { font-size: 14px; font-weight: 600; color: var(--body); margin-top: 10px; }   /* --body 5.2:1 on the canvas (--muted is 2.3:1) */
.lp-hero .cta-row { margin-top: 18px; }
.w { display: inline-block; }
.gwater.w, .gcoffee.w, .gwash.w { padding-bottom: .12em; margin-bottom: -.12em; }
h1, h2, .lp-sent { text-wrap: balance; }

/* device-aware badge order, no JS: iOS WebKit = App Store first (DOM order), other touch devices = Google Play first */
@media (hover: none) and (pointer: coarse) {
  @supports not (-webkit-touch-callout: none) { .lp-badges .lp-play { order: -1; } }
}

/* ── Sections: one thing each, headline <= 6 words, one sentence, one demo ── */
.lp-sec { max-width: 560px; margin: 0 auto; padding: 112px 16px 0; text-align: center; }
.lp-sec h2 { font-size: clamp(34px, 9.4vw, 54px); font-weight: 800; letter-spacing: -.04em; line-height: 1.04; margin: 0 0 14px; }
/* headline ramps: the site's own ramps start at 1.6:1 (water #8FC2F7) / 2.3:1 (wash #74A78F) on the light canvas; large text needs 3:1, so the light page starts darker */
.lp-sec h2 .gwater { background-image: linear-gradient(105deg, var(--h-water-a), var(--water-b)); }
.lp-sec h2 .gwash { background-image: linear-gradient(105deg, var(--t-a), var(--wash-c)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lp-sec h2 .gcoffee { background-image: linear-gradient(105deg, var(--k-title-a), var(--k-title-b)); }
.lp-sent { font-size: 19px; line-height: 1.38; color: var(--body); max-width: 330px; margin: 0 auto; font-weight: 500; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.num { font-variant-numeric: tabular-nums; }

/* shared tile look (Domů card, water, caffeine): rounded plate, no frame, no shadow */
.mtile, .ktile { position: relative; margin: 36px auto 0; max-width: 560px; border-radius: 28px; overflow: hidden; background: var(--tile);
                 text-align: left; isolation: isolate; container-type: inline-size; }
.ktile { view-timeline: --kt block; }
.mvar-l, .mvar-d { view-timeline: --ht block; }
.mi, .ki { padding: 7.2cqw 7.2cqw 7.8cqw; }

/* ── Domů card, one part of the day logged and folded (the app's V12 completion choreography). Light = "Ráno", dark = "Večer".
   Layout is the END state (folded): header, bar, week strip, slot title, then the diaries (Voda, Kofein) right under it. The rows + the button are an
   overlay (position: absolute) that the loop folds away: rows keep their place and are clipped by clip-path while the diaries (opaque, with
   a soft strip on top = the app's HomeSlotFoldMask) slide up over them - transforms and clip-path only, never layout. ── */
.mvar-d { display: none; }
@media (prefers-color-scheme: dark) { .mvar-l { display: none; } .mvar-d { display: block; } }
.mtile { --hc: 14cqw; --dh: 9.1cqw; --rg: 3.84cqw; }          /* --dh = the second header line ("19 dní v řadě"): measured on the app's recording: 128 px at 14.08 px per cqw */
.mvar-l .mtile { --hr: 43.2cqw; }
.mvar-d .mtile { --hr: 19.7cqw; }
.mhead { position: relative; height: 21cqw; }
.mh { position: absolute; left: 0; right: 0; top: 0; }
.mh-t { display: block; font-size: 9.4cqw; font-weight: 800; letter-spacing: -.035em; line-height: 1.08; color: var(--m-ink); white-space: nowrap; }
.mcs { display: grid; }
.mc { grid-area: 1 / 1; display: flex; align-items: baseline; gap: 2.2cqw; }
.mh-n { font-size: 6.4cqw; font-weight: 800; letter-spacing: -.02em; color: var(--m-bt); white-space: nowrap; }
.mh-a { opacity: 0; }                       /* end state = day complete */
.mh-s { display: block; margin-top: .6cqw; font-size: 5.2cqw; font-weight: 800; letter-spacing: -.015em; color: var(--m-bt); }
.mbar { height: 4.4cqw; border-radius: 99px; background: var(--m-track); overflow: hidden; margin-top: 1.6cqw; }
.mfill { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--m-a), var(--m-c)); width: 100%; }
/* the week strip (HomeView weekRow): past complete days = gradient letters, today = the day NUMBER with the gradient underline (the number is
   written in by functions/lp/_middleware.js from the visitor's time zone; without it today is the last day of the strip and shows its letters),
   future days inert. data-s = past | today | future. */
.mweek { display: flex; justify-content: space-between; align-items: baseline; margin-top: 5cqw; padding: 0 .6cqw; height: 8.6cqw; }
.wd { position: relative; font-size: 6.7cqw; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; color: var(--m-ink); }
.wd i { font-style: normal; display: block; padding-bottom: .1em; background-image: linear-gradient(105deg, var(--t-a), var(--m-c)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wd[data-s="future"] i { background: none; color: var(--m-future); font-weight: 700; }
.wd[data-s="today"] i { background: none; color: var(--m-ink); }
.wd[data-s="today"]::after { content: ""; position: absolute; left: 50%; bottom: -.1em; width: 3.9cqw; height: .8cqw; margin-left: -1.95cqw; border-radius: 99px; background: linear-gradient(90deg, var(--m-a), var(--m-c)); }
.wd[data-s="today"][data-n]::before { content: attr(data-n); display: block; padding-bottom: .1em; letter-spacing: -.01em; }
.wd[data-s="today"][data-n] i { display: none; }
.mtitle { position: relative; margin-top: 5.4cqw; height: 8.6cqw; }
.mprev { position: relative; margin-top: 5.4cqw; height: 8.6cqw; }
.mvar-d .mtitle { margin-top: 4.3cqw; }
.mtitle span, .mprev span { position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 2.2cqw; font-size: 6.8cqw; font-weight: 800; letter-spacing: -.03em; line-height: 1.1; }
.mt-a { color: var(--m-ink); opacity: 0; }
.mt-b { background-image: linear-gradient(105deg, var(--t-a), var(--m-c)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mt-b .chk { width: 6.4cqw; height: 6.4cqw; color: var(--m-b); flex: none; }
.mmain { position: relative; }
.mover { position: absolute; left: 0; right: 0; top: -7.23cqw; z-index: 0; }
.mrowsw { height: var(--hr); transform: translateY(var(--rg)); }       /* end state: folded away = pushed down under the diaries' cover (the app: offset(y: gapBelow)) */
.mrows { list-style: none; margin: 0; padding: 0; }
.mr { display: flex; justify-content: space-between; align-items: center; height: 9.87cqw; gap: 3cqw; }
.mvar-l .mr2 { height: 13.6cqw; }
.mr .rn, .mr .rv { display: inline-grid; }
.mr .rn > i, .mr .rv > i { grid-area: 1 / 1; font-style: normal; white-space: nowrap; }
.rn { font-size: 5.3cqw; font-weight: 800; letter-spacing: -.025em; }
.rn .p { color: var(--m-pale); opacity: 0; }
.rn .t { background-image: linear-gradient(105deg, var(--t-a), var(--m-c)); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .1em; }
.rnw { display: inline-flex; align-items: baseline; }
.rvar { font-size: 3.1cqw; font-weight: 700; color: var(--m-sub); margin-left: 1.6cqw; letter-spacing: 0; }
.rv { font-size: 4.5cqw; font-weight: 800; letter-spacing: -.01em; }
.rv .p { color: var(--m-pale-v); opacity: 0; }
.rv .t { color: var(--m-val); }
.rv-col { display: flex; flex-direction: column; align-items: flex-end; }
.rsub { display: block; margin-top: .6cqw; font-size: 3cqw; font-weight: 700; color: var(--m-sub); }
.mbtn { display: flex; justify-content: flex-end; align-items: flex-end; height: var(--hc); opacity: 0; }       /* end state: everything is logged, no button */
.mbtn span { display: block; font-size: 5.7cqw; font-weight: 800; letter-spacing: -.025em; color: var(--m-ink); padding-bottom: 1.5cqw; position: relative; transform-origin: 100% 50%; }
.mbtn span::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: .9cqw; border-radius: 99px; background: linear-gradient(90deg, var(--m-c), var(--m-a)); }
/* the diaries (Voda, Kofein): opaque, a soft strip above = the app's section mask over the folding rows */
.mdia { position: relative; z-index: 1; margin-top: 8cqw; background: var(--tile); }
/* the app's section mask (HomeSlotFoldMask), measured on its recording: the rows dissolve LINEARLY over 18 pt = 3.84 cqw, the dissolve ends 5.11 cqw above the cap line of "Voda" (= 3.29 cqw above this
   box, whose top sits 1.82 cqw above the cap line); below that nothing of the rows is drawn */
.mdia::before { content: ""; position: absolute; left: 0; right: 0; top: -7.13cqw; height: 7.13cqw; background: linear-gradient(to bottom, var(--tile-0) 0, var(--tile) 53.8%, var(--tile) 100%); pointer-events: none; }
.dr { display: flex; justify-content: space-between; align-items: baseline; gap: 3cqw; }
.dn { font-size: 8.4cqw; font-weight: 800; letter-spacing: -.04em; line-height: 1.1; padding-bottom: .08em; -webkit-background-clip: text; background-clip: text; color: transparent; }
.dn-w { background-image: linear-gradient(105deg, var(--d-w1), var(--d-w2)); }
.dn-c { background-image: linear-gradient(105deg, var(--d-c1), var(--d-c2)); }
.dv { font-size: 7.4cqw; font-weight: 800; letter-spacing: -.03em; white-space: nowrap; }
.dv-w { color: var(--d-wv); }
.dv-c { color: var(--d-cv); }
.dv small { font-size: .56em; letter-spacing: -.01em; }
.db { height: 4.4cqw; border-radius: 99px; background: var(--m-track); overflow: hidden; margin: 1.6cqw 0 5.6cqw; }
.db i { display: block; height: 100%; border-radius: 99px; }
.db-w i { width: 30%; background: linear-gradient(90deg, var(--d-wf1), var(--d-wf2)); }
.db-c { background: var(--k-track); }
.db-c i { width: 31%; background: linear-gradient(90deg, var(--kf-a), var(--kf-b)); }
.dl { list-style: none; margin: -1.4cqw 0 0; padding: 0; }
.dl li { display: grid; grid-template-columns: 11cqw 1fr auto; align-items: baseline; gap: 2cqw; padding: 1.7cqw 0; font-weight: 700; }
.dl .t1 { font-size: 3.6cqw; color: var(--m-sub); }
.dl .t2 { font-size: 5cqw; font-weight: 800; letter-spacing: -.02em; color: var(--m-ink); }
.dl .t3 { font-size: 3.8cqw; color: var(--m-sub); }

/* ── Water: a scene drawn in live text + CSS, scrubbed by scrolling (the reel's flood, theme-aware) ── */
.wtile { position: relative; margin: 36px auto 0; max-width: 560px; aspect-ratio: 1 / 1.2; border-radius: 28px; overflow: hidden;
         background: var(--tile); text-align: left; isolation: isolate; container-type: size; view-timeline: --wt block; }
.wface { position: absolute; inset: 0; padding: 30px 28px; }
.wname { display: block; font-size: clamp(54px, 17vw, 84px); font-weight: 800; letter-spacing: -.05em; line-height: 1; padding-bottom: .1em;
         background-image: linear-gradient(105deg, var(--h-water-a), var(--water-b)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.wval { display: block; margin-top: 8px; font-size: clamp(28px, 8.4vw, 40px); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; color: var(--d-wv); }
.wv-unit { font-size: .62em; letter-spacing: -.01em; }
.wvn { display: inline-grid; justify-items: start; }
.wvs { grid-area: 1 / 1; }
.wvs0, .wvs1, .wvs2, .wvs3 { opacity: 0; }   /* finished state = 2,5; the scene steps 0,8 -> 1,3 -> 1,8 -> 2,3 -> 2,5 with opacity only (an animated integer counter cost the LG G7 2 % dropped frames) */
/* the water: a layer that slides up; its inner copy of the text slides down by the same amount (net zero) and is white,
   so the words change colour exactly where the surface passes them. Static (no animation) = completely filled. */
.wl { position: absolute; left: 0; right: 0; top: -30px; height: calc(100% + 30px); overflow: hidden; }
.wfill { position: absolute; left: 0; right: 0; top: 29px; bottom: 0; background: linear-gradient(to bottom, var(--fill-a), var(--fill-b)); }
.wave { position: absolute; left: 0; top: 0; display: block; max-width: none; width: 200%; height: 30px; }   /* two <img> (svg files), each 2 card widths wide, drifting by exactly one card width: always covers the whole card. An <img> is composited by Chrome / WebKit; an inline <svg> root is NOT (LG G7: 27 % main-thread time per frame for two drifting inline SVGs) */
.wl-in { position: absolute; left: 0; right: 0; top: 30px; bottom: 0; color: #fff; }
.wl-in .wname { background: none; color: #fff; -webkit-text-fill-color: #fff; }
.wl-in .wval { color: #fff; }
/* the month summary: the main message of the card. "Za říjen" small, the figure big, "vody." back on its baseline */
.wdata { position: absolute; left: 28px; right: 28px; bottom: 26px; margin: 0; color: #fff; font-weight: 800; letter-spacing: -.02em; line-height: 1.04; }
.wd-s { display: block; font-size: clamp(22px, 6.4vw, 28px); font-weight: 700; opacity: .92; }
.wd-n { font-size: clamp(60px, 19vw, 92px); font-weight: 800; letter-spacing: -.05em; line-height: .98; }
.wd-u { font-size: .46em; letter-spacing: -.02em; margin-left: .12em; }   /* the unit stays small: a big "l" next to the figure reads as a "1" */
.wd-e { font-size: clamp(22px, 6.4vw, 28px); font-weight: 700; opacity: .92; margin-left: .22em; }

/* ── Caffeine: the app's Kofein card on Domů, built from live text + the app's own curve (45 bars measured from the app's f3 render), no video.
      Light page = the light card palette, dark page = the dark one; the section sits on the page canvas like every other section ── */
.ktile { background: var(--tile); }
.khead { display: flex; justify-content: space-between; align-items: baseline; gap: 3cqw; }
.kname { font-size: 15cqw; font-weight: 800; letter-spacing: -.05em; line-height: 1; padding-bottom: .1em;
         background-image: linear-gradient(105deg, var(--k-title-a), var(--k-title-b)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kval { font-size: 9.6cqw; font-weight: 800; letter-spacing: -.03em; color: var(--k-val); white-space: nowrap; display: flex; align-items: baseline; }
.kvn { display: inline-grid; justify-items: end; overflow: hidden; padding: .1em 0; margin: -.1em 0; }   /* the digits roll vertically inside this window */
.kvn.ks { justify-items: start; }       /* left-aligned windows ("ještě asi N mg", the peak line) */
.kvs.q1 { opacity: 0; }                /* first-record text of the lines under the curve; the finished state shows .q2 */
.kvs { grid-area: 1 / 1; }
.kvs0, .kvs1 { opacity: 0; }               /* finished state = both drinks logged (125); the scene steps through 0 -> 62,5 -> 125 with opacity only */
.ku { font-size: .56em; letter-spacing: -.01em; }
.kbar { height: 4.4cqw; border-radius: 99px; background: var(--k-track); overflow: hidden; margin-top: 1.2cqw; }
.kfill { display: block; height: 100%; width: 31%; border-radius: 99px; background: linear-gradient(90deg, var(--kf-a), var(--kf-b)); }   /* grows by sliding in from the left (translateX): round end stays round, no layout */
.klist { list-style: none; margin: 4cqw 0 0; padding: 0; }
.kd { display: grid; grid-template-columns: 11cqw 1fr auto; align-items: baseline; gap: 2cqw; padding: 1.9cqw 0; }
.kt { font-size: 3.7cqw; font-weight: 700; color: var(--k-mute); }
.kn { font-size: 5.6cqw; font-weight: 800; letter-spacing: -.025em; color: var(--k-ink); }
.km { font-size: 3.9cqw; font-weight: 700; color: var(--k-mute); }
.kcurve { position: relative; display: flex; align-items: flex-end; gap: .7cqw; height: 18cqw; margin-top: 5cqw; }
.ki { --kr: 10.22cqw; }                 /* = the height of one drink row: the block under the list waits one row higher until the Espresso is logged */
.kb { flex: 1 1 0; min-width: 0; border-radius: 99px; background: linear-gradient(to bottom, var(--kb-a), var(--kb-b)); transform-origin: 50% 100%; }   /* height = the finished curve (two drinks); --a = the first-record height relative to it, --d = bar index */
.kb.f { opacity: var(--k-future); }
.know { flex: none; width: .55cqw; height: 100%; border-radius: 99px; background: var(--k-now); transform-origin: 50% 100%; --a: 1; --d: 8; }
.kinb { margin: 3.4cqw 0 0; display: flex; align-items: baseline; gap: 1.8cqw; white-space: nowrap; }
.kl { font-size: 3.9cqw; font-weight: 700; color: var(--k-mute); }
.kvv { font-size: 6.6cqw; font-weight: 800; letter-spacing: -.03em; color: var(--k-kvv); }
.kmeta { margin: 1.8cqw 0 0; display: flex; justify-content: space-between; align-items: baseline; gap: 3cqw; white-space: nowrap; }
.kpk { font-size: 3.1cqw; font-weight: 700; color: var(--k-mute); }
.kev { font-size: 3.6cqw; font-weight: 700; color: var(--k-ink); }
.kb.k0 { height: 39.8%; --a: 1.5560; --d: 0; }
.kb.k1 { height: 57.2%; --a: 1.7003; --d: 1; }
.kb.k2 { height: 57.2%; --a: 1.7483; --d: 2; }
.kb.k3 { height: 55.4%; --a: 1.7458; --d: 3; }
.kb.k4 { height: 53.0%; --a: 1.7446; --d: 4; }
.kb.k5 { height: 80.7%; --a: 1.0929; --d: 5; }
.kb.k6 { height: 100.0%; --a: 0.8408; --d: 6; }
.kb.k7 { height: 99.4%; --a: 0.8064; --d: 7; }
.kb.k8 { height: 94.6%; --a: 0.8077; --d: 8; }
.kb.k9 { height: 90.4%; --a: 0.8058; --d: 9; }
.kb.k10 { height: 85.5%; --a: 0.8121; --d: 10; }
.kb.k11 { height: 81.3%; --a: 0.8142; --d: 11; }
.kb.k12 { height: 77.1%; --a: 0.8184; --d: 12; }
.kb.k13 { height: 73.5%; --a: 0.8184; --d: 13; }
.kb.k14 { height: 69.3%; --a: 0.8274; --d: 14; }
.kb.k15 { height: 66.3%; --a: 0.8245; --d: 15; }
.kb.k16 { height: 63.3%; --a: 0.8232; --d: 16; }
.kb.k17 { height: 60.2%; --a: 0.8251; --d: 17; }
.kb.k18 { height: 56.6%; --a: 0.8366; --d: 18; }
.kb.k19 { height: 54.2%; --a: 0.8328; --d: 19; }
.kb.k20 { height: 51.8%; --a: 0.8307; --d: 20; }
.kb.k21 { height: 48.8%; --a: 0.8406; --d: 21; }
.kb.k22 { height: 46.4%; --a: 0.8427; --d: 22; }
.kb.k23 { height: 44.0%; --a: 0.8472; --d: 23; }
.kb.k24 { height: 42.2%; --a: 0.8420; --d: 24; }
.kb.k25 { height: 39.2%; --a: 0.8641; --d: 25; }
.kb.k26 { height: 37.3%; --a: 0.8657; --d: 26; }
.kb.k27 { height: 35.5%; --a: 0.8671; --d: 27; }
.kb.k28 { height: 34.3%; --a: 0.8555; --d: 28; }
.kb.k29 { height: 32.5%; --a: 0.8607; --d: 29; }
.kb.k30 { height: 30.7%; --a: 0.8686; --d: 30; }
.kb.k31 { height: 28.9%; --a: 0.8796; --d: 31; }
.kb.k32 { height: 27.7%; --a: 0.8748; --d: 32; }
.kb.k33 { height: 26.5%; --a: 0.8717; --d: 33; }
.kb.k34 { height: 25.3%; --a: 0.8704; --d: 34; }
.kb.k35 { height: 24.1%; --a: 0.8710; --d: 35; }
.kb.k36 { height: 22.9%; --a: 0.8738; --d: 36; }
.kb.k37 { height: 21.7%; --a: 0.8790; --d: 37; }
.kb.k38 { height: 20.5%; --a: 0.8870; --d: 38; }
.kb.k39 { height: 19.3%; --a: 0.8981; --d: 39; }
.kb.k40 { height: 18.1%; --a: 0.9129; --d: 40; }
.kb.k41 { height: 17.5%; --a: 0.9001; --d: 41; }
.kb.k42 { height: 16.3%; --a: 0.9212; --d: 42; }
.kb.k43 { height: 15.7%; --a: 0.9118; --d: 43; }
.kb.k44 { height: 15.1%; --a: 0.9037; --d: 44; }

/* ── PDF: the landing's faithful mini page. It ends cleanly after the Voda / Kofein rows (the sentence band is cut off) ── */
.pdfwrap { max-width: 478px; margin: 36px auto 0; view-timeline: --pt block; }
.pdfwrap .pdfprev { margin-top: 0; border-radius: 24px; box-shadow: none; padding-bottom: 26px; }
.pdfwrap .pp { transform-origin: 50% 100%; }
/* light: the Voda / Kofein name ramps of the shared style.css start at 1.6:1 / 2.3:1; large text needs 3:1, so they start darker here */
.pdfwrap .pnamew { background-image: linear-gradient(105deg, #3F7BC8, #2456A8); }
.pdfwrap .pnamec { background-image: linear-gradient(105deg, #98693F, #412B12); }
.pdfwrap .pname { background-image: linear-gradient(94deg, #5F917C, #47806D 55%, #2E5E4E); }
.pdfwrap .pkick span, .pdfwrap .phero span { background-image: linear-gradient(120deg, #427663, #2E5E4E); }
/* dark: the report's own dark paper (#1B1D22, ReportTheme dark = the Android goldens) lifted off the page canvas by a hairline, and
   the Voda / Kofein name ramps get the app's DARK ends (the shared style.css leaves them at the light ends: #412B12 on #1B1D22 = 1.3:1) */
@media (prefers-color-scheme: dark) {
  .pdfwrap .pdfprev { background: #1B1D22; box-shadow: 0 0 0 1px rgba(255, 255, 255, .08); }
  .pdfwrap .pnamew { background-image: linear-gradient(105deg, #8FC2F7, #4A7FD0); }
  .pdfwrap .pnamec { background-image: linear-gradient(105deg, #C6A079, #9C7143); }
  /* the report's wash ramp ends at #2E5E55 = 2.3:1 on this paper: names (large) get the app's ramp stretched to 130 % so the last letter lands at
     3.3:1, the small kicker / lead-in words stop at #5A9B8B (5.2:1) */
  .pdfwrap .pname { background-image: linear-gradient(94deg, #93C4B6, #4E8D7E 55%, #2E5E55); background-size: 130% 100%; }
  .pdfwrap .pkick span, .pdfwrap .phero span { background-image: linear-gradient(120deg, #93C4B6, #5A9B8B); }
}

/* ── Closing block ── */
.lp-cta { padding-bottom: 24px; }
.lp-cta .price { margin-top: 26px; }
.lp-badges-end { margin-top: 32px; }
.lp-facts { margin: 72px auto 0; text-align: left; max-width: 440px; }
.lp-facts dt { font-size: 13px; }
.lp-facts dd { font-size: 14px; }

/* ── Motion ───────────────────────────────────────── */
@keyframes lp-word { from { opacity: 0; transform: translateY(.42em); filter: blur(10px); } to { opacity: 1; transform: none; filter: blur(0); } }
@keyframes lp-rise { from { opacity: 0; transform: translateY(34px); } to { opacity: 1; transform: none; } }
@keyframes lp-bar { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes lp-home { from { transform: translateY(46px) scale(.97); } to { transform: none; } }
@keyframes lp-wl { from { transform: translateY(calc((100cqh + 30px) * .68)); } to { transform: translateY(0); } }
@keyframes lp-wl-in { from { transform: translateY(calc((100cqh + 30px) * -.68)); } to { transform: none; } }
@keyframes lp-wvs0 { 0%, 11% { opacity: 1; } 18%, 100% { opacity: 0; } }
@keyframes lp-wvs1 { 0%, 11% { opacity: 0; } 18%, 40% { opacity: 1; } 47%, 100% { opacity: 0; } }
@keyframes lp-wvs2 { 0%, 40% { opacity: 0; } 47%, 70% { opacity: 1; } 77%, 100% { opacity: 0; } }
@keyframes lp-wvs3 { 0%, 70% { opacity: 0; } 77%, 90% { opacity: 1; } 96%, 100% { opacity: 0; } }
@keyframes lp-wvs4 { 0%, 90% { opacity: 0; } 96%, 100% { opacity: 1; } }
@keyframes lp-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes lp-drift { from { transform: translateX(0); } to { transform: translateX(-50%); } }
/* caffeine */
@keyframes lp-row { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@property --kon { syntax: '<number>'; inherits: true; initial-value: 0; }
@property --hv { syntax: '<number>'; inherits: true; initial-value: 0; }
@keyframes lp-hv { from { --hv: 0; } to { --hv: 1; } }
@keyframes lp-kon { from { --kon: 0; } to { --kon: 1; } }
@keyframes lp-kfill2 { 0%, 12.5% { transform: translateX(-101%); animation-timing-function: cubic-bezier(.22, 1, .36, 1); } 26.4%, 69.4% { transform: translateX(-50%); animation-timing-function: cubic-bezier(.22, 1, .36, 1); } 83.3%, 100% { transform: none; } }
@keyframes lp-kroll-in { from { opacity: 1; transform: translateY(125%); } to { opacity: 1; transform: none; } }
@keyframes lp-kroll-out { from { opacity: 1; transform: none; } to { opacity: 1; transform: translateY(-125%); } }
@keyframes lp-kb-in { from { transform: scaleY(0); } to { transform: scaleY(var(--a)); } }          /* LP7: a bar grows with the FIRST record */
@keyframes lp-kb-morph { from { transform: scaleY(var(--a)); } to { transform: none; } }         /* ... and reshapes when the second drink is logged */
@keyframes lp-kdown { from { transform: translateY(calc(-1 * var(--kr))); } to { transform: none; } }

@media (prefers-reduced-motion: no-preference) {
  /* hero intro, once, slow: words, lead, trust line, badges, the card. The card only MOVES (never starts at opacity 0). */
  .lp-hero h1 .w { animation: lp-word 1.2s var(--lp-ease) both; }
  .lp-hero h1 .w:nth-child(2) { animation-delay: .15s; }
  .lp-hero h1 .w:nth-child(3) { animation-delay: .3s; }
  .lp-hero h1 .w:nth-child(4) { animation-delay: .45s; }
  .lp-hero h1 .w:nth-child(5) { animation-delay: .6s; }
  .lp-lead { animation: lp-rise 1.1s var(--lp-ease) .75s both; }
  .lp-fine { animation: lp-rise 1.1s var(--lp-ease) .95s both; }
  .lp-hero .cta-row { animation: lp-rise 1.1s var(--lp-ease) 1.15s both; }
  .lp-hero .mtile { animation: lp-home 1.6s cubic-bezier(.22, 1, .36, 1) .5s both; }
  .wave { animation: lp-drift 18s linear infinite; will-change: transform; }
  .wave.back { animation: lp-drift 26s linear infinite reverse; }
  /* the loop's layers are promoted once (transform / opacity / clip-path only - never layout) */
  .mtile .mdia, .mtile .mbody, .mtile .mbtn, .mtile .mbtn span, .mtile .mh-a, .mtile .mh-b, .mtile .mt-a, .mtile .mt-b, .mtile .mr .t, .mtile .mr .p, .mtile .mrowsw { will-change: transform, opacity; }

  /* THE Domů loop (time based, by itself, forever). Light page = "Ráno" 14.2 s, dark page = "Večer" 12.6 s. Every element is one keyframe list
     written in SECONDS by build_css.py: items tick one by one, the button is pressed, the rest ticks, then the app's completion (V12: header and
     "Ráno ✓", button 0.3 s, its place 0.45 s, bar 1.0 s, the blind 1.5 s with (0.45, 0, 0.2, 1)), ~3 s of rest to read, the blind opens back
     (the rows are reset while they are folded away, so nothing jumps) and the first frame equals the last one. */
@keyframes lpl-rt1 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.6968% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 28.9593% { opacity: 1; } 56.5611% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 59.2760% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpl-rp1 { 0.0000% { opacity: 1; } 28.9593% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.0452% { opacity: 0; } 56.5611% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 57.6471% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpl-rt2 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.6968% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 28.9593% { opacity: 1; } 56.5611% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 59.2760% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpl-rp2 { 0.0000% { opacity: 1; } 28.9593% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.0452% { opacity: 0; } 56.5611% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 57.6471% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpl-rt3 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.6968% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 28.9593% { opacity: 1; } 56.5611% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 59.2760% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpl-rp3 { 0.0000% { opacity: 1; } 28.9593% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.0452% { opacity: 0; } 56.5611% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 57.6471% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpl-rt4 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.6968% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 28.9593% { opacity: 1; } 56.5611% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 59.2760% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpl-rp4 { 0.0000% { opacity: 1; } 28.9593% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.0452% { opacity: 0; } 56.5611% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 57.6471% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpl-fill { 0.0000% { width: 0.000%; animation-timing-function: cubic-bezier(.2,.65,.3,1); } 28.0543% { width: 0.000%; animation-timing-function: cubic-bezier(.2,.65,.3,1); } 35.5656% { width: 100.000%; } 80.9955% { width: 100.000%; animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.0452% { width: 0.000%; } 100.0000% { width: 0.000%; } }
@keyframes lpl-ha { 0.0000% { opacity: 1; } 27.1493% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.3167% { opacity: 0; } 80.9955% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 84.6154% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpl-hb { 0.0000% { opacity: 0; } 27.6018% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.7692% { opacity: 1; } 80.0905% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 83.7104% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpl-bs { 0.0000% { transform: translateY(calc(-1 * var(--dh))); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 26.6968% { transform: translateY(calc(-1 * var(--dh))); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 31.2217% { transform: translateY(0px); } 80.0905% { transform: translateY(0px); animation-timing-function: cubic-bezier(.4,0,.2,1); } 85.5204% { transform: translateY(calc(-1 * var(--dh))); } 100.0000% { transform: translateY(calc(-1 * var(--dh))); } }
@keyframes lpl-ta { 0.0000% { opacity: 1; } 29.4118% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.4977% { opacity: 0; } 80.0905% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 81.1765% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpl-tb { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.6968% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 29.4118% { opacity: 1; } 81.1765% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 83.8914% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpl-btn { 0.0000% { opacity: 1; } 26.6968% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 29.4118% { opacity: 0; } 97.2851% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 100.0000% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpl-press { 0.0000% { transform: scale(1); } 23.5294% { transform: scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 25.3394% { transform: scale(.93); animation-timing-function: cubic-bezier(.4,0,.2,1); } 27.6018% { transform: scale(1); } 100.0000% { transform: scale(1); } }
@keyframes lpl-dia { 0.0000% { transform: translateY(calc(var(--hr) + 15.4cqw)); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 26.6968% { transform: translateY(calc(var(--hr) + 15.4cqw)); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 33.0317% { transform: translateY(var(--hr)); } 36.6516% { transform: translateY(var(--hr)); animation-timing-function: cubic-bezier(.45,0,.2,1); } 50.2262% { transform: translateY(0px); } 80.0905% { transform: translateY(0px); animation-timing-function: cubic-bezier(.45,0,.2,1); } 93.6652% { transform: translateY(var(--hr)); animation-timing-function: cubic-bezier(.4,0,.2,1); } 100.0000% { transform: translateY(calc(var(--hr) + 15.4cqw)); } 100.0000% { transform: translateY(calc(var(--hr) + 15.4cqw)); } }
@keyframes lpl-fold { 0.0000% { transform: translateY(0px); } 36.6516% { transform: translateY(0px); animation-timing-function: cubic-bezier(.45,0,.2,1); } 50.2262% { transform: translateY(var(--rg)); } 80.0905% { transform: translateY(var(--rg)); animation-timing-function: cubic-bezier(.45,0,.2,1); } 93.6652% { transform: translateY(0px); } 100.0000% { transform: translateY(0px); } }
.mvar-l .mtile { --T: 11.05s; }
.mvar-l .mr1 .t { animation: lpl-rt1 11.05s linear infinite; }
.mvar-l .mr1 .p { animation: lpl-rp1 11.05s linear infinite; }
.mvar-l .mr2 .t { animation: lpl-rt2 11.05s linear infinite; }
.mvar-l .mr2 .p { animation: lpl-rp2 11.05s linear infinite; }
.mvar-l .mr3 .t { animation: lpl-rt3 11.05s linear infinite; }
.mvar-l .mr3 .p { animation: lpl-rp3 11.05s linear infinite; }
.mvar-l .mr4 .t { animation: lpl-rt4 11.05s linear infinite; }
.mvar-l .mr4 .p { animation: lpl-rp4 11.05s linear infinite; }
.mvar-l .mfill { animation: lpl-fill 11.05s linear infinite; }
.mvar-l .mbody { animation: lpl-bs 11.05s linear infinite; }
.mvar-l .mh-a { animation: lpl-ha 11.05s linear infinite; }
.mvar-l .mh-b { animation: lpl-hb 11.05s linear infinite; }
.mvar-l .mt-a { animation: lpl-ta 11.05s linear infinite; }
.mvar-l .mtitle .mt-b { animation: lpl-tb 11.05s linear infinite; }
.mvar-l .mbtn { animation: lpl-btn 11.05s linear infinite; }
.mvar-l .mbtn span { animation: lpl-press 11.05s linear infinite; }
.mvar-l .mdia { animation: lpl-dia 11.05s linear infinite; }
.mvar-l .mrowsw { animation: lpl-fold 11.05s linear infinite; }
@keyframes lpd-rt1 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.6968% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 28.9593% { opacity: 1; } 56.5611% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 59.2760% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpd-rp1 { 0.0000% { opacity: 1; } 28.9593% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.0452% { opacity: 0; } 56.5611% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 57.6471% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpd-rt2 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.6968% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 28.9593% { opacity: 1; } 56.5611% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 59.2760% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpd-rp2 { 0.0000% { opacity: 1; } 28.9593% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.0452% { opacity: 0; } 56.5611% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 57.6471% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpd-fill { 0.0000% { width: 66.667%; animation-timing-function: cubic-bezier(.2,.65,.3,1); } 28.0543% { width: 66.667%; animation-timing-function: cubic-bezier(.2,.65,.3,1); } 35.5656% { width: 100.000%; } 80.9955% { width: 100.000%; animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.0452% { width: 66.667%; } 100.0000% { width: 66.667%; } }
@keyframes lpd-ha { 0.0000% { opacity: 1; } 27.1493% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.3167% { opacity: 0; } 80.9955% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 84.6154% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpd-hb { 0.0000% { opacity: 0; } 27.6018% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.7692% { opacity: 1; } 80.0905% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 83.7104% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpd-bs { 0.0000% { transform: translateY(calc(-1 * var(--dh))); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 26.6968% { transform: translateY(calc(-1 * var(--dh))); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 31.2217% { transform: translateY(0px); } 80.0905% { transform: translateY(0px); animation-timing-function: cubic-bezier(.4,0,.2,1); } 85.5204% { transform: translateY(calc(-1 * var(--dh))); } 100.0000% { transform: translateY(calc(-1 * var(--dh))); } }
@keyframes lpd-ta { 0.0000% { opacity: 1; } 29.4118% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 30.4977% { opacity: 0; } 80.0905% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 81.1765% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpd-tb { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.6968% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 29.4118% { opacity: 1; } 81.1765% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 83.8914% { opacity: 0; } 100.0000% { opacity: 0; } }
@keyframes lpd-btn { 0.0000% { opacity: 1; } 26.6968% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 29.4118% { opacity: 0; } 97.2851% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 100.0000% { opacity: 1; } 100.0000% { opacity: 1; } }
@keyframes lpd-press { 0.0000% { transform: scale(1); } 23.5294% { transform: scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 25.3394% { transform: scale(.93); animation-timing-function: cubic-bezier(.4,0,.2,1); } 27.6018% { transform: scale(1); } 100.0000% { transform: scale(1); } }
@keyframes lpd-dia { 0.0000% { transform: translateY(calc(var(--hr) + 15.4cqw)); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 26.6968% { transform: translateY(calc(var(--hr) + 15.4cqw)); animation-timing-function: cubic-bezier(.2,.8,.2,1); } 33.0317% { transform: translateY(var(--hr)); } 36.6516% { transform: translateY(var(--hr)); animation-timing-function: cubic-bezier(.45,0,.2,1); } 50.2262% { transform: translateY(0px); } 80.0905% { transform: translateY(0px); animation-timing-function: cubic-bezier(.45,0,.2,1); } 93.6652% { transform: translateY(var(--hr)); animation-timing-function: cubic-bezier(.4,0,.2,1); } 100.0000% { transform: translateY(calc(var(--hr) + 15.4cqw)); } 100.0000% { transform: translateY(calc(var(--hr) + 15.4cqw)); } }
@keyframes lpd-fold { 0.0000% { transform: translateY(0px); } 36.6516% { transform: translateY(0px); animation-timing-function: cubic-bezier(.45,0,.2,1); } 50.2262% { transform: translateY(var(--rg)); } 80.0905% { transform: translateY(var(--rg)); animation-timing-function: cubic-bezier(.45,0,.2,1); } 93.6652% { transform: translateY(0px); } 100.0000% { transform: translateY(0px); } }
.mvar-d .mtile { --T: 11.05s; }
.mvar-d .mr1 .t { animation: lpd-rt1 11.05s linear infinite; }
.mvar-d .mr1 .p { animation: lpd-rp1 11.05s linear infinite; }
.mvar-d .mr2 .t { animation: lpd-rt2 11.05s linear infinite; }
.mvar-d .mr2 .p { animation: lpd-rp2 11.05s linear infinite; }
.mvar-d .mfill { animation: lpd-fill 11.05s linear infinite; }
.mvar-d .mbody { animation: lpd-bs 11.05s linear infinite; }
.mvar-d .mh-a { animation: lpd-ha 11.05s linear infinite; }
.mvar-d .mh-b { animation: lpd-hb 11.05s linear infinite; }
.mvar-d .mt-a { animation: lpd-ta 11.05s linear infinite; }
.mvar-d .mtitle .mt-b { animation: lpd-tb 11.05s linear infinite; }
.mvar-d .mbtn { animation: lpd-btn 11.05s linear infinite; }
.mvar-d .mbtn span { animation: lpd-press 11.05s linear infinite; }
.mvar-d .mdia { animation: lpd-dia 11.05s linear infinite; }
.mvar-d .mrowsw { animation: lpd-fold 11.05s linear infinite; }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .lp-sec h2 .w { animation: lp-word linear both; animation-timeline: view(); animation-range: entry 0% entry 60%; }
    .lp-sec h2 .w:nth-child(2) { animation-range: entry 8% entry 68%; }
    .lp-sec h2 .w:nth-child(3) { animation-range: entry 16% entry 76%; }
    .lp-sec h2 .w:nth-child(4) { animation-range: entry 24% entry 84%; }
    .lp-sent { animation: lp-rise linear both; animation-timeline: view(); animation-range: entry 10% entry 75%; }

    /* water scene: named view timeline on the tile, level + number + sentence all follow the same scroll range */
    .wl { animation: lp-wl ease-in-out both; animation-timeline: --wt; animation-range: entry 10% cover 66%; }
    .wl-in { animation: lp-wl-in ease-in-out both; animation-timeline: --wt; animation-range: entry 10% cover 66%; }
    .wvs { animation-duration: 1s; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: --wt; animation-range: entry 10% cover 66%; }
    .wvs0 { animation-name: lp-wvs0; } .wvs1 { animation-name: lp-wvs1; } .wvs2 { animation-name: lp-wvs2; } .wvs3 { animation-name: lp-wvs3; } .wvs4 { animation-name: lp-wvs4; }
    .wdata { animation: lp-fade linear both; animation-timeline: --wt; animation-range: cover 45% cover 70%; }

    /* caffeine scene (LP5): TIME based, started by the scroll position (Ondra 28. 10.: "u kofeinu je to moc rychlé a první záznam Cappuccina není moc vidět").
       The named view timeline --kt only flips ONE registered custom property (--kon 0 -> 1, a step at cover 24 %) on .ki; the sequence itself is an ordinary CSS animation
       started by @container style(--kon: 1): 7:28 Cappuccino comes in slowly (0.4-1.7 s), the counter 62,5 and the bar follow, the CURVE grows with the first record (bars rise left to right,
       1.2-3.1 s, one peak: the app's own model), "ještě asi 44 mg" + the peak / evening line fade in; HELD to 5.0 s; then 9:21 Espresso (row 5.15 s, the curve block slides down by one row,
       counter 125, bar, the bars reshape to two peaks 5.4-7.5 s, "ještě asi 100 mg", the peak and evening lines roll). ~7.6 s in total, independent of the scroll speed. The hidden start state lives in @container style(--kon: 0)
       too, so a browser without style queries shows the finished state. Scrolled back above the trigger it resets and plays again. */
    .ki { animation: lp-kon steps(1, end) both; animation-timeline: --kt; animation-range: cover 24% cover 25%; }
    /* the hero's Domů loop (main-thread clip-path / width keyframes) costs a main frame every vsync even when the card is far off-screen (LG G7: ~15-40 % of the main thread
       while the water / caffeine card is on screen). --hv flips to 1 once the card has completely left the top of the screen -> the loop is PAUSED (resumes where it was). */
    .lp-hero .mtile { animation: lp-home 1.6s cubic-bezier(.22, 1, .36, 1) .5s both, lp-hv steps(1, end) both; animation-timeline: auto, --ht; animation-range: normal, exit 98% exit 100%; }
    @container style(--hv: 1) { .mtile * { animation-play-state: paused !important; } }
    /* the scene's layers are promoted once, while the card is still hidden (no layer creation in the first frame of the sequence) */
    .kd, .kvs, .kfill, .kb, .know, .kdown, .kinb, .kmeta { will-change: transform, opacity; }
    @container style(--kon: 0) {
      .kd, .kinb, .kmeta, .kvs2 { opacity: 0; }
      .kvs0, .kvs.q1 { opacity: 1; }
      .kvs.q2 { opacity: 0; }
      .kfill { transform: translateX(-101%); }
      .kb, .know { transform: scaleY(0); }
      .kdown { transform: translateY(calc(-1 * var(--kr))); }
    }
    @container style(--kon: 1) {
      .kd1 { animation: lp-row 1.3s cubic-bezier(.22, 1, .36, 1) .4s both; }
      .kd2 { animation: lp-row 1.3s cubic-bezier(.22, 1, .36, 1) 5.15s both; }
      .kvs0 { animation: lp-kroll-out .55s cubic-bezier(.45, 0, .2, 1) .9s both; }
      .kvs1 { animation: lp-kroll-in .55s cubic-bezier(.45, 0, .2, 1) .9s both, lp-kroll-out .55s cubic-bezier(.45, 0, .2, 1) 5.4s forwards; }
      .kvs2 { animation: lp-kroll-in .55s cubic-bezier(.45, 0, .2, 1) 5.4s both; }
      .kfill { animation: lp-kfill2 7.2s linear both; }
      /* the curve: bars rise left to right with the first record, then reshape (staggered, transform only) when the Espresso is logged */
      .kb, .know { animation: lp-kb-in .9s cubic-bezier(.22, 1, .36, 1) calc(1.2s + var(--d) * .022s) both, lp-kb-morph 1.4s cubic-bezier(.45, 0, .2, 1) calc(5.4s + var(--d) * .016s) forwards; }
      .kdown { animation: lp-kdown 1s cubic-bezier(.45, 0, .2, 1) 5s both; }
      .kinb { animation: lp-fade .8s ease-out 2s both; }
      .kmeta { animation: lp-fade .8s ease-out 2.5s both; }
      .kvs.q1 { animation: lp-kroll-out .55s cubic-bezier(.45, 0, .2, 1) 6.2s both; }
      .kvs.q2 { animation: lp-kroll-in .55s cubic-bezier(.45, 0, .2, 1) 6.2s both; }
      .kpk .kvs.q1, .kev .kvs.q1 { animation-delay: 6.4s; }
      .kpk .kvs.q2, .kev .kvs.q2 { animation-delay: 6.4s; }
    }


    .pdfwrap { animation: lp-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 90%; }
    .pdfwrap .pp { animation: lp-bar linear both; animation-timeline: --pt; animation-range: entry 10% entry 70%; }
    .pdfwrap .pp:nth-child(1) { animation-range: entry 5.5% entry 45.5%; }
    .pdfwrap .pp:nth-child(2) { animation-range: entry 7.0% entry 47.0%; }
    .pdfwrap .pp:nth-child(3) { animation-range: entry 8.5% entry 48.5%; }
    .pdfwrap .pp:nth-child(4) { animation-range: entry 10.0% entry 50.0%; }
    .pdfwrap .pp:nth-child(5) { animation-range: entry 11.5% entry 51.5%; }
    .pdfwrap .pp:nth-child(6) { animation-range: entry 13.0% entry 53.0%; }
    .pdfwrap .pp:nth-child(7) { animation-range: entry 14.5% entry 54.5%; }
    .pdfwrap .pp:nth-child(8) { animation-range: entry 16.0% entry 56.0%; }
    .pdfwrap .pp:nth-child(9) { animation-range: entry 17.5% entry 57.5%; }
    .pdfwrap .pp:nth-child(10) { animation-range: entry 19.0% entry 59.0%; }
    .pdfwrap .pp:nth-child(11) { animation-range: entry 20.5% entry 60.5%; }
    .pdfwrap .pp:nth-child(12) { animation-range: entry 22.0% entry 62.0%; }
    .pdfwrap .pp:nth-child(13) { animation-range: entry 23.5% entry 63.5%; }
    .pdfwrap .pp:nth-child(14) { animation-range: entry 25.0% entry 65.0%; }
    .pdfwrap .pp:nth-child(15) { animation-range: entry 26.5% entry 66.5%; }
    .pdfwrap .pp:nth-child(16) { animation-range: entry 28.0% entry 68.0%; }
    .pdfwrap .pp:nth-child(17) { animation-range: entry 29.5% entry 69.5%; }
    .pdfwrap .pp:nth-child(18) { animation-range: entry 31.0% entry 71.0%; }
    .pdfwrap .pp:nth-child(19) { animation-range: entry 32.5% entry 72.5%; }
    .pdfwrap .pp:nth-child(20) { animation-range: entry 34.0% entry 74.0%; }
    .pdfwrap .pp:nth-child(21) { animation-range: entry 35.5% entry 75.5%; }
    .pdfwrap .pp:nth-child(22) { animation-range: entry 37.0% entry 77.0%; }
    .pdfwrap .pp:nth-child(23) { animation-range: entry 38.5% entry 78.5%; }
    .pdfwrap .pp:nth-child(24) { animation-range: entry 40.0% entry 80.0%; }
    .pdfwrap .pp:nth-child(25) { animation-range: entry 41.5% entry 81.5%; }
    .pdfwrap .pp:nth-child(26) { animation-range: entry 43.0% entry 83.0%; }
    .pdfwrap .pp:nth-child(27) { animation-range: entry 44.5% entry 84.5%; }
    .pdfwrap .pp:nth-child(28) { animation-range: entry 46.0% entry 86.0%; }
    .pdfwrap .pp:nth-child(29) { animation-range: entry 47.5% entry 87.5%; }
    .pdfwrap .pp:nth-child(30) { animation-range: entry 49.0% entry 89.0%; }
    .lp-cta .price, .lp-cta .lp-badges, .lp-facts { animation: lp-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 90%; }
  }
}
/* ── common to a / b / c: the water scene follows the tile width (today's desktop proportions = 560 px tile: wname 84 px, wval 40, figure 92, sentences 28) ── */
@media (min-width: 1024px) {
  .wface { padding: 5.36cqw 5cqw; }
  .wname { font-size: 15cqw; }
  .wval { margin-top: 1.43cqw; font-size: 7.15cqw; }
  .wdata { left: 5cqw; right: 5cqw; bottom: 4.64cqw; }
  .wd-s, .wd-e { font-size: 5cqw; }
  .wd-n { font-size: 16.4cqw; }
}

/* ═════ DESKTOP MOCKUP b "Dva sloupce" (>= 1024 px): text + tile side by side (Apple product pages); the hero zigzag continues in the sections ═════ */
@media (min-width: 1024px) {
  main { container-type: inline-size; }                              /* cqw below = the page width without a scrollbar */
  .lp-top { max-width: 1336px; padding: 28px 48px 0; }
  .lp-top .wordmark { font-size: 17px; }
  /* hero: text left, THE Domů tile right (max 520). h1 size = left column width / 9,3 so "Záznam suplementů" always fits */
  .lp-hero { --cw: min(100cqw - 96px, 1240px); --rc: clamp(380px, var(--cw) * .42, 520px); --gp: clamp(40px, 5cqw, 64px);
             max-width: 1336px; padding: 72px 48px 0; text-align: left;
             display: grid; grid-template-columns: minmax(0, 1fr) var(--rc); column-gap: var(--gp); grid-template-rows: 1fr repeat(4, auto) 1fr; }
  .lp-hero h1 { grid-column: 1; grid-row: 2; font-size: calc((var(--cw) - var(--gp) - var(--rc)) / 9.3); }
  .lp-lead { grid-column: 1; grid-row: 3; font-size: 22px; max-width: 460px; margin: 26px 0 0; }
  .lp-fine { grid-column: 1; grid-row: 4; font-size: 16px; margin-top: 14px; }
  .lp-hero .cta-row { grid-column: 1; grid-row: 5; justify-content: flex-start; margin-top: 34px; }
  .lp-hero .mvar-l, .lp-hero .mvar-d { grid-column: 2; grid-row: 1 / span 6; }
  .lp-hero .mtile { margin: 0; width: 100%; max-width: none; }
  /* sections: text 40 % | tile 60 %, alternating; vertically centred on the tile */
  .lp-sec:not(.lp-cta) { max-width: 1336px; padding: 157px 48px 0; text-align: left;
             display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); column-gap: clamp(48px, 6cqw, 80px); }
  .lp-sec:not(.lp-cta) h2 { grid-column: 1; grid-row: 1; align-self: end; font-size: clamp(44px, 5cqw, 64px); margin: 0 0 18px; }
  .lp-sec:not(.lp-cta) .lp-sent { grid-column: 1; grid-row: 2; align-self: start; font-size: 22px; max-width: 400px; margin: 0; }
  .lp-sec:not(.lp-cta) .wtile, .lp-sec:not(.lp-cta) .ktile, .lp-sec:not(.lp-cta) .pdfwrap { grid-column: 2; grid-row: 1 / span 2; width: 100%; margin: 0; justify-self: end; }
  .lp-sec:not(.lp-cta) .wtile, .lp-sec:not(.lp-cta) .ktile { max-width: 620px; }
  #voda, #prehledy { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
  #voda h2, #voda .lp-sent, #prehledy h2, #prehledy .lp-sent { grid-column: 2; }
  #voda .wtile, #prehledy .pdfwrap { grid-column: 1; justify-self: start; }
  .pdfwrap { max-width: 478px; zoom: 1.3; }                          /* 478 px page -> 621 px */
  /* Stáhnout: centred as today, a step bigger */
  .lp-cta { max-width: 720px; padding: 157px 0 24px; }
  .lp-cta h2 { font-size: clamp(44px, 5cqw, 64px); margin-bottom: 20px; }
  .lp-cta .lp-sent { font-size: 22px; max-width: 500px; }
  .lp-cta .price { max-width: 640px; margin-top: 36px; }
  .lp-badges-end { margin-top: 44px; }
  .lp-facts { margin-top: 100px; max-width: 560px; }
  .lp-facts dt { font-size: 14px; }
  .lp-facts dd { font-size: 15px; }
}
@media (min-width: 1024px) and (max-width: 1279px) { .pdfwrap { zoom: 1.05; } }
/* landing25 additions: begin (not in the ad page's lp.css; everything above is 1:1) */
/* W81: the site's .wd cell (style.css) is a fixed 32 px = two narrow cs letters; the app's capitalised / wider week glyphs of en / de / es
   ("Mo", "We", "Do", "ma" = 34-39 px) were cut at the right edge of their gradient box. The cell may now grow to its text, never below 32 px. */
.mweek .wd { width: auto; min-width: 32px; }
/* E-landing25 produkce: the price terms under the cards (W43 / W44 sentences of the site) and the answer / guide links kept from the previous main page */
.lp-terms { font-size: 14px; line-height: 1.45; font-weight: 500; color: var(--body); max-width: 440px; margin: 22px auto 0; text-wrap: pretty; }
.lp-links { max-width: 560px; margin: 64px auto 0; padding: 0 16px 8px; text-align: center; }   /* not .lp-sec: desktop layout b turns that into a two-column grid */
.lp-links p { margin: 0; font-size: 16px; line-height: 2; font-weight: 600; }
.lp-links a { color: var(--body); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
/* ── Apple Health (B-web-health, 2. 11. 2026): the section under the caffeine scene. Same plate as the caffeine tile; finished state = default. ── */
:root { --h-card: #fff; --h-ring: #D3DED7; }
@media (prefers-color-scheme: dark) { :root { --h-card: #23262C; --h-ring: #3A3F47; } }
.htile { position: relative; margin: 36px auto 0; max-width: 560px; border-radius: 28px; overflow: hidden; background: var(--tile);
         text-align: left; isolation: isolate; container-type: inline-size; }
.hi { position: relative; padding: 7.2cqw 7.2cqw 7.8cqw; }
.hrows, .hlanes { list-style: none; margin: 0; padding: 0; }
.hrow { display: flex; justify-content: space-between; align-items: baseline; gap: 3cqw; }
.hn, .hv { display: inline-grid; }
.hn > i, .hv > i { grid-area: 1 / 1; font-style: normal; white-space: nowrap; }
.hn { font-size: 7.4cqw; font-weight: 800; letter-spacing: -.035em; line-height: 1.1; }
.hn .p { color: var(--m-pale); opacity: 0; }
.hn .t { -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .1em; }
.hn-w .t { background-image: linear-gradient(105deg, var(--d-w1), var(--d-w2)); }
.hn-c .t { background-image: linear-gradient(105deg, var(--d-c1), var(--d-c2)); }
.hn-s .t { background-image: linear-gradient(105deg, var(--t-a), var(--m-c)); }
.hv { font-size: 6.2cqw; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.hv .p { color: var(--m-pale-v); opacity: 0; }
.hv-w .t { color: var(--d-wv); } .hv-c .t { color: var(--d-cv); } .hv-s .t { color: var(--m-val); }
.hcname { font-weight: 800; white-space: nowrap; }
.lp-more { display: block; margin-top: 12px; font-size: 16px; line-height: 1.3; font-weight: 700; color: var(--body); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.lp-more:hover { color: var(--ink); }

/* H3 + R984 K1 v2 „dvě karty“ (tile class hv-k1): a flat 16 px disc hatches on the row's value and flies 1.3 s in a lane inside the tile (rows and cards end
   4.8cqw earlier) into a calm row of 10 px dots; a trail of three; glass cards, light in dark mode. The badge and the icon never move. */
.hv-k1 .hrow { height: 12.5cqw; box-sizing: border-box; padding-top: 2.4cqw; }
.hv-k1 .hrows { margin-right: 4.8cqw; }
.hv-k1 .hcards { display: grid; gap: 5.0cqw; margin-top: 9.5cqw; margin-right: 4.8cqw; }
.hv-k1 .hcard { display: flex; align-items: center; height: 20.0cqw; padding: 0 4.4cqw 0 6.0cqw; box-sizing: border-box; border-radius: 5.6cqw; background: rgba(255,255,255,.72); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); box-shadow: inset 0 0 0 1px rgba(0,0,0,.05), 0 8px 24px rgba(34,51,46,.08); }
.hv-k1 .hbadge { display: block; flex: none; width: 36.30cqw; height: 10.06cqw; }
.hv-k1 .hclogo { display: block; flex: none; width: 7.82cqw; height: 7.82cqw; }
.hv-k1 .hcname { margin-left: 2.0cqw; font-size: 5.6cqw; letter-spacing: -.035em; line-height: 1.2; color: #2F3A34; }
.hv-k1 .hdts { display: flex; gap: 2.8cqw; margin-left: auto; }
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .hv-k1 .hcard { background: rgba(255,255,255,.94); } }
@container (min-width: 480px) {
  .hv-k1 .hcards { width: min(80.8cqw, 420px); margin-left: auto; gap: 4.0cqw; }
  .hv-k1 .hcard { height: 14.0cqw; padding: 0 4.4cqw 0 4.4cqw; border-radius: 4.0cqw; }
  .hv-k1 .hbadge { width: 25.26cqw; height: 7.0cqw; }
  .hv-k1 .hclogo { width: 5.6cqw; height: 5.6cqw; }
  .hv-k1 .hcname { margin-left: 1.8cqw; font-size: 3.8cqw; }
}
.hv-k1 .hbls { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.hv-k1 .hbl { position: absolute; display: block; width: 4.48cqw; height: 4.48cqw; }
.hv-k1 .hbl > i { display: block; width: 100%; height: 100%; opacity: 0; }
.hv-k1 .hbl > i > i { display: block; width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(135deg, var(--kc1), var(--kc2) 70%); box-shadow: 0 0 10px var(--kcg); }
.hv-k1 .htr1 { opacity: .5; }
.hv-k1 .htr2 { opacity: .38; }
.hv-k1 .htr3 { opacity: .28; }
.hv-k1 .htr4 { opacity: .19; }
.hv-k1 .htr5 { opacity: .12; }
.hv-k1 .htr6 { opacity: .06; }
.hv-k1 .hdt { position: relative; display: block; flex: none; width: 3.63cqw; height: 3.63cqw; }
.hv-k1 .hdt::before { content: ""; position: absolute; left: 50%; top: 50%; width: 6.5cqw; height: 6.5cqw; margin: -3.25cqw 0 0 -3.25cqw; border-radius: 50%; background: radial-gradient(closest-side, var(--kcs), transparent); opacity: 0; }
.hv-k1 .hdt::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: linear-gradient(135deg, var(--kc1), var(--kc2) 70%); box-shadow: 0 0 6px var(--kcg); }
.hv-k1 .hbl1a, .hv-k1 .hbl1g, .hv-k1 .hdt1 { --kc1: #3E86E8; --kc2: #2456A8; --kcg: rgb(62 134 232 / .25); --kcs: rgb(62 134 232); }
.hv-k1 .hbl2a, .hv-k1 .hbl2g, .hv-k1 .hdt2 { --kc1: #8B5A2B; --kc2: #412B12; --kcg: rgb(139 90 43 / .25); --kcs: rgb(139 90 43); }
.hv-k1 .hbl3a, .hv-k1 .hbl3g, .hv-k1 .hdt3 { --kc1: #47806D; --kc2: #2E5E4E; --kcg: rgb(71 128 109 / .25); --kcs: rgb(71 128 109); }
@media (prefers-color-scheme: dark) {
.hv-k1 .hcard { background: rgba(242,243,245,.92); box-shadow: 0 8px 24px rgba(0,0,0,.35); }

}
.hv-k1 .hbl1a { left: 88.30cqw; top: 11.88cqw; }
.hv-k1 .hbl1g { left: 88.30cqw; top: 11.88cqw; }
.hv-k1 .hbl2a { left: 88.30cqw; top: 24.38cqw; }
.hv-k1 .hbl2g { left: 88.30cqw; top: 24.38cqw; }
.hv-k1 .hbl3a { left: 88.30cqw; top: 36.88cqw; }
.hv-k1 .hbl3g { left: 88.30cqw; top: 36.88cqw; }
@property --h-ps { syntax: "<custom-ident>"; inherits: true; initial-value: running; }
@media (prefers-reduced-motion: no-preference) {
  @keyframes hK-t1 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 8.6538% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 11.5385% { opacity: 1; } 85.5769% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; } 100.0000% { opacity: 0; } }
  @keyframes hK-p1 { 0.0000% { opacity: 1; } 11.5385% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 12.6923% { opacity: 0; } 85.5769% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 86.7308% { opacity: 1; } 100.0000% { opacity: 1; } }
  @keyframes hK-t2 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 22.1154% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 25.0000% { opacity: 1; } 85.5769% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; } 100.0000% { opacity: 0; } }
  @keyframes hK-p2 { 0.0000% { opacity: 1; } 25.0000% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 26.1538% { opacity: 0; } 85.5769% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 86.7308% { opacity: 1; } 100.0000% { opacity: 1; } }
  @keyframes hK-t3 { 0.0000% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 35.5769% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 38.4615% { opacity: 1; } 85.5769% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; } 100.0000% { opacity: 0; } }
  @keyframes hK-p3 { 0.0000% { opacity: 1; } 38.4615% { opacity: 1; animation-timing-function: cubic-bezier(.4,0,.2,1); } 39.6154% { opacity: 0; } 85.5769% { opacity: 0; animation-timing-function: cubic-bezier(.4,0,.2,1); } 86.7308% { opacity: 1; } 100.0000% { opacity: 1; } }
  @keyframes hKx1a { 0.0000% { transform: translateX(0.00cqw); } 10.5769% { transform: translateX(0.00cqw); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 16.9036% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 23.0769% { transform: translateX(-21.61cqw); } 24.2308% { transform: translateX(-21.61cqw); } 24.2404% { transform: translateX(0.00cqw); } 100.0000% { transform: translateX(0.00cqw); } }
  @keyframes hKy1a { 0.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 8.6442% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 8.6538% { opacity: 1; transform: translateY(0.00cqw) scale(0); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 10.5769% { opacity: 1; transform: translateY(0.00cqw) scale(1); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 12.5000% { opacity: 1; transform: translateY(-1.68cqw) scale(1); animation-timing-function: cubic-bezier(.42,0,.2,1); } 23.0769% { opacity: 1; transform: translateY(50.08cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 24.2308% { opacity: 0; transform: translateY(50.08cqw) scale(0.8102678571428571); } 24.2404% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 100.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } }
  @keyframes hKx1g { 0.0000% { transform: translateX(2.80cqw); } 16.9036% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.58,1); } 19.3264% { transform: translateX(3.40cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 24.0385% { transform: translateX(-21.61cqw); } 25.1923% { transform: translateX(-21.61cqw); } 25.2019% { transform: translateX(2.80cqw); } 100.0000% { transform: translateX(2.80cqw); } }
  @keyframes hKy1g { 0.0000% { opacity: 0; transform: translateY(31.15cqw) scale(1); } 16.8940% { opacity: 0; transform: translateY(31.15cqw) scale(1); } 16.9036% { opacity: 1; transform: translateY(31.15cqw) scale(1); animation-timing-function: cubic-bezier(.3,.475,.2,1); } 24.0385% { opacity: 1; transform: translateY(75.08cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 25.1923% { opacity: 0; transform: translateY(75.08cqw) scale(0.8102678571428571); } 25.2019% { opacity: 0; transform: translateY(31.15cqw) scale(1); } 100.0000% { opacity: 0; transform: translateY(31.15cqw) scale(1); } }
  @keyframes hKx2a { 0.0000% { transform: translateX(0.00cqw); } 24.0385% { transform: translateX(0.00cqw); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 29.8172% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 36.5385% { transform: translateX(-15.19cqw); } 37.6923% { transform: translateX(-15.19cqw); } 37.7019% { transform: translateX(0.00cqw); } 100.0000% { transform: translateX(0.00cqw); } }
  @keyframes hKy2a { 0.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 22.1058% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 22.1154% { opacity: 1; transform: translateY(0.00cqw) scale(0); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 24.0385% { opacity: 1; transform: translateY(0.00cqw) scale(1); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 25.9615% { opacity: 1; transform: translateY(-1.68cqw) scale(1); animation-timing-function: cubic-bezier(.42,0,.2,1); } 36.5385% { opacity: 1; transform: translateY(37.58cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 37.6923% { opacity: 0; transform: translateY(37.58cqw) scale(0.8102678571428571); } 37.7019% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 100.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } }
  @keyframes hKx2g { 0.0000% { transform: translateX(2.80cqw); } 29.8172% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.58,1); } 32.4045% { transform: translateX(3.40cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 37.5000% { transform: translateX(-15.19cqw); } 38.6538% { transform: translateX(-15.19cqw); } 38.6635% { transform: translateX(2.80cqw); } 100.0000% { transform: translateX(2.80cqw); } }
  @keyframes hKy2g { 0.0000% { opacity: 0; transform: translateY(18.65cqw) scale(1); } 29.8076% { opacity: 0; transform: translateY(18.65cqw) scale(1); } 29.8172% { opacity: 1; transform: translateY(18.65cqw) scale(1); animation-timing-function: cubic-bezier(.3,.487,.2,1); } 37.5000% { opacity: 1; transform: translateY(62.58cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 38.6538% { opacity: 0; transform: translateY(62.58cqw) scale(0.8102678571428571); } 38.6635% { opacity: 0; transform: translateY(18.65cqw) scale(1); } 100.0000% { opacity: 0; transform: translateY(18.65cqw) scale(1); } }
  @keyframes hKx3a { 0.0000% { transform: translateX(0.00cqw); } 37.5000% { transform: translateX(0.00cqw); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 42.3965% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 50.0000% { transform: translateX(-8.75cqw); } 51.1538% { transform: translateX(-8.75cqw); } 51.1635% { transform: translateX(0.00cqw); } 100.0000% { transform: translateX(0.00cqw); } }
  @keyframes hKy3a { 0.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 35.5673% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 35.5769% { opacity: 1; transform: translateY(0.00cqw) scale(0); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 37.5000% { opacity: 1; transform: translateY(0.00cqw) scale(1); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 39.4231% { opacity: 1; transform: translateY(-1.68cqw) scale(1); animation-timing-function: cubic-bezier(.42,0,.2,1); } 50.0000% { opacity: 1; transform: translateY(25.08cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 51.1538% { opacity: 0; transform: translateY(25.08cqw) scale(0.8102678571428571); } 51.1635% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 100.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } }
  @keyframes hKx3g { 0.0000% { transform: translateX(2.80cqw); } 42.3965% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.58,1); } 45.4723% { transform: translateX(3.40cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 50.9615% { transform: translateX(-8.75cqw); } 52.1154% { transform: translateX(-8.75cqw); } 52.1250% { transform: translateX(2.80cqw); } 100.0000% { transform: translateX(2.80cqw); } }
  @keyframes hKy3g { 0.0000% { opacity: 0; transform: translateY(6.15cqw) scale(1); } 42.3869% { opacity: 0; transform: translateY(6.15cqw) scale(1); } 42.3965% { opacity: 1; transform: translateY(6.15cqw) scale(1); animation-timing-function: cubic-bezier(.3,.39,.2,1); } 50.9615% { opacity: 1; transform: translateY(50.08cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 52.1154% { opacity: 0; transform: translateY(50.08cqw) scale(0.8102678571428571); } 52.1250% { opacity: 0; transform: translateY(6.15cqw) scale(1); } 100.0000% { opacity: 0; transform: translateY(6.15cqw) scale(1); } }
  @keyframes hKx1aw { 0.0000% { transform: translateX(0.00cqw); } 10.5769% { transform: translateX(0.00cqw); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 17.1217% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 23.0769% { transform: translateX(-21.61cqw); } 24.2308% { transform: translateX(-21.61cqw); } 24.2404% { transform: translateX(0.00cqw); } 100.0000% { transform: translateX(0.00cqw); } }
  @keyframes hKy1aw { 0.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 8.6442% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 8.6538% { opacity: 1; transform: translateY(0.00cqw) scale(0); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 10.5769% { opacity: 1; transform: translateY(0.00cqw) scale(1); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 12.5000% { opacity: 1; transform: translateY(-1.68cqw) scale(1); animation-timing-function: cubic-bezier(.42,0,.2,1); } 23.0769% { opacity: 1; transform: translateY(47.08cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 24.2308% { opacity: 0; transform: translateY(47.08cqw) scale(0.8102678571428571); } 24.2404% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 100.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } }
  @keyframes hKx1gw { 0.0000% { transform: translateX(2.80cqw); } 17.1217% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.58,1); } 19.5950% { transform: translateX(3.40cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 24.0385% { transform: translateX(-21.61cqw); } 25.1923% { transform: translateX(-21.61cqw); } 25.2019% { transform: translateX(2.80cqw); } 100.0000% { transform: translateX(2.80cqw); } }
  @keyframes hKy1gw { 0.0000% { opacity: 0; transform: translateY(31.15cqw) scale(1); } 17.1121% { opacity: 0; transform: translateY(31.15cqw) scale(1); } 17.1217% { opacity: 1; transform: translateY(31.15cqw) scale(1); animation-timing-function: cubic-bezier(.3,.507,.2,1); } 24.0385% { opacity: 1; transform: translateY(65.08cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 25.1923% { opacity: 0; transform: translateY(65.08cqw) scale(0.8102678571428571); } 25.2019% { opacity: 0; transform: translateY(31.15cqw) scale(1); } 100.0000% { opacity: 0; transform: translateY(31.15cqw) scale(1); } }
  @keyframes hKx2aw { 0.0000% { transform: translateX(0.00cqw); } 24.0385% { transform: translateX(0.00cqw); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 30.0047% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 36.5385% { transform: translateX(-15.19cqw); } 37.6923% { transform: translateX(-15.19cqw); } 37.7019% { transform: translateX(0.00cqw); } 100.0000% { transform: translateX(0.00cqw); } }
  @keyframes hKy2aw { 0.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 22.1058% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 22.1154% { opacity: 1; transform: translateY(0.00cqw) scale(0); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 24.0385% { opacity: 1; transform: translateY(0.00cqw) scale(1); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 25.9615% { opacity: 1; transform: translateY(-1.68cqw) scale(1); animation-timing-function: cubic-bezier(.42,0,.2,1); } 36.5385% { opacity: 1; transform: translateY(34.58cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 37.6923% { opacity: 0; transform: translateY(34.58cqw) scale(0.8102678571428571); } 37.7019% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 100.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } }
  @keyframes hKx2gw { 0.0000% { transform: translateX(2.80cqw); } 30.0047% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.58,1); } 32.6437% { transform: translateX(3.40cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 37.5000% { transform: translateX(-15.19cqw); } 38.6538% { transform: translateX(-15.19cqw); } 38.6635% { transform: translateX(2.80cqw); } 100.0000% { transform: translateX(2.80cqw); } }
  @keyframes hKy2gw { 0.0000% { opacity: 0; transform: translateY(18.65cqw) scale(1); } 29.9951% { opacity: 0; transform: translateY(18.65cqw) scale(1); } 30.0047% { opacity: 1; transform: translateY(18.65cqw) scale(1); animation-timing-function: cubic-bezier(.3,.529,.2,1); } 37.5000% { opacity: 1; transform: translateY(52.58cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 38.6538% { opacity: 0; transform: translateY(52.58cqw) scale(0.8102678571428571); } 38.6635% { opacity: 0; transform: translateY(18.65cqw) scale(1); } 100.0000% { opacity: 0; transform: translateY(18.65cqw) scale(1); } }
  @keyframes hKx3aw { 0.0000% { transform: translateX(0.00cqw); } 37.5000% { transform: translateX(0.00cqw); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 42.5419% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 50.0000% { transform: translateX(-8.75cqw); } 51.1538% { transform: translateX(-8.75cqw); } 51.1635% { transform: translateX(0.00cqw); } 100.0000% { transform: translateX(0.00cqw); } }
  @keyframes hKy3aw { 0.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 35.5673% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 35.5769% { opacity: 1; transform: translateY(0.00cqw) scale(0); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 37.5000% { opacity: 1; transform: translateY(0.00cqw) scale(1); animation-timing-function: cubic-bezier(.2,.7,.2,1); } 39.4231% { opacity: 1; transform: translateY(-1.68cqw) scale(1); animation-timing-function: cubic-bezier(.42,0,.2,1); } 50.0000% { opacity: 1; transform: translateY(22.08cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 51.1538% { opacity: 0; transform: translateY(22.08cqw) scale(0.8102678571428571); } 51.1635% { opacity: 0; transform: translateY(0.00cqw) scale(0); } 100.0000% { opacity: 0; transform: translateY(0.00cqw) scale(0); } }
  @keyframes hKx3gw { 0.0000% { transform: translateX(2.80cqw); } 42.5419% { transform: translateX(2.80cqw); animation-timing-function: cubic-bezier(.42,0,.58,1); } 45.6559% { transform: translateX(3.40cqw); animation-timing-function: cubic-bezier(.42,0,.2,1); } 50.9615% { transform: translateX(-8.75cqw); } 52.1154% { transform: translateX(-8.75cqw); } 52.1250% { transform: translateX(2.80cqw); } 100.0000% { transform: translateX(2.80cqw); } }
  @keyframes hKy3gw { 0.0000% { opacity: 0; transform: translateY(6.15cqw) scale(1); } 42.5323% { opacity: 0; transform: translateY(6.15cqw) scale(1); } 42.5419% { opacity: 1; transform: translateY(6.15cqw) scale(1); animation-timing-function: cubic-bezier(.3,.457,.2,1); } 50.9615% { opacity: 1; transform: translateY(40.08cqw) scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 52.1154% { opacity: 0; transform: translateY(40.08cqw) scale(0.8102678571428571); } 52.1250% { opacity: 0; transform: translateY(6.15cqw) scale(1); } 100.0000% { opacity: 0; transform: translateY(6.15cqw) scale(1); } }
  @keyframes hKd-a1 { 0.0000% { opacity: 0; transform: scale(.6); } 23.0769% { opacity: 0; transform: scale(.6); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 25.9615% { opacity: 1; transform: scale(1); } 85.5769% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; transform: scale(1); } 100.0000% { opacity: 0; transform: scale(.6); } }
  @keyframes hKg-a1 { 0.0000% { opacity: 0; transform: scale(.5); } 22.8846% { opacity: 0; transform: scale(.5); animation-timing-function: cubic-bezier(.4,0,.2,1); } 23.5577% { opacity: .6; transform: scale(.9); animation-timing-function: cubic-bezier(.4,0,.2,1); } 28.3654% { opacity: 0; transform: scale(1.5); } 28.3750% { opacity: 0; transform: scale(.5); } 100.0000% { opacity: 0; transform: scale(.5); } }
  @keyframes hKd-a2 { 0.0000% { opacity: 0; transform: scale(.6); } 36.5385% { opacity: 0; transform: scale(.6); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 39.4231% { opacity: 1; transform: scale(1); } 85.5769% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; transform: scale(1); } 100.0000% { opacity: 0; transform: scale(.6); } }
  @keyframes hKg-a2 { 0.0000% { opacity: 0; transform: scale(.5); } 36.3462% { opacity: 0; transform: scale(.5); animation-timing-function: cubic-bezier(.4,0,.2,1); } 37.0192% { opacity: .6; transform: scale(.9); animation-timing-function: cubic-bezier(.4,0,.2,1); } 41.8269% { opacity: 0; transform: scale(1.5); } 41.8365% { opacity: 0; transform: scale(.5); } 100.0000% { opacity: 0; transform: scale(.5); } }
  @keyframes hKd-a3 { 0.0000% { opacity: 0; transform: scale(.6); } 50.0000% { opacity: 0; transform: scale(.6); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 52.8846% { opacity: 1; transform: scale(1); } 85.5769% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; transform: scale(1); } 100.0000% { opacity: 0; transform: scale(.6); } }
  @keyframes hKg-a3 { 0.0000% { opacity: 0; transform: scale(.5); } 49.8077% { opacity: 0; transform: scale(.5); animation-timing-function: cubic-bezier(.4,0,.2,1); } 50.4808% { opacity: .6; transform: scale(.9); animation-timing-function: cubic-bezier(.4,0,.2,1); } 55.2885% { opacity: 0; transform: scale(1.5); } 55.2981% { opacity: 0; transform: scale(.5); } 100.0000% { opacity: 0; transform: scale(.5); } }
  @keyframes hKd-g1 { 0.0000% { opacity: 0; transform: scale(.6); } 24.0385% { opacity: 0; transform: scale(.6); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 26.9231% { opacity: 1; transform: scale(1); } 85.5769% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; transform: scale(1); } 100.0000% { opacity: 0; transform: scale(.6); } }
  @keyframes hKg-g1 { 0.0000% { opacity: 0; transform: scale(.5); } 23.8462% { opacity: 0; transform: scale(.5); animation-timing-function: cubic-bezier(.4,0,.2,1); } 24.5192% { opacity: .6; transform: scale(.9); animation-timing-function: cubic-bezier(.4,0,.2,1); } 29.3269% { opacity: 0; transform: scale(1.5); } 29.3365% { opacity: 0; transform: scale(.5); } 100.0000% { opacity: 0; transform: scale(.5); } }
  @keyframes hKd-g2 { 0.0000% { opacity: 0; transform: scale(.6); } 37.5000% { opacity: 0; transform: scale(.6); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 40.3846% { opacity: 1; transform: scale(1); } 85.5769% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; transform: scale(1); } 100.0000% { opacity: 0; transform: scale(.6); } }
  @keyframes hKg-g2 { 0.0000% { opacity: 0; transform: scale(.5); } 37.3077% { opacity: 0; transform: scale(.5); animation-timing-function: cubic-bezier(.4,0,.2,1); } 37.9808% { opacity: .6; transform: scale(.9); animation-timing-function: cubic-bezier(.4,0,.2,1); } 42.7885% { opacity: 0; transform: scale(1.5); } 42.7981% { opacity: 0; transform: scale(.5); } 100.0000% { opacity: 0; transform: scale(.5); } }
  @keyframes hKd-g3 { 0.0000% { opacity: 0; transform: scale(.6); } 50.9615% { opacity: 0; transform: scale(.6); animation-timing-function: cubic-bezier(.34,1.56,.64,1); } 53.8462% { opacity: 1; transform: scale(1); } 85.5769% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(.4,0,.2,1); } 90.3846% { opacity: 0; transform: scale(1); } 100.0000% { opacity: 0; transform: scale(.6); } }
  @keyframes hKg-g3 { 0.0000% { opacity: 0; transform: scale(.5); } 50.7692% { opacity: 0; transform: scale(.5); animation-timing-function: cubic-bezier(.4,0,.2,1); } 51.4423% { opacity: .6; transform: scale(.9); animation-timing-function: cubic-bezier(.4,0,.2,1); } 56.2500% { opacity: 0; transform: scale(1.5); } 56.2596% { opacity: 0; transform: scale(.5); } 100.0000% { opacity: 0; transform: scale(.5); } }
  .hv-k1 .hbl1a { animation: hKx1a 10.4s linear infinite; }
  .hv-k1 .hbl1a > i { animation: hKy1a 10.4s linear infinite; }
  .hv-k1 .hbl1a.htr1 { animation: hKx1a 10.4s linear .025s infinite; }
  .hv-k1 .hbl1a.htr1 > i { animation: hKy1a 10.4s linear .025s infinite; }
  .hv-k1 .hbl1a.htr2 { animation: hKx1a 10.4s linear .05s infinite; }
  .hv-k1 .hbl1a.htr2 > i { animation: hKy1a 10.4s linear .05s infinite; }
  .hv-k1 .hbl1a.htr3 { animation: hKx1a 10.4s linear .075s infinite; }
  .hv-k1 .hbl1a.htr3 > i { animation: hKy1a 10.4s linear .075s infinite; }
  .hv-k1 .hbl1a.htr4 { animation: hKx1a 10.4s linear .1s infinite; }
  .hv-k1 .hbl1a.htr4 > i { animation: hKy1a 10.4s linear .1s infinite; }
  .hv-k1 .hbl1a.htr5 { animation: hKx1a 10.4s linear .125s infinite; }
  .hv-k1 .hbl1a.htr5 > i { animation: hKy1a 10.4s linear .125s infinite; }
  .hv-k1 .hbl1a.htr6 { animation: hKx1a 10.4s linear .15s infinite; }
  .hv-k1 .hbl1a.htr6 > i { animation: hKy1a 10.4s linear .15s infinite; }
  .hv-k1 .hbl1g { animation: hKx1g 10.4s linear infinite; }
  .hv-k1 .hbl1g > i { animation: hKy1g 10.4s linear infinite; }
  .hv-k1 .hbl1g.htr1 { animation: hKx1g 10.4s linear .025s infinite; }
  .hv-k1 .hbl1g.htr1 > i { animation: hKy1g 10.4s linear .025s infinite; }
  .hv-k1 .hbl1g.htr2 { animation: hKx1g 10.4s linear .05s infinite; }
  .hv-k1 .hbl1g.htr2 > i { animation: hKy1g 10.4s linear .05s infinite; }
  .hv-k1 .hbl1g.htr3 { animation: hKx1g 10.4s linear .075s infinite; }
  .hv-k1 .hbl1g.htr3 > i { animation: hKy1g 10.4s linear .075s infinite; }
  .hv-k1 .hbl1g.htr4 { animation: hKx1g 10.4s linear .1s infinite; }
  .hv-k1 .hbl1g.htr4 > i { animation: hKy1g 10.4s linear .1s infinite; }
  .hv-k1 .hbl1g.htr5 { animation: hKx1g 10.4s linear .125s infinite; }
  .hv-k1 .hbl1g.htr5 > i { animation: hKy1g 10.4s linear .125s infinite; }
  .hv-k1 .hbl1g.htr6 { animation: hKx1g 10.4s linear .15s infinite; }
  .hv-k1 .hbl1g.htr6 > i { animation: hKy1g 10.4s linear .15s infinite; }
  .hv-k1 .hbl2a { animation: hKx2a 10.4s linear infinite; }
  .hv-k1 .hbl2a > i { animation: hKy2a 10.4s linear infinite; }
  .hv-k1 .hbl2a.htr1 { animation: hKx2a 10.4s linear .025s infinite; }
  .hv-k1 .hbl2a.htr1 > i { animation: hKy2a 10.4s linear .025s infinite; }
  .hv-k1 .hbl2a.htr2 { animation: hKx2a 10.4s linear .05s infinite; }
  .hv-k1 .hbl2a.htr2 > i { animation: hKy2a 10.4s linear .05s infinite; }
  .hv-k1 .hbl2a.htr3 { animation: hKx2a 10.4s linear .075s infinite; }
  .hv-k1 .hbl2a.htr3 > i { animation: hKy2a 10.4s linear .075s infinite; }
  .hv-k1 .hbl2a.htr4 { animation: hKx2a 10.4s linear .1s infinite; }
  .hv-k1 .hbl2a.htr4 > i { animation: hKy2a 10.4s linear .1s infinite; }
  .hv-k1 .hbl2a.htr5 { animation: hKx2a 10.4s linear .125s infinite; }
  .hv-k1 .hbl2a.htr5 > i { animation: hKy2a 10.4s linear .125s infinite; }
  .hv-k1 .hbl2a.htr6 { animation: hKx2a 10.4s linear .15s infinite; }
  .hv-k1 .hbl2a.htr6 > i { animation: hKy2a 10.4s linear .15s infinite; }
  .hv-k1 .hbl2g { animation: hKx2g 10.4s linear infinite; }
  .hv-k1 .hbl2g > i { animation: hKy2g 10.4s linear infinite; }
  .hv-k1 .hbl2g.htr1 { animation: hKx2g 10.4s linear .025s infinite; }
  .hv-k1 .hbl2g.htr1 > i { animation: hKy2g 10.4s linear .025s infinite; }
  .hv-k1 .hbl2g.htr2 { animation: hKx2g 10.4s linear .05s infinite; }
  .hv-k1 .hbl2g.htr2 > i { animation: hKy2g 10.4s linear .05s infinite; }
  .hv-k1 .hbl2g.htr3 { animation: hKx2g 10.4s linear .075s infinite; }
  .hv-k1 .hbl2g.htr3 > i { animation: hKy2g 10.4s linear .075s infinite; }
  .hv-k1 .hbl2g.htr4 { animation: hKx2g 10.4s linear .1s infinite; }
  .hv-k1 .hbl2g.htr4 > i { animation: hKy2g 10.4s linear .1s infinite; }
  .hv-k1 .hbl2g.htr5 { animation: hKx2g 10.4s linear .125s infinite; }
  .hv-k1 .hbl2g.htr5 > i { animation: hKy2g 10.4s linear .125s infinite; }
  .hv-k1 .hbl2g.htr6 { animation: hKx2g 10.4s linear .15s infinite; }
  .hv-k1 .hbl2g.htr6 > i { animation: hKy2g 10.4s linear .15s infinite; }
  .hv-k1 .hbl3a { animation: hKx3a 10.4s linear infinite; }
  .hv-k1 .hbl3a > i { animation: hKy3a 10.4s linear infinite; }
  .hv-k1 .hbl3a.htr1 { animation: hKx3a 10.4s linear .025s infinite; }
  .hv-k1 .hbl3a.htr1 > i { animation: hKy3a 10.4s linear .025s infinite; }
  .hv-k1 .hbl3a.htr2 { animation: hKx3a 10.4s linear .05s infinite; }
  .hv-k1 .hbl3a.htr2 > i { animation: hKy3a 10.4s linear .05s infinite; }
  .hv-k1 .hbl3a.htr3 { animation: hKx3a 10.4s linear .075s infinite; }
  .hv-k1 .hbl3a.htr3 > i { animation: hKy3a 10.4s linear .075s infinite; }
  .hv-k1 .hbl3a.htr4 { animation: hKx3a 10.4s linear .1s infinite; }
  .hv-k1 .hbl3a.htr4 > i { animation: hKy3a 10.4s linear .1s infinite; }
  .hv-k1 .hbl3a.htr5 { animation: hKx3a 10.4s linear .125s infinite; }
  .hv-k1 .hbl3a.htr5 > i { animation: hKy3a 10.4s linear .125s infinite; }
  .hv-k1 .hbl3a.htr6 { animation: hKx3a 10.4s linear .15s infinite; }
  .hv-k1 .hbl3a.htr6 > i { animation: hKy3a 10.4s linear .15s infinite; }
  .hv-k1 .hbl3g { animation: hKx3g 10.4s linear infinite; }
  .hv-k1 .hbl3g > i { animation: hKy3g 10.4s linear infinite; }
  .hv-k1 .hbl3g.htr1 { animation: hKx3g 10.4s linear .025s infinite; }
  .hv-k1 .hbl3g.htr1 > i { animation: hKy3g 10.4s linear .025s infinite; }
  .hv-k1 .hbl3g.htr2 { animation: hKx3g 10.4s linear .05s infinite; }
  .hv-k1 .hbl3g.htr2 > i { animation: hKy3g 10.4s linear .05s infinite; }
  .hv-k1 .hbl3g.htr3 { animation: hKx3g 10.4s linear .075s infinite; }
  .hv-k1 .hbl3g.htr3 > i { animation: hKy3g 10.4s linear .075s infinite; }
  .hv-k1 .hbl3g.htr4 { animation: hKx3g 10.4s linear .1s infinite; }
  .hv-k1 .hbl3g.htr4 > i { animation: hKy3g 10.4s linear .1s infinite; }
  .hv-k1 .hbl3g.htr5 { animation: hKx3g 10.4s linear .125s infinite; }
  .hv-k1 .hbl3g.htr5 > i { animation: hKy3g 10.4s linear .125s infinite; }
  .hv-k1 .hbl3g.htr6 { animation: hKx3g 10.4s linear .15s infinite; }
  .hv-k1 .hbl3g.htr6 > i { animation: hKy3g 10.4s linear .15s infinite; }
  .hv-k1 .hc-a .hdt1::after { animation: hKd-a1 10.4s linear infinite; }
  .hv-k1 .hc-a .hdt1::before { animation: hKg-a1 10.4s linear infinite; }
  .hv-k1 .hc-a .hdt2::after { animation: hKd-a2 10.4s linear infinite; }
  .hv-k1 .hc-a .hdt2::before { animation: hKg-a2 10.4s linear infinite; }
  .hv-k1 .hc-a .hdt3::after { animation: hKd-a3 10.4s linear infinite; }
  .hv-k1 .hc-a .hdt3::before { animation: hKg-a3 10.4s linear infinite; }
  .hv-k1 .hc-g .hdt1::after { animation: hKd-g1 10.4s linear infinite; }
  .hv-k1 .hc-g .hdt1::before { animation: hKg-g1 10.4s linear infinite; }
  .hv-k1 .hc-g .hdt2::after { animation: hKd-g2 10.4s linear infinite; }
  .hv-k1 .hc-g .hdt2::before { animation: hKg-g2 10.4s linear infinite; }
  .hv-k1 .hc-g .hdt3::after { animation: hKd-g3 10.4s linear infinite; }
  .hv-k1 .hc-g .hdt3::before { animation: hKg-g3 10.4s linear infinite; }
  .hv-k1 .hrow:nth-child(1) .t { animation: hK-t1 10.4s linear infinite; }
  .hv-k1 .hrow:nth-child(1) .p { animation: hK-p1 10.4s linear infinite; }
  .hv-k1 .hrow:nth-child(2) .t { animation: hK-t2 10.4s linear infinite; }
  .hv-k1 .hrow:nth-child(2) .p { animation: hK-p2 10.4s linear infinite; }
  .hv-k1 .hrow:nth-child(3) .t { animation: hK-t3 10.4s linear infinite; }
  .hv-k1 .hrow:nth-child(3) .p { animation: hK-p3 10.4s linear infinite; }
  .hv-k1 .hrow .t, .hv-k1 .hrow .p, .hv-k1 .hbl, .hv-k1 .hbl > i, .hv-k1 .hdt::before, .hv-k1 .hdt::after { will-change: transform, opacity; }
  @container (min-width: 480px) {
    .hv-k1 .hbl1a, .hv-k1 .hbl1a.htr1, .hv-k1 .hbl1a.htr2, .hv-k1 .hbl1a.htr3, .hv-k1 .hbl1a.htr4, .hv-k1 .hbl1a.htr5, .hv-k1 .hbl1a.htr6 { animation-name: hKx1aw; }
    .hv-k1 .hbl1a > i, .hv-k1 .hbl1a.htr1 > i, .hv-k1 .hbl1a.htr2 > i, .hv-k1 .hbl1a.htr3 > i, .hv-k1 .hbl1a.htr4 > i, .hv-k1 .hbl1a.htr5 > i, .hv-k1 .hbl1a.htr6 > i { animation-name: hKy1aw; }
    .hv-k1 .hbl1g, .hv-k1 .hbl1g.htr1, .hv-k1 .hbl1g.htr2, .hv-k1 .hbl1g.htr3, .hv-k1 .hbl1g.htr4, .hv-k1 .hbl1g.htr5, .hv-k1 .hbl1g.htr6 { animation-name: hKx1gw; }
    .hv-k1 .hbl1g > i, .hv-k1 .hbl1g.htr1 > i, .hv-k1 .hbl1g.htr2 > i, .hv-k1 .hbl1g.htr3 > i, .hv-k1 .hbl1g.htr4 > i, .hv-k1 .hbl1g.htr5 > i, .hv-k1 .hbl1g.htr6 > i { animation-name: hKy1gw; }
    .hv-k1 .hbl2a, .hv-k1 .hbl2a.htr1, .hv-k1 .hbl2a.htr2, .hv-k1 .hbl2a.htr3, .hv-k1 .hbl2a.htr4, .hv-k1 .hbl2a.htr5, .hv-k1 .hbl2a.htr6 { animation-name: hKx2aw; }
    .hv-k1 .hbl2a > i, .hv-k1 .hbl2a.htr1 > i, .hv-k1 .hbl2a.htr2 > i, .hv-k1 .hbl2a.htr3 > i, .hv-k1 .hbl2a.htr4 > i, .hv-k1 .hbl2a.htr5 > i, .hv-k1 .hbl2a.htr6 > i { animation-name: hKy2aw; }
    .hv-k1 .hbl2g, .hv-k1 .hbl2g.htr1, .hv-k1 .hbl2g.htr2, .hv-k1 .hbl2g.htr3, .hv-k1 .hbl2g.htr4, .hv-k1 .hbl2g.htr5, .hv-k1 .hbl2g.htr6 { animation-name: hKx2gw; }
    .hv-k1 .hbl2g > i, .hv-k1 .hbl2g.htr1 > i, .hv-k1 .hbl2g.htr2 > i, .hv-k1 .hbl2g.htr3 > i, .hv-k1 .hbl2g.htr4 > i, .hv-k1 .hbl2g.htr5 > i, .hv-k1 .hbl2g.htr6 > i { animation-name: hKy2gw; }
    .hv-k1 .hbl3a, .hv-k1 .hbl3a.htr1, .hv-k1 .hbl3a.htr2, .hv-k1 .hbl3a.htr3, .hv-k1 .hbl3a.htr4, .hv-k1 .hbl3a.htr5, .hv-k1 .hbl3a.htr6 { animation-name: hKx3aw; }
    .hv-k1 .hbl3a > i, .hv-k1 .hbl3a.htr1 > i, .hv-k1 .hbl3a.htr2 > i, .hv-k1 .hbl3a.htr3 > i, .hv-k1 .hbl3a.htr4 > i, .hv-k1 .hbl3a.htr5 > i, .hv-k1 .hbl3a.htr6 > i { animation-name: hKy3aw; }
    .hv-k1 .hbl3g, .hv-k1 .hbl3g.htr1, .hv-k1 .hbl3g.htr2, .hv-k1 .hbl3g.htr3, .hv-k1 .hbl3g.htr4, .hv-k1 .hbl3g.htr5, .hv-k1 .hbl3g.htr6 { animation-name: hKx3gw; }
    .hv-k1 .hbl3g > i, .hv-k1 .hbl3g.htr1 > i, .hv-k1 .hbl3g.htr2 > i, .hv-k1 .hbl3g.htr3 > i, .hv-k1 .hbl3g.htr4 > i, .hv-k1 .hbl3g.htr5 > i, .hv-k1 .hbl3g.htr6 > i { animation-name: hKy3gw; }
  }
  @supports (animation-timeline: view()) {
    .hv-k1 { animation: hPs linear both; animation-timeline: view(); animation-range: entry 0% entry 25%; }
    @keyframes hPs { from { --h-ps: paused; } to { --h-ps: running; } }
    @container style(--h-ps: paused) {
      .hv-k1 .hbl1a { animation-play-state: paused; }
      .hv-k1 .hbl1a > i { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr1 { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr1 > i { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr2 { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr2 > i { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr3 { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr3 > i { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr4 { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr4 > i { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr5 { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr5 > i { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr6 { animation-play-state: paused; }
      .hv-k1 .hbl1a.htr6 > i { animation-play-state: paused; }
      .hv-k1 .hbl1g { animation-play-state: paused; }
      .hv-k1 .hbl1g > i { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr1 { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr1 > i { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr2 { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr2 > i { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr3 { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr3 > i { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr4 { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr4 > i { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr5 { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr5 > i { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr6 { animation-play-state: paused; }
      .hv-k1 .hbl1g.htr6 > i { animation-play-state: paused; }
      .hv-k1 .hbl2a { animation-play-state: paused; }
      .hv-k1 .hbl2a > i { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr1 { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr1 > i { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr2 { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr2 > i { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr3 { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr3 > i { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr4 { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr4 > i { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr5 { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr5 > i { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr6 { animation-play-state: paused; }
      .hv-k1 .hbl2a.htr6 > i { animation-play-state: paused; }
      .hv-k1 .hbl2g { animation-play-state: paused; }
      .hv-k1 .hbl2g > i { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr1 { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr1 > i { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr2 { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr2 > i { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr3 { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr3 > i { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr4 { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr4 > i { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr5 { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr5 > i { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr6 { animation-play-state: paused; }
      .hv-k1 .hbl2g.htr6 > i { animation-play-state: paused; }
      .hv-k1 .hbl3a { animation-play-state: paused; }
      .hv-k1 .hbl3a > i { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr1 { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr1 > i { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr2 { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr2 > i { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr3 { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr3 > i { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr4 { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr4 > i { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr5 { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr5 > i { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr6 { animation-play-state: paused; }
      .hv-k1 .hbl3a.htr6 > i { animation-play-state: paused; }
      .hv-k1 .hbl3g { animation-play-state: paused; }
      .hv-k1 .hbl3g > i { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr1 { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr1 > i { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr2 { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr2 > i { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr3 { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr3 > i { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr4 { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr4 > i { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr5 { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr5 > i { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr6 { animation-play-state: paused; }
      .hv-k1 .hbl3g.htr6 > i { animation-play-state: paused; }
      .hv-k1 .hc-a .hdt1::after { animation-play-state: paused; }
      .hv-k1 .hc-a .hdt1::before { animation-play-state: paused; }
      .hv-k1 .hc-a .hdt2::after { animation-play-state: paused; }
      .hv-k1 .hc-a .hdt2::before { animation-play-state: paused; }
      .hv-k1 .hc-a .hdt3::after { animation-play-state: paused; }
      .hv-k1 .hc-a .hdt3::before { animation-play-state: paused; }
      .hv-k1 .hc-g .hdt1::after { animation-play-state: paused; }
      .hv-k1 .hc-g .hdt1::before { animation-play-state: paused; }
      .hv-k1 .hc-g .hdt2::after { animation-play-state: paused; }
      .hv-k1 .hc-g .hdt2::before { animation-play-state: paused; }
      .hv-k1 .hc-g .hdt3::after { animation-play-state: paused; }
      .hv-k1 .hc-g .hdt3::before { animation-play-state: paused; }
      .hv-k1 .hrow:nth-child(1) .t { animation-play-state: paused; }
      .hv-k1 .hrow:nth-child(1) .p { animation-play-state: paused; }
      .hv-k1 .hrow:nth-child(2) .t { animation-play-state: paused; }
      .hv-k1 .hrow:nth-child(2) .p { animation-play-state: paused; }
      .hv-k1 .hrow:nth-child(3) .t { animation-play-state: paused; }
      .hv-k1 .hrow:nth-child(3) .p { animation-play-state: paused; }
    }
  }
}
/* zigzag on a wide screen: voda (tile left), kofein (right), zdraví (left), přehledy (right) - the new section makes přehledy flip to the right */
@media (min-width: 1024px) {
  #zdravi { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
  #zdravi h2, #zdravi .lp-sent { grid-column: 2; }
  #zdravi .htile { grid-column: 1; grid-row: 1 / span 2; width: 100%; max-width: 620px; margin: 0; justify-self: start; }
  #prehledy { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
  #prehledy h2, #prehledy .lp-sent { grid-column: 1; }
  #prehledy .pdfwrap { grid-column: 2; justify-self: end; }
  .lp-more { font-size: 18px; margin-top: 16px; }
}
/* landing25 additions: end */