/* Original emerald-glass art; motion and composition reference: IntegratedBio. */
.hero.hero-cinema{height:125svh;min-height:0;display:block;padding:0;overflow:clip;background:rgb(var(--bg));isolation:isolate;color:#f8f8f0}
.hero-cinema-pin{position:sticky;top:0;height:100svh;min-height:0;overflow:clip;isolation:isolate}
.hero-cinema-art{position:absolute;inset:0;background:#061b16;opacity:var(--hero-art-opacity,1);pointer-events:none}
.hero-optical-surface{position:absolute;inset:0;overflow:clip;transform:scale(calc(1 + var(--hero-exit,0)*.08));transform-origin:72% 50%;will-change:transform}
.hero-art-fallback,.hero-optical-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;max-width:none}
.hero-optical-canvas{opacity:0}
.hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;max-width:none;opacity:0}
[data-hero-renderer="video"] .hero-background-video{opacity:1}
[data-hero-renderer="video"] .hero-art-fallback{opacity:0}
.hero-video-toggle{position:absolute;z-index:3;right:var(--gutter);bottom:86px;width:38px;height:38px;border:1px solid #f2efd533;border-radius:50%;display:grid;place-items:center;color:#f3f3e7;background:#061b164d;backdrop-filter:blur(12px);opacity:var(--hero-type-opacity,1)}
.hero-video-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-video-toggle:hover{background:#102c23b3}
[data-hero-renderer="webgl"] .hero-optical-canvas{opacity:1}
[data-hero-renderer="webgl"] .hero-art-fallback{opacity:0}
.hero-cinema-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#041a141c,transparent 80%),linear-gradient(0deg,#02140e4d,transparent 22%);opacity:var(--hero-art-opacity,1)}
.hero-cinema-art,.hero-cinema-shade{mask-image:linear-gradient(to bottom,#000 0%,#000 max(8%,calc(100% - var(--hero-exit,0)*140%)),transparent 100%)}
.hero-cinema-title{position:absolute;z-index:1;left:var(--gutter);right:var(--gutter);top:clamp(155px,29svh,350px);width:auto;padding:0;text-align:left;opacity:var(--hero-type-opacity,1);transform:translateY(calc(var(--hero-exit,0)*-90px));will-change:opacity,transform}
.hero.hero-cinema h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(76px,8.5vw,164px);font-weight:400;line-height:1.055;letter-spacing:-.072em;max-width:1500px;width:100%;margin:0;text-wrap:initial;text-shadow:none}
.hero-cinema h1>span{display:block;overflow:clip;padding:0 0 .14em;margin:0 0 -.14em}
.hero-cinema h1 b{display:block;font-weight:400;animation:none;transform-origin:0 50%}
.hero-cinema h1>span+span b{color:#eeeee2;animation-delay:.70s}
.hero-cinema-footer{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:38px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#f3f3e7;opacity:var(--hero-type-opacity,1);animation:none;transform:translateY(calc(var(--hero-exit,0)*-20px))}
.hero-cinema-footer a{font-size:15px;gap:24px;padding:8px 0;text-decoration:none}
.hero-cinema-footer a>span{font-size:23px;transition:transform .35s}
.hero-cinema-footer a:hover>span{transform:translateY(5px)}
.hero-preparing .hero-optical-surface,.hero-preparing h1 b,.hero-preparing .hero-cinema-footer{opacity:0}
.hero-ready .hero-optical-surface{animation:hero-optics-in 2.7s cubic-bezier(.16,1,.3,1) both}
.hero-ready h1 b{animation:hero-line-in 1.65s .48s cubic-bezier(.16,1,.3,1) both}
.hero-ready h1>span+span b{animation-delay:.70s}
.hero-ready h1[data-title-reveal] b{animation:none;transform:none;filter:none;opacity:1}
.hero-ready .hero-cinema-footer>a,.hero-ready .hero-cinema-footer>span{animation:hero-detail-in 1.1s 1.55s both}
body[data-active-chapter="uvod"] .topbar{opacity:var(--hero-nav-opacity,1);background:transparent;border-color:#f1f4e514;backdrop-filter:none;color:#f8f8ef}
body[data-active-chapter="uvod"] .topbar:focus-within{opacity:1;background:#0b211df2}
body[data-active-chapter="uvod"] .topbar-center{position:absolute;left:50%;transform:translateX(-50%)}
body[data-active-chapter="uvod"] .topbar-center img{width:112px;height:46px}
body[data-active-chapter="uvod"] .topbar-controls{background:#061b16ad;backdrop-filter:blur(16px);border:1px solid #edf1de1a;border-radius:32px;padding:0 14px;height:48px}
body[data-active-chapter="uvod"] .chapter-trigger{font-size:14px}
@keyframes hero-optics-in{from{opacity:0;transform:scale(1.12) translateX(3%);filter:brightness(.65)}to{opacity:1;transform:scale(1);filter:brightness(1)}}
@keyframes hero-line-in{from{transform:translateY(112%) rotate(2deg);filter:blur(5px);opacity:.2}to{transform:translateY(0) rotate(0);filter:blur(0);opacity:1}}
@keyframes hero-detail-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-height:700px){
 .hero-cinema-title{top:27svh}
 .hero.hero-cinema h1{font-size:min(8.1vw,18svh)}
 .hero-cinema-footer{bottom:23px}
}
@media(min-width:1800px){.hero-cinema-title{top:28svh}}
@media(max-width:760px){
 .hero.hero-cinema{height:115svh}
 .hero-cinema-title{left:24px;right:20px;top:29svh;padding:0}
 .hero.hero-cinema h1{font-size:clamp(37px,8.25vw,64px);line-height:1.12;letter-spacing:-.065em}
 .hero-cinema-footer{left:24px;right:24px;bottom:26px;font-size:11px;gap:16px;align-items:flex-end}
 .hero-cinema-footer>a{font-size:13px;gap:14px;max-width:130px;line-height:1.5}
 .hero-cinema-footer>span{max-width:130px;text-align:right;line-height:1.5}
 body[data-active-chapter="uvod"] .topbar-center img{width:82px;height:34px}
 body[data-active-chapter="uvod"] .chapter-trigger{font-size:0}
 body[data-active-chapter="uvod"] .topbar-controls{padding:0 6px;height:42px}
}
@media(prefers-reduced-motion:reduce){
 .hero-background-video,.hero-video-toggle{display:none!important}
 .hero.hero-cinema{height:100svh}
 .hero-cinema-art,.hero-cinema-shade,.hero-cinema-title,.hero-cinema-footer{opacity:1!important;transform:none!important}
 .hero-preparing .hero-optical-surface,.hero-preparing h1 b,.hero-preparing .hero-cinema-footer{opacity:1}
 .hero-optical-surface,.hero-cinema h1 b,.hero-cinema-footer>*{animation:none!important;transform:none!important;filter:none!important;opacity:1}
 .hero-optical-canvas{display:none!important}.hero-art-fallback{opacity:1!important}
}
@media print{
 .hero-background-video,.hero-video-toggle{display:none!important}
 .hero.hero-cinema{height:700px!important}
 .hero-cinema-pin{position:relative;height:700px}
 .hero-optical-canvas{display:none}.hero-art-fallback{opacity:1!important}
 .hero-optical-surface,.hero-cinema h1 b,.hero-cinema-footer>*{animation:none!important;transform:none!important;filter:none!important;opacity:1}
 .hero-cinema-title,.hero-cinema-art,.hero-cinema-shade,.hero-cinema-footer{opacity:1!important}
 .hero-cinema-title{top:210px;transform:none!important}
 .hero.hero-cinema h1{font-size:80px}
}