.wp-image-51 {
	filter: brightness(0) invert(1);
}

/* Text shadow */
.wp-block-cover__inner-container p {
	text-shadow: 0 1px 6px rgba(0,0,0,0.7), 0 2px 16px rgba(0,0,0,0.5) !important;
}

/* Fix orange bleed */
.wp-block-group.has-custom-color-6-background-color.has-background > .wp-block-columns > .wp-block-column:first-child > .wp-block-group {
	padding-top: 0 !important;
}

/* 4-column grid on the inner group */
.wp-block-cover__inner-container .wp-block-group.is-layout-flow {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 0 24px !important;
	align-items: start !important;
}

/* Hide empty paragraphs and spacer */
.wp-block-cover__inner-container .wp-block-group.is-layout-flow p:empty,
.wp-block-cover__inner-container .wp-block-group.is-layout-flow .wp-block-spacer {
	display: none !important;
}

/* Hero headline: has-text-color but NOT has-text-align-center — spans full width */
.wp-block-cover__inner-container .wp-block-group.is-layout-flow p.has-text-color:not(.has-text-align-center),
.wp-block-cover__inner-container .wp-block-group.is-layout-flow p.hero-headline {
	font-size: clamp(36px, 4.5vw, 60px) !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	letter-spacing: -.01em !important;
	text-align: left !important;
	text-transform: uppercase !important;
	margin-bottom: 32px !important;
	grid-column: 1 / -1 !important;
	color: #ffffff !important;
}

/* Body copy — 4 columns, left-aligned */
.wp-block-cover__inner-container .wp-block-group.is-layout-flow p.has-text-align-center:not(:empty) {
	font-size: 14px !important;
	line-height: 1.6 !important;
	text-align: left !important;
	margin: 0 !important;
	color: #ffffff !important;
	text-transform: none !important;
	font-weight: normal !important;
	letter-spacing: normal !important;
	grid-column: auto !important;
}

/* Dim the hero photo for legibility */
.wp-block-cover .wp-block-cover__image-background {
	filter: brightness(0.55) !important;
}

/* ── Rotating headline animation ── */
/* Total cycle = 16.5s: each phrase holds 4s, transitions 0.75s each */
/* Rotating headline */
#fhf-rh {
	grid-column: 1/-1;
	position: relative;
	height: 180px;
	margin-bottom: 32px;
	overflow: hidden;
}

#fhf-rh span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: clamp(36px, 4.5vw, 60px);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.01em;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 1px 4px rgba(0,0,0,.4);
	opacity: 0;
	animation-duration: 14.4s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

#fhf-rh span:nth-child(1) {
	animation-name: fhf-fade;
	animation-delay: 0;
}

#fhf-rh span:nth-child(2) {
	animation-name: fhf-fade;
	animation-delay: 4.8s;
}

#fhf-rh span:nth-child(3) {
	animation-name: fhf-fade;
	animation-delay: 9.6s;
}

@keyframes fhf-fade {
	0% {
		opacity: 0;
	}
	
	5% {
		opacity: 1;
	}
	
	27% {
		opacity: 1;
	}
	
	33% {
		opacity: 0;
	}
	
	100% {
		opacity: 0;
	}
}

/* Nav links white */
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation a {
	color: #ffffff !important;
}

/* Orange bar above each headline */
#fhf-rh span::before {
	content: '';
	display: block;
	width: 140px;
	height: 3px;
	background: #e8450a;
	margin-bottom: 10px;
}

/* Vertical dividers between copy columns */
.wp-block-cover__inner-container > .wp-block-group > p.wp-block-paragraph:nth-of-type(n+2) {
	border-left: 1px solid rgba(255,255,255,0.35);
	padding-left: 20px !important;
}

.page-id-170 .wp-block-post-content > * {
	margin-top: 0 !important;
}

.page-id-170 .wp-site-blocks {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.page-id-170 main {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Force custom HTML block content full-width on case study pages */
.page-id-170 .wp-block-html > div,
.page-id-29 .wp-block-html > div {
	width: 100% !important;
	max-width: 100% !important;
}

.page-id-170 .wp-block-html,
.page-id-29 .wp-block-html {
	width: 100% !important;
	max-width: 100% !important;
}

/* Override constrained layout children on work + acura pages */
.page-id-29 .is-layout-constrained > :not(.alignleft):not(.alignright):not(.alignfull),
.page-id-170 .is-layout-constrained > :not(.alignleft):not(.alignright):not(.alignfull) {
	max-width: 100% !important;
}

.page-id-29 .ff-slide {
	overflow-y: auto !important;
}

/* Keep logo small and positioned correctly */
.page-id-29 img[src*="acura-512"] {
	position: absolute !important;
	top: 28px !important;
	right: 36px !important;
	left: auto !important;
	bottom: auto !important;
	width: 72px !important;
	height: auto !important;
	object-fit: unset !important;
	z-index: 10 !important;
}

#ff-s2:checked ~ .ff-slider-wrap .ff-track {
	transform: translateX(-100%);
}

#ff-s3:checked ~ .ff-slider-wrap .ff-track {
	transform: translateX(-200%);
}

#ff-s1:checked ~ .ff-dots label[for="ff-s1"],
#ff-s2:checked ~ .ff-dots label[for="ff-s2"],
#ff-s3:checked ~ .ff-dots label[for="ff-s3"] {
	background: #fff !important;
	border-color: #fff !important;
}

#ff-s2:checked ~ .ff-slider-wrap .ff-track {
	transform: translateX(-100%);
}

#ff-s3:checked ~ .ff-slider-wrap .ff-track {
	transform: translateX(-200%);
}

#ff-s1:checked ~ .ff-dots label[for=ff-s1] {
	background: #ffffff !important;
}

#ff-s2:checked ~ .ff-dots label[for=ff-s2] {
	background: #ffffff !important;
}

#ff-s3:checked ~ .ff-dots label[for=ff-s3] {
	background: #ffffff !important;
}

/* ===== WORK PAGE  INTERIOR NAV ===== */
/* Dark header bar for all non-homepage pages */
body:not(.home) header.wp-block-template-part {
	  background: #111 !important;
	  border-bottom: 3px solid #e05a2b !important;
}
body:not(.home) header.wp-block-template-part a {
	  color: #fff !important;
	  text-decoration: none !important;
	  font-weight: 600 !important;
	  letter-spacing: 0.08em !important;
	  text-transform: uppercase !important;
	  font-size: 13px !important;
}
body:not(.home) header.wp-block-template-part a:hover {
	  color: #e05a2b !important;
}

/* ===== WORK PAGE  HERO CONTENT POSITION ===== */
/* Move headline + PSR up  shift from center to upper third */
.page-id-29 .ff-track > div > div[style*="height:100vh"],
.page-id-29 .ff-track > div > div[style*="height: 100vh"] {
	  align-items: flex-start !important;
	  padding-top: 22vh !important;
}

/* ===== WORK PAGE  DOTS POSITION ===== */
/* Pull dots up close to PSR copy, away from bottom */
.page-id-29 div[style*="position: absolute; bottom: 32px"],
.page-id-29 div[style*="position:absolute;bottom:32px"] {
	  bottom: auto !important;
	  top: calc(22vh + 340px) !important;
}
}
}
}
}
}

/* ===== WORK PAGE  KILL SIDE PADDING ===== */
.page-id-29 .entry-content,
.page-id-29 .wp-block-post-content,
.page-id-29 .wp-block-post-content.has-global-padding,
.page-id-29 .is-layout-constrained {
	  padding-left: 0 !important;
	  padding-right: 0 !important;
}
.page-id-29 .ff-work {
	  margin-left: 0 !important;
	  margin-right: 0 !important;
}
}
}

/* Hide Jetpack share + like buttons sitewide */
.sharedaddy,
.sd-sharing-enabled,
.sd-like-enabled,
.jetpack-likes-widget-wrapper {
	  display: none !important;
}

/* Footer: keep only  2026 parr, hide email + designed with */
footer .wp-block-column:not(:first-child) {
	  display: none !important;
}
}
}

/* Hide Jetpack share + like buttons */
.sharedaddy { display: none !important; }
.jetpack-likes-widget-wrapper { display: none !important; }

/* Hide Jetpack share + like buttons */
.sharedaddy { display: none !important; }
.jetpack-likes-widget-wrapper { display: none !important; }

/* Homepage nav  align with logo left edge + reduce font size */
.home .wp-block-navigation {
	  padding-left: 8px !important;
}
.home .wp-block-navigation a {
	  font-size: 20px !important;
}
}
}
.ff-work .ff-slide > div > div:not([style*="background"]) {
  padding-left: 548px !important;
  padding-right: 0 !important;
}

/* Work page - align headline/copy to match homepage position */
.ff-work .ff-slide > div:first-child {
  align-items: flex-start !important;
  padding-top: 189px !important;
}
.ff-work .ff-slide:first-child > div:first-child > div:last-child {
  padding-left: 548px !important;
  padding-right: 0 !important;
}

/* Homepage - shift headline/copy halfway to orange edge */
.wp-block-cover__inner-container.is-layout-constrained > .wp-block-group {
  margin-left: 210px !important;
}

/* Match accent line above headline to sidebar orange */
#fhf-rh span::before {
  background-color: #e24f2f !important;
}

/* Force Acura logo visible in work page hero */
#fhf-acura-wrap img { display: block !important; }

/* Prevent horizontal scroll on work page - blocks trackpad swipe */
.ff-slider-wrap { overflow: hidden !important; }
.ff-work, .ff-work * { touch-action: pan-y !important; }
body { overflow-x: hidden !important; }

/* Match sub-page nav to homepage lowercase */
.wp-block-navigation a { text-transform: lowercase !important; letter-spacing: normal !important; }

/* Sub-page nav lowercase */
body:not(.home) header.wp-block-template-part a { text-transform: lowercase !important; }

.page-id-170 .acura-videos p {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Acura RLX video grid */
.page-id-170 .embed-youtube,
.page-id-170 .embed-youtube iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 16/9 !important;
}

body {
  border: none !important;
}

/* Remove orange border under nav on all non-home pages */
body:not(.home) header.wp-block-template-part {
  border-bottom: none !important;
  border: none !important;
}

/* Remove white gap between nav and hero on Acura page */
.page-id-170 .wp-site-blocks,
.page-id-170 main.wp-block-group {
  background: #000 !important;
}
.page-id-170 .wp-block-post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Acura RLX - pull hero behind nav */
.page-id-170 main,
.page-id-170 .wp-block-post-content,
.page-id-170 .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.page-id-170 .wp-block-post-content > div:first-child {
  margin-top: -168px !important;
}

/* Stelara page - same rules as Acura */
.page-id-348 .embed-youtube,
.page-id-348 .embed-youtube iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 16/9 !important;
}
.page-id-348 .wp-site-blocks,
.page-id-348 main.wp-block-group {
  background: #000 !important;
}
.page-id-348 .wp-block-post-content > div:first-child {
  margin-top: -168px !important;
}

.page-id-348 .wp-block-post-content,
.page-id-348 .entry-content {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Stelara full width */
.page-id-348 .wp-site-blocks > * {
  max-width: 100% !important;
  width: 100% !important;
}
.page-id-348 .wp-block-post-content,
.page-id-348 .entry-content {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.page-id-348 .wp-block-post-content > div:first-child {
  max-width: 100% !important;
  width: 100% !important;
}

.cs-fade-wrap {
  overflow: hidden !important;
  max-width: 100vw !important;
}

/* Prevent inactive carousel slide from bleeding */
.cs-slide:not(.active) {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Logo: match home page size exactly on ALL pages */
header img[src*="fieldhouse"],
.wp-block-site-logo img,
.custom-logo {
  width: 149px !important;
  height: 114px !important;
}

/* Fix black side borders + full bleed hero behind nav for ALL case study pages */
.page-id-170 .wp-site-blocks,
.page-id-170 .wp-block-group,
.page-id-170 main,
.page-id-170 .wp-block-post-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

/* Hero full bleed behind nav - pull content up */
.page-id-170 .wp-block-post-content > div:first-child,
.page-id-170 .entry-content > div:first-child {
  margin-top: -168px !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Stelara slide hero background-size cover and lighter tint */
.cs-slide:nth-child(2) [style*="background-image"] {
  background-size: cover !important;
  background-position: center top !important;
}

/* LOCKED hero full-bleed: page 170 case study hero runs to top with nav/logo over photo. Do not move. */
body.page-id-170 header,
body.page-id-170 header.wp-block-template-part { background: transparent !important; }
body.page-id-170 .cs-slide > div:first-child { margin-top: -179px !important; }

/* LOCKED hero full-height: page 170 case study hero fills full viewport (matches work-2 immersive bleed). Do not move. */
body.page-id-170 [style*="min-height:60vh"] { min-height: 100vh !important; }