body:has(#wpadminbar) .nav.w-nav {
	top: 32rem;
}

/* ─────────────────────────────────────────────────────────────────────────
 * Video skeleton shimmer
 *
 * A subtle moving-light overlay on top of the static poster while the video
 * is downloading — replaces the "dull static poster" wait with a gentle
 * "this is loading" signal. Uses a translucent gradient so the underlying
 * poster image stays visible underneath.
 *
 * Targets the wrapper element our combine_video() helper emits (or any
 * wrapper containing a <video data-vp>). Pseudo-element overlay fades out
 * once the video has been activated by combine-video.js (data-activated="1").
 * ───────────────────────────────────────────────────────────────────────── */
/* Don't override `position` on these — the theme sets specific positioning
 * (`.proj-hover-only` is position:absolute with inset:0%). Both elements
 * already produce a positioned containing block, which is all `::after`
 * needs to anchor its inset:0 overlay. */

/* Dark base color on every video wrapper so the shimmer is visible AGAINST
 * something even in the brief moment BEFORE the poster bg-image paints.
 * Without this the wrapper is transparent → empty video element shows
 * white → shimmer (white) is invisible against white.
 * .proj-hover-only already has `background-color: #000` from the theme but
 * we set it again for symmetry / future-proofing. */
.w-background-video,
.proj-hover-only,
.proj-hover {
	background-color: #1a1a1a;
}

/* Video element itself: keep it transparent so the wrapper's dark bg shows
 * through before the source paints any frames. Webflow's default UA-stylesheet
 * gives <video> a black box once it has data, but pre-load it's whatever the
 * UA picks (often white in Chrome). Forcing transparent unblocks our base. */
.w-background-video > video,
.proj-hover-only > video,
.proj-hover > video {
	background-color: transparent;
}

.w-background-video::after,
.proj-hover-only::after,
.proj-hover::after {
	content: '';
	position: absolute;
	/* `.w-embed::after` is Webflow's clearfix — sets `display: table` which
	   makes our pseudo collapse to 0×0 because table-sized boxes shrink to
	   their (empty) content. Force block so inset:0 actually fills the
	   wrapper. Same reason we override grid-area: Webflow's clearfix scopes
	   the pseudo to a grid cell when the parent happens to be grid. */
	display: block;
	grid-area: auto;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	/* Sweeping bright stripe — high alpha so it's visible across light AND
	   dark posters without resorting to mix-blend-mode (which essentially
	   disappears on already-bright backgrounds). */
	background: linear-gradient(
		115deg,
		transparent 15%,
		rgba(255, 255, 255, 0.55) 50%,
		transparent 85%
	);
	background-size: 220% 100%;
	background-repeat: no-repeat;
	background-position: 220% 0;
	animation: combine-skeleton-shimmer 1.8s linear infinite;
	/* Default (showing): transition with no delay — when playback stalls
	   (`waiting` event) the shimmer reappears immediately. The DELAYED
	   transition only applies when hiding (see :has rule below). */
	transition: opacity 320ms ease-out 0ms;
	will-change: background-position, opacity;
}

/* Hide shimmer once the video has actually buffered enough to paint a frame
   (data-loaded="1" — set by combine-video.js on the first `playing` or
   `loadeddata` event). data-activated="1" would fire too early: it just
   means "we called play()", before pixels are ready. */
.w-background-video:has(video[data-loaded="1"])::after,
.proj-hover-only:has(video[data-loaded="1"])::after,
.proj-hover:has(video[data-loaded="1"])::after {
	opacity: 0;
	/* Hide transition: 800ms delay guarantees the shimmer is perceivable
	   for at least ~half a sweep on fast networks, then fades in 320ms.
	   Showing back (when data-loaded is removed on `waiting`) uses the
	   base no-delay transition so the loader reappears instantly. */
	transition: opacity 320ms ease-out 800ms;
	/* animation continues under the fade-out so it's still moving when
	   re-shown after a buffer stall. */
}

@keyframes combine-skeleton-shimmer {
	0%   { background-position: 220% 0; }
	100% { background-position: -120% 0; }
}

/* Respect users who asked for reduced motion */
@media (prefers-reduced-motion: reduce) {
	.w-background-video::after,
	.proj-hover-only::after,
	.proj-hover::after {
		animation: none;
		background: none;
	}
}

.div-block-24 {
   
    width: 100%;
}

.spleet-bottom.boothd{
    padding-left: calc(50% + 40rem);
    padding-top: 40rem;
}

.spleet-bottom.boothd.dsgg{
	padding-bottom:80rem
}

@media screen and (max-width:495px){
	
	.spleet-bottom.boothd{
    padding-left: 0;
    padding-top: 20rem;
		padding-bottom:40rem
}

.spleet-bottom.boothd.dsgg{
	padding-bottom:40rem
}
	
	   .spleet-bottom .a-line {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0rem;
        padding-bottom: 24rem;
    }
	
	.ui-block:has(.ui-image-mom.mob-y img[src=""]) {display:none}
	
}