/**
 * Homepage brutalist overflow fixes — loads after sibling theme.css.
 *
 * @package Brand_Mention_Tracking_Agency
 */

body.bmta-brutalist-home {
	overflow-x: clip;
}

html:has(body.bmta-brutalist-home) {
	overflow-x: clip;
}

body.bmta-brutalist-home .site-header,
body.bmta-brutalist-home .site-header__bar {
	max-width: 100%;
	overflow-x: clip;
}

body.bmta-brutalist-home #main.site-main--home {
	overflow-x: clip;
	max-width: 100%;
	min-width: 0;
}

body.bmta-brutalist-home .shell,
body.bmta-brutalist-home .shell--narrow,
body.bmta-brutalist-home .shell--wide {
	box-sizing: border-box;
	width: min(100% - 32px, 1280px) !important;
	max-width: 100%;
	min-width: 0;
}

body.bmta-brutalist-home .hero .shell {
	width: min(100% - 32px, 1280px) !important;
}

body.bmta-brutalist-home .hero__copy {
	min-width: 0;
	max-width: 100%;
}

body.bmta-brutalist-home .hero .kicker,
body.bmta-brutalist-home .hero h1,
body.bmta-brutalist-home .hero__lede {
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}

body.bmta-brutalist-home .hero .kicker {
	letter-spacing: 0.18em;
}

body.bmta-brutalist-home .intro-layout,
body.bmta-brutalist-home .geo-layout,
body.bmta-brutalist-home .pricing-layout,
body.bmta-brutalist-home .final-action__layout {
	min-width: 0;
}

body.bmta-brutalist-home .intro-copy,
body.bmta-brutalist-home .proof-card,
body.bmta-brutalist-home .brutal-card,
body.bmta-brutalist-home .mini-card,
body.bmta-brutalist-home .region-card {
	min-width: 0;
	max-width: 100%;
}

body.bmta-brutalist-home .intro-copy h2,
body.bmta-brutalist-home .section-head h2,
body.bmta-brutalist-home .slider-head h2,
body.bmta-brutalist-home .pricing-copy h2,
body.bmta-brutalist-home .final-action h2,
body.bmta-brutalist-home .mini-card h3,
body.bmta-brutalist-home .region-card h3,
body.bmta-brutalist-home .faq-item h3 {
	overflow-wrap: anywhere;
	word-break: break-word;
	hyphens: auto;
	max-width: 100%;
}

body.bmta-brutalist-home .intro-copy p,
body.bmta-brutalist-home .section-head p,
body.bmta-brutalist-home .geo-layout p,
body.bmta-brutalist-home .slider-head p:not(.kicker),
body.bmta-brutalist-home .pricing-copy p,
body.bmta-brutalist-home .final-action p,
body.bmta-brutalist-home .mini-card p,
body.bmta-brutalist-home .faq-item p {
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}

body.bmta-brutalist-home .manifesto p {
	max-width: 100%;
	overflow-wrap: anywhere;
	word-break: break-word;
	hyphens: auto;
}

body.bmta-brutalist-home .slash-list li {
	overflow-wrap: anywhere;
	word-break: break-word;
	hyphens: auto;
	white-space: normal;
}

body.bmta-brutalist-home .proof-row {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}

body.bmta-brutalist-home .proof-row span,
body.bmta-brutalist-home .proof-row strong {
	overflow-wrap: anywhere;
	word-break: break-word;
	white-space: normal;
}

body.bmta-brutalist-home .slider-head {
	flex-wrap: wrap;
	align-items: flex-start;
	gap: clamp(16px, 3vw, 28px);
}

body.bmta-brutalist-home .slider-head > div:first-child {
	flex: 1 1 min(100%, 36rem);
	min-width: 0;
	max-width: 100%;
}

body.bmta-brutalist-home .model-card h3,
body.bmta-brutalist-home .model-card__route,
body.bmta-brutalist-home .model-card p {
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}

body.bmta-brutalist-home .more-link a {
	overflow-wrap: anywhere;
	word-break: break-word;
}

body.bmta-brutalist-home .contact-tile {
	overflow-wrap: anywhere;
	word-break: break-word;
}

body.bmta-brutalist-home .cta-row {
	flex-wrap: wrap;
}

body.bmta-brutalist-home .brutal-button {
	max-width: 100%;
	white-space: normal;
	text-wrap: balance;
}

@media (max-width: 760px) {
	body.bmta-brutalist-home .shell,
	body.bmta-brutalist-home .shell--narrow,
	body.bmta-brutalist-home .shell--wide {
		width: min(100% - 24px, 1280px) !important;
	}

	body.bmta-brutalist-home .hero .kicker {
		letter-spacing: 0.06em;
		font-size: clamp(0.58rem, 2.8vw, 0.72rem);
	}

	body.bmta-brutalist-home .hero h1,
	body.bmta-brutalist-home .hero--home h1 {
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
		max-width: 100% !important;
		line-height: 0.92 !important;
	}
}

/* Type scale: `--bmta-type-scale` in :root; `html` uses it in main theme CSS (parent) or brutalist inline when standalone. */

/* Photo / atmosphere: lift foreground image, soften scrim */
body.bmta-brutalist-home .image-atmosphere::before {
	opacity: 0.72;
	filter: saturate(1.12) contrast(1.14) brightness(1.08);
}

body.bmta-brutalist-home .image-atmosphere::after {
	background: rgba(253, 250, 246, 0.2);
}

body.bmta-brutalist-home .hero.hero--home.image-atmosphere::after {
	background: rgba(253, 250, 246, 0.5);
}

body.bmta-brutalist-home .model-card::before {
	opacity: 0.72;
	filter: saturate(1.1) contrast(1.12) brightness(1.06);
}

body.bmta-brutalist-home .model-card::after {
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.04) 0%,
		rgba(255, 255, 255, 0.22) 35%,
		rgba(255, 255, 255, 0.72) 68%,
		#ffffff 100%
	);
}

/* -------------------------------------------------------------------------
 * Brighter atmosphere for blimp, billboards, clown (and pricing poster read).
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-home .section--deliverables.image-atmosphere::before,
body.bmta-brutalist-home .section--geo.image-atmosphere::before,
body.bmta-brutalist-home .section--slider.image-atmosphere::before,
body.bmta-brutalist-home .pricing-band.image-atmosphere::before {
	opacity: 0.82;
	filter: saturate(1.06) contrast(1.08) brightness(1.14);
}

body.bmta-brutalist-home .section--deliverables.image-atmosphere::after,
body.bmta-brutalist-home .section--geo.image-atmosphere::after,
body.bmta-brutalist-home .section--slider.image-atmosphere::after,
body.bmta-brutalist-home .pricing-band.image-atmosphere::after {
	background: rgba(253, 250, 246, 0.12);
}

/* Slider section: let photo read through pastel band (brutalist sets solid purple). */
body.bmta-brutalist-home .section--slider.image-atmosphere {
	background: transparent;
}

body.bmta-brutalist-home .section--slider.image-atmosphere > .shell {
	position: relative;
	z-index: 2;
}

/* -------------------------------------------------------------------------
 * Readable patches behind type on busy photo bands (blimp, billboards,
 * skyscraper manifesto, poster pricing, clown slider).
 * Avoid double-boxing: no extra frame around .brutal-card grids / cards.
 * ------------------------------------------------------------------------- */

body.bmta-brutalist-home .section--deliverables.image-atmosphere .section-head {
	background: rgba(253, 250, 246, 0.94);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 4px solid #1a1a1a;
	box-shadow: 8px 8px 0 rgba(26, 26, 26, 0.2);
	padding: clamp(22px, 3.5vw, 36px);
	margin-bottom: clamp(20px, 3vw, 32px);
}

body.bmta-brutalist-home .section--geo.image-atmosphere .section-head.section-head--left {
	background: rgba(253, 250, 246, 0.94);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 4px solid #1a1a1a;
	box-shadow: 8px 8px 0 rgba(26, 26, 26, 0.2);
	padding: clamp(22px, 3.5vw, 36px);
	margin-inline: 0;
}

body.bmta-brutalist-home .manifesto.image-atmosphere .shell.shell--narrow {
	background: rgba(253, 250, 246, 0.94);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 4px solid #1a1a1a;
	box-shadow: 8px 8px 0 rgba(26, 26, 26, 0.2);
	padding: clamp(28px, 5vw, 48px);
}

/* Pricing block is already .brutal-card — only lift interior contrast, no second frame. */
body.bmta-brutalist-home .pricing-band.image-atmosphere .pricing-layout.brutal-card {
	background: rgba(253, 250, 246, 0.96) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.bmta-brutalist-home .section--slider.image-atmosphere .slider-head {
	background: rgba(253, 250, 246, 0.94);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 4px solid #1a1a1a;
	box-shadow: 8px 8px 0 rgba(26, 26, 26, 0.2);
	padding: clamp(20px, 3vw, 32px);
	margin-bottom: clamp(20px, 3vw, 32px);
}

/* Soft strip behind slides only — .model-card is already a brutal card. */
body.bmta-brutalist-home .section--slider.image-atmosphere .slider-container {
	background: rgba(253, 250, 246, 0.58);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	padding: clamp(12px, 2vw, 18px);
	border: none;
	box-shadow: none;
}