/* ΛΑΛΑ responsive layer — printed AFTER Bricks' global-class CSS so breakpoint overrides win */

@media all and (max-width: 1600px) {
.vaporwave-grid-container {
		margin: 0 auto;
		height: 160vmin;
	}
	.vaporwave-grid {
		height: 140vmin;
	}
}

@media all and (pointer:fine) {
.noise, .vaporwave-grid-container, .vaporwave-grid {
		max-width: calc(100vw - 8px);
		overflow: hidden;
	}
}

@media (max-width: 767px) {
.lala-utilbar { display: none!important; }
}

@media (max-width: 767px) {
.lala-press-card { flex-direction: column; }
	.lala-about-text { position: static; }
	.brxe-container[id^="brxe-ab0003"] { flex-direction: column; }
}

@media all and (pointer:fine) {
.lala-filterbar label:hover .brx-option-text.bricks-button {
		background: #e5279d82!important;
		border: solid 2px #00000082;
	}
}

@media (max-width: 767px) {
	.latest-events .splide__arrow,
	.lala-spotify-slides .splide__arrow { display: none!important; }
	.latest-events .brxe-slider-nested { padding: 0; }
	.lala-spotify-slides .brxe-slider-nested { padding: 0 20px; }
}

@media (max-width: 991px) {
	.lala-sect {
		padding-left: 20px!important;
		padding-right: 20px!important;
		max-width: 100%!important;
	}
	.lala-grid { grid-template-columns: repeat(2, 1fr)!important; }
}

@media (max-width: 767px) {
	/* never let anything push the page sideways */
	html, body { overflow-x: hidden; }
	.lala-sect, .lala-row, .lala-grid { max-width: 100%!important; }

	.lala-grid { grid-template-columns: 1fr!important; }
	.lala-row {
		flex-direction: column!important;
		align-items: stretch!important;
	}
	.lala-row > * {
		width: 100%!important;
		max-width: 100%!important;
		flex-basis: auto!important;
	}

	/* headings */
	.lala-heading-band h1, .lala-heading-band h2 { font-size: 26px!important; }
	.lala-heading-band::before { height: 14px; }

	/* HOME: hero + carousels */
	.lala-hero {
		transform: none!important;
		width: auto!important;
		margin: 32px 20px 0!important;
	}
	.lala-hero-inner { padding: 16px!important; }
	.latest-events .brxe-slider-nested,
	.lala-spotify-slides .brxe-slider-nested { padding: 0!important; }
	.latest-events .splide__arrow,
	.lala-spotify-slides .splide__arrow { display: none!important; }
	/* dots stay visible (only arrows were meant to go) */
	.latest-events .splide__pagination,
	.lala-spotify-slides .splide__pagination { display: flex!important; }
	.lala-spotify-slides { padding-bottom: 40px; }
	.lala-spotify-slides iframe { height: 352px; width: 100%; }
	.lala-event-card img.brxe-image { height: 200px; }

	/* EVENTS */
	.lala-event-tile img.brxe-image { height: 200px; }
	.lala-filterbar { gap: 4px; }
	.lala-filterbar .brx-option-text.bricks-button { font-size: 14px; padding: 6px 10px; }
	.lala-erga-box { padding: 16px!important; font-size: 14px; }

	/* INFO / ABOUT */
	.lala-about-hero { min-height: 0!important; }
	.lala-about-box {
		position: static!important;
		transform: rotate(-1deg)!important;
		width: auto!important;
		max-width: none!important;
		min-width: 0!important;
		margin: 18px 0 0!important;
	}
	.lala-vbar-tl, .lala-vbar-br { display: none!important; }
	.lala-flip { min-height: 300px; }
	.lala-flip-inner { min-height: 300px; }
	.lala-flip-front img { height: 220px; }

	/* GALLERY (masonry) */
	.lala-gallery { --columns: 2!important; }
	.lala-gallery .bricks-layout-wrapper { --columns: 2!important; }

	/* RESIDENCIES */
	.lala-resid-slider { box-shadow: 6px 6px 0 #000; }
	img.lala-slide-img { height: 260px!important; }
	.lala-resident-card img.brxe-image { height: 220px; }

	/* SUPPORT */
	.lala-supporter { width: 220px!important; margin: 0 auto; }
	.lala-support-quote { font-size: 1.5rem!important; line-height: 1.9rem!important; text-align: center; }
	.lala-support-black { width: auto!important; transform: none!important; }
	.lala-vbar24 { display: none!important; }
	.lala-donorbox-skew { transform: none!important; }
	.lala-ways { transform: none!important; }

	/* PRESS */
	.lala-press-card { flex-direction: column!important; padding: 16px!important; }
	.lala-press-card img { width: 100%!important; height: auto!important; max-height: 180px; }

	/* SINGLE EVENT */
	.lala-single-event { padding: 20px!important; }

	/* FOOTER: stack columns, keep every link reachable */
	#brx-footer > .brxe-container {
		flex-direction: column!important;
		align-items: flex-start!important;
		row-gap: 24px!important;
		padding: 28px 20px!important;
	}
	#brx-footer .lala-footer-logo,
	#brx-footer .lala-footer-menu,
	#brx-footer .lala-map { width: 100%!important; }
	#brx-footer .lala-map iframe { height: 180px; }
	.lala-copyright { text-align: center; font-size: 14px; padding: 0 12px; }

	/* party button smaller so it never covers a CTA */
	.yass-container { width: 62px; height: 62px; bottom: 12px; right: 12px; }
	.yass-container .yass { width: 62px; height: 62px; }
	.yass-container .yass span::after { width: calc(100% - 6px); height: calc(100% - 6px); left: 3px; top: 3px; }
}

@media (max-width: 767px) {
	.lala-popup {
		width: calc(100vw - 32px)!important;
		max-width: calc(100vw - 32px)!important;
		padding: 22px 18px!important;
	}
	.lala-popup h2 { font-size: 22px!important; }
}

@media (max-width: 767px) {
	/* footer logo was rendering at full width */
	#brx-footer .lala-footer-logo { width: 150px!important; max-width: 150px!important; }
	#brx-footer .lala-footer-logo svg { width: 100%; height: auto; }
	/* footer menus never collapse into a burger */
	#brx-footer .bricks-mobile-menu-toggle { display: none!important; }
	#brx-footer .bricks-nav-menu {
		display: flex!important;
		position: static!important;
		flex-direction: column!important;
		row-gap: 6px;
		height: auto!important;
		width: auto!important;
		transform: none!important;
		opacity: 1!important;
		visibility: visible!important;
		background: none!important;
		padding: 0!important;
	}
	#brx-footer .bricks-mobile-menu-wrapper {
		position: static!important;
		background: none!important;
		width: auto!important;
		height: auto!important;
		transform: none!important;
		opacity: 1!important;
		visibility: visible!important;
		padding: 0!important;
	}

	/* homepage events carousel: exactly one card per view */
	.latest-events .splide__slide { width: calc(100% - 0px)!important; }

	/* INFO collage: many small tiles, text box floating on top */
	.lala-about-hero { position: relative!important; }
	.lala-about-hero .lala-gallery { --columns: 5!important; }
	.lala-about-hero .lala-gallery .bricks-layout-wrapper { --columns: 5!important; }
	.lala-about-box {
		position: absolute!important;
		top: 50%!important;
		left: 50%!important;
		transform: translate(-50%, -50%) rotate(-1deg)!important;
		width: calc(100% - 32px)!important;
		max-width: 420px!important;
		margin: 0!important;
		padding: 16px!important;
	}
	.lala-about-box p { font-size: 15px!important; line-height: 1.45; }
}

/* Mobile-only: language pill cloned into the off-canvas menu (util bar is hidden there) */
@media (max-width: 991px) {
	.bricks-mobile-menu .lala-lang-item { margin-top: 24px; }
	a.lala-lang-switch-mobile {
		display: inline-block !important;
		width: auto !important;
		color: #fff !important;
		text-transform: uppercase;
		letter-spacing: .12em;
		text-decoration: none;
		border: 2px solid #fff;
		border-radius: 999px;
		padding: 6px 22px;
		font-size: 1.5rem;
		line-height: 1.4;
		margin-left: 28px;
	}
	a.lala-lang-switch-mobile:hover,
	a.lala-lang-switch-mobile:focus { color: #ff00e5 !important; border-color: #ff00e5; }
}