html, body {
  height: 100%;
}

.navigation-wrapper {
  position: fixed;
  inset: 0;
  height: 94dvh;      /* dynamic viewport height, better on mobile */
  max-height: 100dvh;
  overflow-y: auto;
}

body .transition {display: block}
.w-editor .transition {display: none;}
.no-scroll-transition {overflow: hidden; position: relative;}
  
 
  
  /* remove the default bullets */
  ul {
    list-style: none;
    padding-left: 0; /* optional, we’ll add space via margin */
    position:relative;
  }
  
  li{
  position:relative;
  margin-left: 18px;
  }

  ul li::before {
    content: "";
    display: inline-block;      /* <-- this is the key part */
    width: 4px;               /* bullet size */
    height: 4px;              /* bullet size */
    margin-right: 0.5em;  
    background: currentColor;   /* same color as text */
    border-radius: 50%;         /* make it a circle */
    transform: translateY(0.15em); /* vertical centering tweak; adjust 0.05–0.25 */
    position: absolute;
    left: -18px;
    top: 6px;
  }
 
  
  .w-richtext ol, .w-richtext ul{
  overflow: visible !important;
  }

html, body {
    margin: 0;
    background: #010101;
  }

  /* Wrapper pro obsah stránky */
  .page-wrapper {
    min-height: 100vh;
    padding-bottom: calc(env(safe-area-inset-bottom) + 40px);
  }
  
  
h1, h2, h3 {
  font-feature-settings: "ss04";
}


  
    
  .gsap-split {
  display: inline-block;
  will-change: transform, opacity;
}

.cf-bg-video{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:0;
  }
  .cf-video{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  
  
  .cf-bg-poster {
  pointer-events: auto;
}

.cf-video-play-btn {
  pointer-events: auto;
}


  
  .cf-bg-poster { pointer-events: auto; }
.cf-video-play-btn { pointer-events: auto; }

.cf-video-playing .cf-bg-poster {
  pointer-events: none !important;
    display: none !important;
}

.cf-video-playing .cf-video-play-btn {
  display: none !important;
}

.cf-video-play-btn::before {
  content: "";
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(0,0,0,.6);
  backdrop-filter: blur(6px);
}

.cf-video-play-btn::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 18px solid white;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-left: 4px;
}
  
  
  
  
  
  
  
  
  
  
  
.animated-link {
  position: relative;
  text-decoration: none;

  display: inline-block; /* underline matches text width */
}

.animated-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--underline-height, 1px); /* default thickness */
  background-color: var(--underline-color, #000); /* default color */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.animated-link:hover::after {
  transform: scaleX(1);
}