.wp-block-image {
	width: 100% !important;
	max-width: 100% !important;
}

.wp-block-image img {
	width: 100% !important;
	height: auto !important;
}

.wp-block-image img {
	border: none !important;
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

.home body {
	background-color: #000000 !important;
}

.home .wp-site-blocks {
	background-color: #000000 !important;
}

/* ═══════════════════════════════════════════
   RESONANT GROUND — Scroll Animations
   Add via: Appearance → Customize → Additional CSS
═══════════════════════════════════════════ */
/* ── 1. FADE UP
   Add class "rg-fade-up" to any block, image, or paragraph.
   Use "rg-delay-1" through "rg-delay-4" for staggered siblings. ── */
.rg-fade-up {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .9s cubic-bezier(0.22, 1, 0.36, 1), transform .9s cubic-bezier(0.22, 1, 0.36, 1);
}

.rg-fade-up.rg-in-view {
	opacity: 1;
	transform: translateY(0);
}

.rg-delay-1 {
	transition-delay: .12s;
}

.rg-delay-2 {
	transition-delay: .24s;
}

.rg-delay-3 {
	transition-delay: .36s;
}

.rg-delay-4 {
	transition-delay: .48s;
}

/* ── 2. IMAGE CURTAIN REVEAL
   Wrap your image block in a div with class "rg-img-reveal".
   The dark curtain pulls away from top to bottom. ── */
.rg-img-reveal {
	overflow: hidden;
	position: relative;
}

.rg-img-reveal::after {
	content: '';
	position: absolute;
	background: #0a0a0a;
	transform-origin: top;
	transform: translateY(0%);
	transition: transform 1.1s cubic-bezier(0.76, 0, 0.24, 1);
	z-index: 2;
	pointer-events: none;
}

.rg-img-reveal.rg-in-view::after {
	transform: translateY(100%);
}

/* ── 3. HEADLINE LETTER-SPACING BREATHE
   Add class "rg-headline" to large heading blocks. ── */
.rg-headline {
	letter-spacing: -.02em;
	opacity: 0;
	transition: letter-spacing 1.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease;
}

.rg-headline.rg-in-view {
	letter-spacing: .14em;
	opacity: 1;
}

/* ── 4. WIRE-GRID PARALLAX
   Add class "rg-parallax" to your wireframe/grid image block.
   Works best on the hero wire mesh image. ── */
.rg-parallax {
	transition: none;
}

/* ── 5. STAGGERED LIST
   Add class "rg-stagger" to a list block (ul or ol).
   Each list item fades in sequentially. ── */
.rg-stagger > li,
.rg-stagger > .wp-block-list-item {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .55s ease, transform .55s ease;
}

.rg-stagger.rg-in-view > li:nth-child(1),
.rg-stagger.rg-in-view > .wp-block-list-item:nth-child(1) {
	opacity: 1;
	transform: none;
	transition-delay: 0;
}

.rg-stagger.rg-in-view > li:nth-child(2),
.rg-stagger.rg-in-view > .wp-block-list-item:nth-child(2) {
	opacity: 1;
	transform: none;
	transition-delay: .08s;
}

.rg-stagger.rg-in-view > li:nth-child(3),
.rg-stagger.rg-in-view > .wp-block-list-item:nth-child(3) {
	opacity: 1;
	transform: none;
	transition-delay: .16s;
}

.rg-stagger.rg-in-view > li:nth-child(4),
.rg-stagger.rg-in-view > .wp-block-list-item:nth-child(4) {
	opacity: 1;
	transform: none;
	transition-delay: .24s;
}

.rg-stagger.rg-in-view > li:nth-child(5),
.rg-stagger.rg-in-view > .wp-block-list-item:nth-child(5) {
	opacity: 1;
	transform: none;
	transition-delay: .32s;
}

.rg-stagger.rg-in-view > li:nth-child(6),
.rg-stagger.rg-in-view > .wp-block-list-item:nth-child(6) {
	opacity: 1;
	transform: none;
	transition-delay: .4s;
}

.rg-stagger.rg-in-view > li:nth-child(7),
.rg-stagger.rg-in-view > .wp-block-list-item:nth-child(7) {
	opacity: 1;
	transform: none;
	transition-delay: .48s;
}

.rg-stagger.rg-in-view > li:nth-child(8),
.rg-stagger.rg-in-view > .wp-block-list-item:nth-child(8) {
	opacity: 1;
	transform: none;
	transition-delay: .56s;
}

/* ── 6. BUTTON GLOW
   Add class "rg-btn-glow" to your mailing list button. ── */
.rg-btn-glow,
.rg-btn-glow a {
	transition: box-shadow .4s ease, color .4s ease, border-color .4s ease !important;
}

.rg-btn-glow:hover,
.rg-btn-glow a:hover {
	box-shadow: 0 0 20px rgba(255,255,255,0.15), 0 0 50px rgba(255,255,255,0.05) !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
}

/* ── Respect reduced motion preference ── */
@media (prefers-reduced-motion: reduce) {
	.rg-fade-up,
	  .rg-headline,
	  .rg-img-reveal::after,
	  .rg-stagger > li {
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
	
	.rg-img-reveal::after {
		display: none;
	}
}