@media only screen and (min-width: 800px) {
.featured-project-wrapper{
flex: 1;
max-width: 33.333%;
transition: max-width .8s cubic-bezier(.19,1,.22,1),flex .8s cubic-bezier(.19,1,.22,1);
}
.featured-project-wrapper:hover{
flex: 2 auto;
max-width: 80%;
}
}
/* Animation */
[data-bunny-background-init] :is(.bunny-bg__placeholder, .bunny-bg__loading) {
  transition: opacity 0.3s linear, visibility 0.3s linear;
}

/* Placeholder */
[data-bunny-background-init][data-player-status="playing"] .bunny-bg__placeholder,
[data-bunny-background-init][data-player-status="paused"] .bunny-bg__placeholder,
[data-bunny-background-init][data-player-activated="true"][data-player-status="ready"] .bunny-bg__placeholder {
  opacity: 0;
  visibility: hidden;
}

/* Play/Pause */
[data-bunny-background-init][data-player-status="playing"] .bunny-bg__play-svg,
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__play-svg {
  display: none;
}

[data-bunny-background-init][data-player-status="playing"] .bunny-bg__pause-svg,
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__pause-svg{
  display: block;
}

/* Loading */
[data-bunny-background-init][data-player-status="loading"] .bunny-bg__loading {
  opacity: 1;
  visibility: visible;
}

/* The main full-screen container */
[data-menu-overlay] {
  visibility: hidden; /* Prevent interaction when closed */
  opacity: 0;
}

/* Hide characters immediately after SplitText runs */
[data-nav-text] .char {
  opacity: 0;
  visibility: hidden;
}

[data-blurred-wrapper] {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

[data-cascading-viewport] {
  --gap: 0.5em;
}

[data-cascading-slide] {
  --clip: 0;
  --radius: 0.25em;
}

[data-cascading-slide][data-status="active"] {
  cursor: default;
}

[data-cascading-slide] .cascading-slider__h {
  transition-delay: 0ms;
}

[data-cascading-slide][data-status="active"] .cascading-slider__h {
  transition-delay: 400ms;
  opacity: 1;
  transform: translate(0px, 0em);
}

.wf-design-mode [data-cascading-viewport] {
  display: flex;
  flex-direction: row;
  gap: 1em;
  overflow: auto;
}

.wf-design-mode [data-cascading-slide] {
  position: relative;
  width: 60%;
  flex: 0 0 auto;
}

.wf-design-mode .cascading-slider__h {
  opacity: 1;
  transform: translate(0px, 0em);
}