@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-ext-400-normal.woff') format('woff2'),
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-ext-400-normal.woff') format('woff'),
  ;
  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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-400-normal.woff2') format('woff2'),
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-400-normal.woff') format('woff'),
  ;
  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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: 
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-ext-600-normal.woff') format('woff2'),
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-ext-600-normal.woff') format('woff'),
  ;
  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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: 
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-600-normal.woff2') format('woff2'),
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-600-normal.woff') format('woff'),
  ;
  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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: 
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-ext-800-normal.woff') format('woff2'),
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-ext-800-normal.woff') format('woff'),
  ;
  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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: 
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-800-normal.woff2') format('woff2'),
    url('../../assets/font/plus-jakarta-sans/static/plus-jakarta-sans-latin-800-normal.woff') format('woff'),
  ;
  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{--bg:#f0f0eb;--ink:#14161a;--mut:rgba(0, 0, 0, 0.65);--coral:#be4e03;--sun:#ffc933;--mint:#7fe0c3;--sky:#9ccbff;--r:16px;color-scheme:light}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);  color: var(--mut);;line-height:1.65;overflow-x:hidden;}
a{color:inherit;text-decoration:none}
.b1{background:#0f1115;color:#c9ccd3;font-size:13px;padding:10px 5vw calc(10px);padding-top:calc(10px + env(safe-area-inset-top,0));display:flex;justify-content:space-between;gap:16px}
.b1 b{color:#fff}.b1 div{display:flex;gap:22px}.b1 a:hover{color:#fff}
.b2{position:sticky;top:0;z-index:50;background:rgba(245,245,247,.82);backdrop-filter:saturate(1.6) blur(16px);padding:13px 5vw;display:flex;align-items:center;gap:30px;transition:box-shadow .3s}
.b2.st{box-shadow:0 6px 24px rgba(0,0,0,.08)}.b2 .t{font-weight:800;font-size:19px;white-space:nowrap;  color: rgb(100, 100, 80);}
.b2 nav{display:flex;gap:26px;margin-left:auto;font-size:15px;font-weight:600;color:var(--mut)}.b2 nav a{padding:4px 0;border-bottom:2px solid transparent;transition:.25s}.b2 nav a:hover,.b2 nav a.on{border-color:var(--coral)}
.pill{background:var(--ink);color:#fff; padding: 11px 22px;border-radius:99px;font-weight:600;font-size:15px;transition:.3s;display:inline-block}.pill:hover{background:var(--coral);}
.pill.ghost{background:#fff; color: rgb(100, 100, 80);box-shadow:inset 0 0 0 1.5px #d8dbe1}.pill.ghost:hover{background:var(--ink);color:#fff}
section{padding:clamp(70px,11vw,150px) 5vw}.w{max-width:1180px;margin:auto}
.hero{padding-top:clamp(50px,7vw,90px);text-align:center;position:relative}
.hero h1{font-size:clamp(44px,9vw,112px);line-height:1.32;font-weight:800;letter-spacing:-.03em;margin:14px auto 22px;max-width:1000px}
.hl{background:linear-gradient(transparent 62%,var(--coral) 62%);padding:0 .08em;border-radius:6px}
.lead{font-size:clamp(17px,2vw,21px);color:var(--mut);max-width:620px;margin:0 auto 32px}.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.kick{display:inline-block;background:#fff;padding:7px 16px;border-radius:99px;font-size:14px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.ph{border-radius:var(--r);background:var(--img,linear-gradient(135deg,var(--c1,#ffd9a8),var(--c2,#ff9f8f))) center/cover;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:18px;min-height:200px}
.ph span{  color: var(--mut);background:rgba(255,255,255,.88);backdrop-filter:blur(6px);padding:6px 14px; border-radius: 8px;font-size:13px;font-weight:600}
.ph:before{content:"";position:absolute;inset:0;background:var(--img) center/cover;transition:transform .8s}
.stage{margin:64px auto 0;max-width:1280px;position:relative}.stage .ph{aspect-ratio:16/8;min-height:300px;--c1:#9ccbff;--c2:#7fe0c3;border-radius:44px}
.chip{position:absolute;background:#fff;border-radius:22px;padding:14px 20px;font-weight:600;font-size:15px;box-shadow:0 14px 34px rgba(0,0,0,.14);animation:fl 6s ease-in-out infinite;text-align:left}.chip small{display:block;color:var(--mut);font-weight:400}
.c1{left:-1%;top:14%;transform:rotate(-4deg)}.c2{right:-1%;bottom:16%;transform:rotate(3deg);animation-delay:-3s}@keyframes fl{50%{translate:0 -12px}}
.mq{overflow:hidden;background:var(--ink);color:#fff;padding:20px 0;font-weight:800;font-size:clamp(20px,3vw,34px);white-space:nowrap;transform:rotate(-1.2deg);margin:20px -2vw}
.mq div{display:inline-block;animation:mq 28s linear infinite}.mq i{color:var(--coral);font-style:normal;margin:0 .6em}@keyframes mq{to{transform:translateX(-50%)}}
h2{  font-size: 32px;line-height: 36px;;letter-spacing:-.02em;font-weight:800;}.sub{color:var(--mut);font-size:19px;max-width:560px;margin-top:14px}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:56px}
.card{background:#f0f0eb;border-radius:var(--r);padding:34px;transition:.4s;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px);}
.card h3{font-size:24px;line-height:1.2;margin:14px 0 8px}.card p{color:var(--mut); font-size: 16px; line-height: 24px;}.ico{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:26px;background:var(--bg)}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}
.card.col{color:#fff}.card.col p{color:rgba(255,255,255,.85)}.card.col .ico{background:rgba(255,255,255,.25)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}.row .ph{aspect-ratio:1/1;border-radius:16px}.row.rev .ph{order:2}
.row p{color:var(--mut);margin-top:16px;  font-size: 16px;line-height: 24px;}.more{max-height:0;overflow:hidden;opacity:0;transition:max-height .8s,opacity .6s}.more.open{opacity:1}
.lnk{background:none;border:0;font:700 16px 'Plus Jakarta Sans';color:var(--coral);cursor:pointer;margin-top:18px;padding:0}.lnk:after{content:" →";display:inline-block;transition:.3s;  margin-left: 5px;}.lnk:hover:after{transform:translateX(5px)}
.white{background:#fafaf5;}
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:18px;margin-top:56px}
.gal .ph{min-height:0}.gal .ph:hover:before{transform:scale(1.07)}.g1{grid-column:span 2;grid-row:span 2}.g4{grid-column:span 2}
.env{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:56px}.env .card{padding:0 0 30px;background:none;}.env .ph{aspect-ratio:4/3}.env h3,.env p{padding:0 18px}
.cta{background:var(--ink);color:#fff;text-align:center;position:relative;overflow:hidden} .cta h2{color: #fff;}.cta p{color:#aeb3bd;max-width:520px;margin:16px auto 30px;line-height: 24px;}
.cta .pill{background:var(--coral);color: #fff;}.cta .pill:hover{background:#000}.cta:before,.cta:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}.cta:before{width:300px;height:300px;background:var(--coral);left:-80px;top:-80px}.cta:after{width:300px;height:300px;background:var(--sky);right:-80px;bottom:-80px}
.cta .w{position:relative;z-index:1}.facts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.facts .c{background:rgba(255,255,255,.1);padding:10px 20px;border-radius:8px;font-size:15px;  display: flex;  gap: 5px;}
.facts .cc{ margin-top: 1px;}
footer{padding:50px 5vw calc(40px + env(safe-area-inset-bottom,0));text-align:center;color:var(--mut);font-size:14px}
.rv{opacity:0;transform:translateY(36px);  transition: opacity .9s,transform .9s, box-shadow .2s;}.rv.in{opacity:1;transform:none}
@media(max-width:900px){.b1 div:last-child{display:none}.bento{grid-template-columns:1fr 1fr}.s2,.s3,.s4{grid-column:span 2}.row{grid-template-columns:1fr}.row.rev .ph{order:0}.row .ph{aspect-ratio:4/3}.gal{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.env{grid-template-columns:1fr}.chip{display:none}
.b2{flex-wrap:wrap;gap:8px 14px}.b2 nav{order:3;width:100%;margin:0;flex-wrap:wrap;gap:4px 18px;font-size:14px}.b2 .pill{margin-left:auto;padding:9px 16px;font-size:14px}.b2 .t{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
:root{
  --im-kids: url(img/deti.png);
  --im-logo: url(logo/logo.svg);
}
.i{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.white .env .ico{
background: #f0f0eb;
}
.ico{background:#fff;  color: rgb(100, 100, 80);}.card.col .ico,.ico.ww{background:rgba(255,255,255,.28);color:#fff}.card:hover .ico .i{animation:wig .6s}@keyframes wig{30%{transform:rotate(-12deg) scale(1.12)}70%{transform:rotate(8deg)}}
.ph{cursor:zoom-in}.ph:before{background:var(--img) center/cover}.ph:hover:before{transform:scale(1.06)}
.hero{padding-bottom:clamp(40px,6vw,80px);background:radial-gradient(circle at 15% 10%,rgba(255,201,51,.22),transparent 40%),radial-gradient(circle at 90% 30%,rgba(156,203,255,.3),transparent 40%)}
.stage .ph{aspect-ratio:16/8.5}.pc1,.pc2{position:absolute;width:clamp(120px,21%,250px);aspect-ratio:1/1.1;border:7px solid #fff;border-radius:30px;box-shadow:0 18px 40px rgba(0,0,0,.2);animation:fl 6s ease-in-out infinite}
.pc1{left:-2%;bottom:-8%;transform:rotate(-6deg)}.pc2{right:-2%;top:-9%;transform:rotate(5deg);animation-delay:-3s}.stage .ph:hover:before{transform:scale(1.03)}
.white{position:relative;z-index:2}.bento .card{background:var(--bg)}
.bento .ph.s2{grid-row:span 2;min-height:300px;padding:18px}
.gal .ph,.env .ph{min-height:0}.env.f4{grid-template-columns:repeat(4,1fr)}
.quo{min-height:420px;display:flex;align-items:center;justify-content:flex-end;padding:5vw;background:linear-gradient(270deg,rgba(15,17,21,.6),rgba(15,17,21,0) 70%),var(--im-kids) center/cover;color:#fff}
.quo h2{font-size:clamp(34px,6vw,72px);text-align:right;color:#fff;line-height: 1;}.sec{margin:20px 0}
.lb{position:fixed;inset:0;z-index:100;background:rgba(10,12,16,.88);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:5vw;animation:lbf .3s}.lb.on{display:flex}@keyframes lbf{from{opacity:0}}
.lb img{max-width:100%;max-height:82vh;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:lbz .4s}@keyframes lbz{from{transform:scale(.92);opacity:0}}
.lb p{position:absolute;bottom:4vh;left:0;right:0;text-align:center;color:#fff;font-weight:600}
.lb button{position:absolute;top:calc(3vh + env(safe-area-inset-top,0));right:4vw;width:48px;height:48px;border-radius:50%;border:0;background:#fff;font-size:22px;cursor:pointer}
.lb .nx{top:50%;right:3vw}.lb .pv{top:50%;left:3vw;right:auto}
@media(max-width:900px){.env.f4{grid-template-columns:1fr 1fr}.bento .ph.s2{grid-row:auto;min-height:240px}.pc1,.pc2{display:none}.quo{min-height:320px;border-radius:36px}}
@media(max-width:560px){.env.f4{grid-template-columns:1fr}}

/* === HERO s velkou fotkou === */
.hero{padding:0;text-align:left;background:none}
.hero .hb{position:relative;overflow:hidden;min-height: clamp(850px,calc(100svh - 125px),520px);display:flex;align-items:flex-end;justify-content:center;color:#fff;isolation:isolate;box-shadow:0 30px 70px rgba(0,0,0,.18)}
.hero .hb-bg{position:absolute;inset:-6% 0;display: flex;;z-index:-2;will-change:transform}
.hero img{
margin: auto;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: auto;
transform: translateY(-50%);
}
.hero .hb:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(12,14,18,.82) 0%,rgba(12,14,18,.5) 38%,rgba(12,14,18,.08) 68%,rgba(12,14,18,.28) 100%)}
.hero .hc{width:100%;max-width:1180px;padding:clamp(28px,5vw,64px) clamp(22px,4vw,56px);text-align:center}
.hero .kick{background:rgba(255,255,255,.92);color: rgb(100, 100, 80); margin-bottom: 20px;  border-radius: 8px;display: none;}
.hero h1{color:#fff;font-size:clamp(40px,7.6vw,104px);margin:18px auto 20px;max-width:1000px;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.hero .hl{background:var(--coral);color: rgb(100, 100, 80);padding:0 .14em;border-radius:12px;text-shadow:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero .lead{color:rgba(255,255,255,.9);margin-bottom:28px}
.hero .pill{background:var(--coral);}.hero .pill:hover{background:var(--ink);}
.hero .pill.ghost{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);backdrop-filter:blur(8px)}.hero .pill.ghost:hover{background:#fff;color: rgb(100, 100, 80);}
@media(max-width:900px){.hero .hb{min-height:clamp(500px,calc(100svh - 170px),720px)}.hero .hc{padding:24px 18px 32px}.hero .lead{font-size:16px}}

.b2 .pill{
padding: 5px 22px 7px;
}
.logo{
background:var(--img) center/cover;
width: 84px;
height: 46px;
background-size: 100% 100%;
}
h2,h3{  color: rgb(100, 100, 80);}

.ni img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.ni-wider img{
width: auto;
height: 100%;
}
.gal  .ni-wider img{
width: 100%;
height: auto;
}