@font-face{font-family:'Comic Relief';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/comic-relief-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Comic Relief';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/comic-relief-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Comic Relief';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/comic-relief-latin-ext-700.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Comic Relief';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/comic-relief-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ms-text:#24455d;
  --ms-hlava:#f2b9ab; --ms-hlava-linka:rgba(203,87,4,.54); --ms-hlava-svetla:#fff6f3;
  --ms-zluta:#fee69b; --ms-zluta-svetla:#feebaa; --ms-zluta-ramec:#ffc62a; --ms-zluta-linka:#feb20b;
  --ms-oranz:#f9ce99; --ms-oranz-ramec:#f08e5f; --ms-oranz-tmava:#f28131;
  --ms-paticka:#704e36;
  --ms-uvod:linear-gradient(to bottom,rgba(222,70,33,.38),rgba(255,198,42,.52));
  --ms-svit:rgba(255,246,236,.95);
  --ms-font:'Comic Relief','Comic Neue','Comic Sans MS',cursive;
  --ms-obsah:1016px; --ms-scena:1132px; --ms-pas:160px;
  --ms-r:20px; --ms-r-male:10px;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:#fff;color:var(--ms-text);font-family:var(--ms-font);font-size:16px;line-height:1.4;overflow-x:hidden}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
button{font-family:inherit}
.ms-obal{width:var(--ms-obsah);max-width:calc(100% - 32px);margin:0 auto}
.ms-zrc{transform:scaleX(-1)}
.ms-preskocit{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:10px 16px;border-radius:var(--ms-r-male);font-weight:700}
.ms-preskocit:focus{left:16px}
:focus-visible{outline:3px solid var(--ms-text);outline-offset:2px}

.ms-hlavicka{background:var(--ms-hlava);border-bottom:3px solid var(--ms-hlava-linka);height:109px;position:relative;z-index:20}
.ms-hlavicka__in{width:var(--ms-scena);max-width:100%;margin:0 auto;height:100%;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 58px 0 56px}
.ms-hlavicka__kvet{position:absolute;left:25px;top:22px;max-width:none}
.ms-hlavicka__nazev{position:relative;font-weight:700;font-size:32px;line-height:1;margin:0;white-space:nowrap}
.ms-menu{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.ms-menu a{font-weight:700;font-size:16px;letter-spacing:-1.28px;text-transform:uppercase}
.ms-menu a[aria-current]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-color:var(--ms-oranz-tmava)}
.ms-menu-tlac{display:none;position:relative;width:48px;height:48px;padding:0;border:2px solid var(--ms-hlava-linka);border-radius:14px;background:var(--ms-hlava-svetla);color:var(--ms-text);cursor:pointer;flex:none}
.ms-menu-tlac span,.ms-menu-tlac::before,.ms-menu-tlac::after{content:"";position:absolute;left:12px;right:12px;height:3px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s}
.ms-menu-tlac::before{top:14px}
.ms-menu-tlac span{top:21px}
.ms-menu-tlac::after{top:28px}
.ms-menu-tlac[aria-expanded="true"]::before{transform:translateY(7px) rotate(45deg)}
.ms-menu-tlac[aria-expanded="true"] span{opacity:0}
.ms-menu-tlac[aria-expanded="true"]::after{transform:translateY(-7px) rotate(-45deg)}

.ms-scena{position:absolute;left:50%;top:0;width:var(--ms-scena);height:433px;margin-left:calc(var(--ms-scena) / -2)}
.ms-scena > *{position:absolute;max-width:none}
.ms-trava-skupina{width:321px;height:92px}
.ms-trava-skupina img{position:absolute;max-width:none}

.ms-pas{position:relative;height:var(--ms-pas);background:var(--ms-uvod);overflow:hidden}
.ms-pas .ms-scena{top:calc(var(--ms-pas) - 433px);pointer-events:none}
.ms-pas__in{position:relative;z-index:1;padding-top:26px}
.ms-drobecky ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:700;text-shadow:0 0 6px var(--ms-svit)}
.ms-drobecky li + li::before{content:"›";margin-right:6px;opacity:.6}
.ms-drobecky a{text-decoration:underline;text-decoration-color:rgba(36,69,93,.35)}
.ms-drobecky i{display:none}

.ms-karta{position:relative;border:2px solid var(--ms-zluta-ramec);background:var(--ms-zluta);border-radius:var(--ms-r);display:flex;flex-direction:column;min-width:0}
.ms-karta--oranz{border-color:var(--ms-oranz-ramec);background:var(--ms-oranz)}
.ms-karta--tmava{border-color:var(--ms-oranz-tmava)}
.ms-karta__hlava{position:relative;min-height:48px;display:flex;align-items:center;padding:0 22px 0 28px;gap:19px;flex:none}
.ms-karta__hlava > img{max-width:none;flex:none}
.ms-karta__nadpis{margin:0;font-weight:700;font-size:20px;letter-spacing:-1px;text-transform:uppercase;flex:1;line-height:1.2}
.ms-karta__vice{font-weight:700;font-size:16px;letter-spacing:-.8px;white-space:nowrap}
.ms-karta__telo{flex:1;position:relative;min-width:0}
.ms-karta__telo--bile{background:#fff;border-radius:var(--ms-r)}

.ms-telo{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
.ms-telo--plne{grid-template-columns:minmax(0,1fr)}
.ms-boky .ms-karta__hlava{padding:8px 16px 0 22px;gap:14px}
.ms-boky__ikona{transform:rotate(-178deg) scaleY(-1)}
.ms-podmenu{list-style:none;margin:0;padding:14px 12px 16px;display:flex;flex-direction:column;gap:8px}
.ms-podmenu a{display:block;padding:8px 14px 8px 18px;background:var(--ms-zluta);border-bottom:1px solid var(--ms-zluta-linka);border-radius:var(--ms-r);font-weight:700;font-size:16px;letter-spacing:-.6px;line-height:1.3}
.ms-podmenu a[aria-current]{background:#fff;border:2px solid var(--ms-oranz-tmava);padding:6px 12px 6px 16px}
.ms-podmenu ul{list-style:none;margin:6px 0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px}
.ms-podmenu ul a{background:#fff;border:1px solid var(--ms-zluta-linka);font-size:15px;padding:6px 12px}
.ms-podmenu-tlac{display:none}
.ms-nadpis{margin:0 0 18px;font-size:34px;line-height:1.15;font-weight:700;display:flex;align-items:center;gap:14px}
.ms-nadpis img{flex:none;max-width:none}

.ms-paticka{margin-top:34px;background:var(--ms-paticka);color:#fff;height:147px;overflow:hidden}
.ms-titulka .ms-paticka{margin-top:27px}
.ms-paticka__in{width:var(--ms-scena);max-width:100%;margin:0 auto;height:100%;position:relative}
.ms-paticka__in > *{position:absolute;margin:0}
.ms-paticka__logo{left:69px;top:24px;max-width:none}
.ms-paticka__nazev{left:194px;top:36px;font-weight:700;font-size:16px;letter-spacing:.8px}
.ms-paticka__provoz{left:194px;top:68px;display:flex;align-items:center;gap:18px;font-size:16px;line-height:1.533}
.ms-paticka__odkazy{left:580px;top:33px}
.ms-paticka__odkazy h2{margin:0 0 9px;font-size:16px;font-weight:700;letter-spacing:.8px}
.ms-paticka__odkazy ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;column-gap:24px;font-size:16px;line-height:1.533;max-width:520px}
.ms-paticka__spodek{left:376px;top:115px;display:flex;font-size:16px}
.ms-paticka__spodek > * + *{border-left:1px solid #fff;margin-left:12px;padding-left:12px;line-height:16px}
.ms-paticka__spodek button{background:none;border:0;border-left:1px solid #fff;color:inherit;font-size:inherit;padding:0 0 0 12px;cursor:pointer}
.ms-paticka__spodek button:hover{text-decoration:underline}
.ms-paticka__trava{left:0;top:0;width:100%;height:100%;pointer-events:none}
.ms-paticka__trava img{position:absolute;max-width:none}

@keyframes ms-let-a{0%,100%{translate:0 0}25%{translate:9px -7px}50%{translate:3px -14px}75%{translate:-7px -6px}}
@keyframes ms-let-b{0%,100%{translate:0 0}30%{translate:-10px -5px}60%{translate:-4px -13px}80%{translate:6px -6px}}
@keyframes ms-vznas{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes ms-kolebka{0%,100%{rotate:-3deg}50%{rotate:3deg}}
@keyframes ms-vlni{0%,100%{rotate:0deg}50%{rotate:1.6deg}}
@keyframes ms-odhal{from{opacity:0;transform:translateY(24px)}}
.ms-pohyb-a{animation:ms-let-a var(--t,7s) ease-in-out var(--z,0s) infinite}
.ms-pohyb-b{animation:ms-let-b var(--t,8s) ease-in-out var(--z,0s) infinite}
.ms-pohyb-vznas{animation:ms-vznas var(--t,4s) ease-in-out var(--z,0s) infinite}
.ms-pohyb-kolebka{transform-origin:50% 90%;animation:ms-kolebka var(--t,3.2s) ease-in-out var(--z,0s) infinite}
.ms-kvetiny img{transform-origin:50% 100%;animation:ms-vlni 5s ease-in-out infinite}
.ms-kvetiny img:nth-child(3n+1){animation-duration:6.2s;animation-delay:-2s}
.ms-kvetiny img:nth-child(3n+2){animation-duration:4.6s;animation-delay:-1s}
.js .ms-odhal{opacity:0}
.js .ms-odhal.ms-vidno{opacity:1;animation:ms-odhal .7s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 110ms) backwards}
.ms-mrizka > .ms-odhal:nth-child(2),.ms-telo > .ms-odhal:nth-child(2){--i:1}
@media (prefers-reduced-motion:reduce){
  .ms-pohyb-a,.ms-pohyb-b,.ms-pohyb-vznas,.ms-pohyb-kolebka,.ms-kvetiny img{animation:none}
  .js .ms-odhal{opacity:1;animation:none !important}
}

@media (max-width:1060px){
  .ms-menu-tlac{display:block}
  .ms-menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:6px 16px 14px;background:var(--ms-hlava);border-bottom:3px solid var(--ms-hlava-linka);box-shadow:0 10px 18px rgba(112,78,54,.18)}
  .ms-menu.ms-otevreno{display:flex;animation:ms-odhal .25s ease-out}
  .ms-menu li + li{border-top:1px solid rgba(203,87,4,.25)}
  .ms-menu a{display:block;padding:13px 8px;font-size:18px;letter-spacing:-.6px}
  .ms-telo{grid-template-columns:minmax(0,1fr)}
  .ms-podmenu-tlac{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 22px;border:0;background:none;font-weight:700;font-size:18px;color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:-.6px}
  .ms-podmenu-tlac::after{content:"";width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;rotate:45deg;translate:0 -3px;transition:rotate .2s}
  .ms-podmenu-tlac[aria-expanded="true"]::after{rotate:225deg;translate:0 3px}
  .ms-boky .ms-karta__hlava{display:none}
  .js .ms-boky .ms-podmenu{display:none}
  .js .ms-boky .ms-podmenu.ms-otevreno{display:flex}
  .ms-paticka{height:auto}
  .ms-paticka__in > *{position:static}
  .ms-paticka__in{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 16px}
  .ms-paticka__logo{width:72px;height:auto}
  .ms-paticka__spodek{flex-wrap:wrap;row-gap:4px}
  .ms-paticka__trava{display:none}
}
@media (max-width:720px){
  :root{--ms-pas:120px}
  .ms-hlavicka__in{padding:0 16px 0 56px;gap:12px}
  .ms-hlavicka__nazev{font-size:clamp(17px,5.4vw,24px);white-space:normal}
  .ms-pas__in{padding-top:16px}
  .ms-nadpis{font-size:26px}
  .ms-nadpis img{width:30px;height:auto}
}