.page-template-quality .site.grid-container,
.page-template-quality .site-content {
	max-width: none;
	padding: 0;
}

.page-template-quality .site-content {
	display: block;
}

.page-template-quality .bp-quality .bp-container--wide {
	width: min(90rem, calc(100vw - 6rem));
	max-width: none;
}

.bp-quality {
	--bp-quality-section-space: clamp(var(--bp-space-10), 3.8vw, var(--bp-space-16));
	width: 100%;
	overflow: clip;
	background: var(--bp-color-background);
	color: var(--bp-color-text);
}

.bp-quality h1,
.bp-quality h2,
.bp-quality h3,
.bp-quality p,
.bp-quality figure,
.bp-quality ul,
.bp-quality ol {
	margin-top: 0;
}

.bp-quality h1 {
	max-width: 12ch;
	font-size: var(--bp-font-size-h1);
	line-height: var(--bp-line-height-tight);
}

.bp-quality h2 {
	max-width: 18ch;
	color: var(--bp-color-primary);
	font-size: var(--bp-font-size-h2);
	line-height: var(--bp-line-height-heading);
}

@media (min-width: 64rem) {
	.bp-quality h2 {
		max-width: 24ch;
	}
}

.bp-quality h3 {
	font-size: var(--bp-font-size-h4);
	line-height: var(--bp-line-height-heading);
}

.bp-quality :where(p:not(.bp-quality__eyebrow)) {
	color: var(--bp-color-text-muted);
	line-height: var(--bp-line-height-body);
}

.bp-quality__section {
	padding-block: var(--bp-quality-section-space);
}

.bp-quality__eyebrow {
	margin-bottom: var(--bp-space-3);
	color: var(--bp-color-accent);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-bold);
	letter-spacing: var(--bp-letter-spacing-eyebrow);
	text-transform: uppercase;
}

.bp-quality__section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--bp-space-12);
	margin-bottom: var(--bp-space-6);
}

.bp-quality__section-head > div {
	max-width: 50rem;
}

.bp-quality__section-head > p {
	max-width: 31rem;
	margin-bottom: 0;
}

.bp-quality__note {
	margin: var(--bp-space-4) 0 0;
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
	line-height: var(--bp-line-height-body);
}

.bp-quality__note--right {
	text-align: right;
}

.bp-quality__hero,
.bp-quality__evidence,
.bp-quality__documents {
	background: var(--bp-color-primary);
	color: var(--bp-color-text-inverse);
}

.bp-quality__hero {
	padding-block: clamp(var(--bp-space-12), 4.5vw, var(--bp-space-20));
}

.bp-quality__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 5.1fr) minmax(0, 6.9fr);
	gap: clamp(var(--bp-space-10), 5vw, var(--bp-space-20));
	align-items: center;
}

.bp-quality__hero h1 {
	color: var(--bp-color-text-inverse);
}

.bp-quality__hero .bp-quality__eyebrow {
	color: var(--bp-color-accent);
}

.bp-quality__evidence h2,
.bp-quality__documents h2 {
	color: var(--bp-color-text-inverse);
}

.bp-quality__lead {
	max-width: 38rem;
	font-size: var(--bp-font-size-body-large);
}

.bp-quality__hero .bp-quality__lead,
.bp-quality__hero .bp-quality__note,
.bp-quality__evidence p:not(.bp-quality__eyebrow),
.bp-quality__documents p:not(.bp-quality__eyebrow) {
	color: var(--bp-color-border-strong);
}

.bp-quality__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--bp-space-3);
	margin-block: var(--bp-space-6);
}

.bp-quality .bp-quality__button-dark {
	border-color: var(--bp-color-border-strong);
	background: transparent;
	color: var(--bp-color-text-inverse);
}

.bp-quality__proof-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--bp-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bp-quality__proof-row li {
	display: grid;
	grid-template-columns: 2rem 1fr;
	align-items: center;
	gap: var(--bp-space-2);
	padding: var(--bp-space-3);
	border: 1px solid color-mix(in srgb, var(--bp-color-text-inverse) 14%, transparent);
	border-radius: var(--bp-radius-sm);
	background: color-mix(in srgb, var(--bp-color-text-inverse) 4%, transparent);
	color: var(--bp-color-text-inverse);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-semibold);
}

.bp-quality__proof-row span {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: var(--bp-radius-pill);
	background: color-mix(in srgb, var(--bp-color-accent) 14%, transparent);
	color: var(--bp-color-accent);
}

.bp-quality__visual {
	position: relative;
	overflow: hidden;
	margin: 0;
	border-radius: var(--bp-radius-md);
	background: var(--bp-color-surface-subtle);
}

.bp-quality__visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bp-quality__concept-mark {
	position: absolute;
	right: var(--bp-space-2);
	bottom: var(--bp-space-2);
	padding: var(--bp-space-1) var(--bp-space-2);
	border-radius: var(--bp-radius-sm);
	background: color-mix(in srgb, var(--bp-color-primary) 68%, transparent);
	color: var(--bp-color-text-inverse);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-bold);
	text-transform: uppercase;
}

.bp-quality__hero-media {
	position: relative;
}

.bp-quality__visual--hero {
	aspect-ratio: 1.42 / 1;
	box-shadow: var(--bp-shadow-lg);
}

.bp-quality__hero-caption {
	position: absolute;
	right: var(--bp-space-5);
	bottom: var(--bp-space-5);
	left: var(--bp-space-5);
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--bp-space-6);
	color: var(--bp-color-text-inverse);
}

.bp-quality__hero-caption small {
	max-width: 16rem;
	color: var(--bp-color-border-strong);
	font-size: var(--bp-font-size-caption);
	text-align: right;
}

.bp-quality__framework,
.bp-quality__process,
.bp-quality__defect,
.bp-quality__questions {
	background: var(--bp-color-surface);
}

.bp-quality__framework-grid,
.bp-quality__metrics-grid,
.bp-quality__inspection-grid,
.bp-quality__process-grid,
.bp-quality__testing-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--bp-space-4);
}

.bp-quality__framework-card {
	position: relative;
	min-height: 14.75rem;
	padding: var(--bp-space-6);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-md);
	background: var(--bp-color-surface);
	box-shadow: var(--bp-shadow-sm);
}

.bp-quality__stage {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	margin-bottom: var(--bp-space-5);
	border-radius: var(--bp-radius-sm);
	background: color-mix(in srgb, var(--bp-color-accent) 14%, var(--bp-color-surface));
	color: var(--bp-color-accent-hover);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-bold);
}

.bp-quality__framework-card > p {
	font-size: var(--bp-font-size-small);
}

.bp-quality__framework-card > small {
	position: absolute;
	right: var(--bp-space-6);
	bottom: var(--bp-space-5);
	left: var(--bp-space-6);
	padding-top: var(--bp-space-3);
	border-top: 1px solid var(--bp-color-border);
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-semibold);
	text-transform: uppercase;
}

.bp-quality__metrics-grid {
	margin-top: var(--bp-space-5);
}

.bp-quality__metric-card {
	padding: var(--bp-space-4) var(--bp-space-5);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-sm);
	background: var(--bp-color-surface-subtle);
}

.bp-quality__metric-card strong,
.bp-quality__metric-card span {
	display: block;
}

.bp-quality__metric-card strong {
	font-size: var(--bp-font-size-h4);
}

.bp-quality__metric-card span {
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
}

.bp-quality__aql-value,
.bp-quality__category-specialty {
	margin: var(--bp-space-3) 0 0;
	color: var(--bp-color-accent-hover);
	font-size: var(--bp-font-size-small);
	font-weight: var(--bp-font-weight-semibold);
}

.bp-quality__aql-value {
	text-align: center;
}

.bp-quality__inspection,
.bp-quality__testing,
.bp-quality__bridge {
	background: var(--bp-color-surface-subtle);
}

.bp-quality__category-specialty {
	margin-top: calc(var(--bp-space-3) * -1);
	margin-bottom: var(--bp-space-5);
}

.bp-quality__inspection-card {
	display: grid;
	grid-template-columns: 2.5rem 1fr;
	gap: var(--bp-space-3);
	min-height: 9rem;
	padding: var(--bp-space-4);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-sm);
	background: var(--bp-color-surface);
}

.bp-quality__inspection-card > span,
.bp-quality__testing-mark,
.bp-quality__document-card > span {
	display: grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: var(--bp-radius-sm);
	background: color-mix(in srgb, var(--bp-color-accent) 14%, var(--bp-color-surface));
	color: var(--bp-color-accent-hover);
	font-weight: var(--bp-font-weight-bold);
}

.bp-quality__inspection-card h3 {
	margin-bottom: var(--bp-space-1);
	font-size: var(--bp-font-size-body);
}

.bp-quality__inspection-card p,
.bp-quality__inspection-card small {
	font-size: var(--bp-font-size-caption);
}

.bp-quality__inspection-card small {
	color: var(--bp-color-link);
	font-weight: var(--bp-font-weight-semibold);
	text-transform: uppercase;
}

.bp-quality__process-grid {
	position: relative;
}

.bp-quality__process-grid::before {
	content: "";
	position: absolute;
	top: var(--bp-space-6);
	right: 5%;
	left: 5%;
	height: 1px;
	background: var(--bp-color-border-strong);
}

.bp-quality__process-card {
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 12.75rem;
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-sm);
	background: var(--bp-color-surface-subtle);
}

.bp-quality__visual--process {
	height: 4.875rem;
	border-radius: 0;
}

.bp-quality__process-card > div {
	padding: var(--bp-space-3) var(--bp-space-4) var(--bp-space-4);
}

.bp-quality__process-number {
	display: grid;
	place-items: center;
	width: 1.75rem;
	height: 1.75rem;
	margin-top: calc(var(--bp-space-6) * -1);
	margin-bottom: var(--bp-space-2);
	border: 3px solid var(--bp-color-surface-subtle);
	border-radius: var(--bp-radius-pill);
	background: var(--bp-color-accent);
	color: var(--bp-color-text-inverse);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-bold);
}

.bp-quality__process-card h3 {
	min-height: 2rem;
	margin-bottom: var(--bp-space-1);
	font-size: var(--bp-font-size-body);
}

.bp-quality__process-card p,
.bp-quality__process-card small {
	font-size: var(--bp-font-size-caption);
}

.bp-quality__process-card small {
	color: var(--bp-color-text-muted);
	font-weight: var(--bp-font-weight-semibold);
	text-transform: uppercase;
}

.bp-quality__evidence-layout {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--bp-space-4);
	height: 36rem;
}

.bp-quality__evidence-main,
.bp-quality__evidence-support > div {
	position: relative;
	overflow: hidden;
	border-radius: var(--bp-radius-md);
}

.bp-quality__visual--evidence-main,
.bp-quality__visual--evidence {
	height: 100%;
	border-radius: 0;
}

.bp-quality__evidence-main > div,
.bp-quality__evidence-support > div > strong {
	position: absolute;
	right: var(--bp-space-4);
	bottom: var(--bp-space-4);
	left: var(--bp-space-4);
	z-index: 2;
	color: var(--bp-color-text-inverse);
}

.bp-quality__evidence-main > div small {
	display: block;
	margin-top: var(--bp-space-1);
	color: var(--bp-color-border-strong);
	font-size: var(--bp-font-size-caption);
}

.bp-quality__evidence-support {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--bp-space-4);
}

.bp-quality__evidence-support > div > strong {
	font-size: var(--bp-font-size-small);
}

.bp-quality__testing-card {
	min-height: 15.5rem;
	padding: var(--bp-space-5);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-md);
	background: var(--bp-color-surface);
}

.bp-quality__testing-card > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--bp-space-5);
}

.bp-quality__testing-card > div small {
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-bold);
}

.bp-quality__testing-card ul {
	display: grid;
	gap: var(--bp-space-2);
	margin-bottom: 0;
	padding-left: var(--bp-space-5);
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
}

.bp-quality__testing-card > p {
	margin: var(--bp-space-4) 0 0;
	padding-top: var(--bp-space-3);
	border-top: 1px solid var(--bp-color-border);
	color: var(--bp-color-accent-hover);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-semibold);
}

.bp-quality__defect-board {
	padding: var(--bp-space-6);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-lg);
	background: var(--bp-color-surface-subtle);
	box-shadow: var(--bp-shadow-sm);
}

.bp-quality__defect-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--bp-space-3);
}

.bp-quality__defect-card {
	position: relative;
	min-height: 8rem;
	padding: var(--bp-space-4);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-sm);
	background: var(--bp-color-surface);
}

.bp-quality__defect-card:not(:last-child)::after {
	content: "→";
	position: absolute;
	top: 50%;
	right: calc(var(--bp-space-4) * -1);
	z-index: 2;
	color: var(--bp-color-accent);
	font-weight: var(--bp-font-weight-bold);
}

.bp-quality__defect-card > small {
	display: block;
	margin-bottom: var(--bp-space-3);
	color: var(--bp-color-accent-hover);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-bold);
}

.bp-quality__defect-card h3 {
	font-size: var(--bp-font-size-body);
}

.bp-quality__defect-card p {
	margin-bottom: 0;
	font-size: var(--bp-font-size-caption);
}

.bp-quality__defect-principles {
	display: flex;
	justify-content: space-between;
	gap: var(--bp-space-5);
	margin: var(--bp-space-4) 0 0;
	padding: var(--bp-space-4) 0 0;
	border-top: 1px solid var(--bp-color-border);
	list-style: none;
}

.bp-quality__defect-principles li,
.bp-quality__prepare li {
	position: relative;
	padding-left: var(--bp-space-4);
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
}

.bp-quality__defect-principles li::before,
.bp-quality__prepare li::before {
	content: "";
	position: absolute;
	top: 0.55em;
	left: 0;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: var(--bp-radius-pill);
	background: var(--bp-color-accent);
}

.bp-quality__documents-grid {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: clamp(var(--bp-space-10), 4vw, var(--bp-space-16));
	align-items: center;
}

.bp-quality__certifications {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--bp-space-2);
	margin-block: var(--bp-space-4);
	padding: var(--bp-space-3);
	border: 1px solid var(--bp-color-border-strong);
	border-radius: var(--bp-radius-md);
	background: var(--bp-color-surface-subtle);
}

.bp-quality__certifications > span {
	padding: var(--bp-space-2);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-sm);
	background: var(--bp-color-surface);
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-small);
	font-weight: var(--bp-font-weight-bold);
	text-align: center;
}

.bp-quality__certifications > small {
	grid-column: 1 / -1;
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
	text-align: center;
}

.bp-quality__document-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--bp-space-3);
}

.bp-quality__document-card {
	display: grid;
	grid-template-columns: 2.75rem 1fr;
	gap: var(--bp-space-3);
	min-height: 7.75rem;
	padding: var(--bp-space-4);
	border: 1px solid color-mix(in srgb, var(--bp-color-text-inverse) 16%, transparent);
	border-radius: var(--bp-radius-sm);
	background: color-mix(in srgb, var(--bp-color-secondary) 52%, var(--bp-color-primary));
}

.bp-quality__document-card h3 {
	margin-bottom: var(--bp-space-1);
	color: var(--bp-color-text-inverse);
	font-size: var(--bp-font-size-body);
}

.bp-quality__document-card p,
.bp-quality__document-card small {
	font-size: var(--bp-font-size-caption);
}

.bp-quality__document-card small {
	color: var(--bp-color-accent);
	font-weight: var(--bp-font-weight-semibold);
	text-transform: uppercase;
}

.bp-quality__document-grid > .bp-quality__note {
	grid-column: 1 / -1;
}

.bp-quality__bridge-panel {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--bp-space-12);
	align-items: center;
	padding: var(--bp-space-8);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-lg);
	background: var(--bp-color-surface);
}

.bp-quality__bridge-chain {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--bp-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bp-quality__bridge-chain li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 7rem;
	padding: var(--bp-space-4);
	border-radius: var(--bp-radius-sm);
	background: var(--bp-color-surface-subtle);
}

.bp-quality__bridge-chain span {
	color: var(--bp-color-accent-hover);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-bold);
}

.bp-quality__bridge-chain small {
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
}

.bp-quality__question-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--bp-space-3);
}

.bp-quality__question-card {
	min-height: 10.75rem;
	padding: var(--bp-space-5);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-md);
	background: var(--bp-color-surface-subtle);
}

.bp-quality__question-card > span {
	display: block;
	margin-bottom: var(--bp-space-4);
	color: var(--bp-color-accent-hover);
	font-size: var(--bp-font-size-caption);
	font-weight: var(--bp-font-weight-bold);
	text-transform: uppercase;
}

.bp-quality__question-card h3 {
	font-size: var(--bp-font-size-body);
}

.bp-quality__question-card p,
.bp-quality__question-card small {
	font-size: var(--bp-font-size-caption);
}

.bp-quality__question-card small {
	display: block;
	margin-top: var(--bp-space-3);
	padding-top: var(--bp-space-3);
	border-top: 1px solid var(--bp-color-border);
	color: var(--bp-color-text-muted);
	font-weight: var(--bp-font-weight-semibold);
	text-transform: uppercase;
}

.bp-quality__final-cta {
	padding-block: clamp(var(--bp-space-10), 4vw, var(--bp-space-16));
	background: var(--bp-color-surface-subtle);
}

.bp-quality__cta-grid {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(24rem, 5fr);
	gap: var(--bp-space-16);
	align-items: center;
}

.bp-quality__prepare {
	display: flex;
	flex-wrap: wrap;
	gap: var(--bp-space-3) var(--bp-space-6);
	margin: var(--bp-space-5) 0 0;
	padding: 0;
	list-style: none;
}

.bp-quality__cta-actions {
	display: flex;
	flex-direction: column;
	gap: var(--bp-space-3);
	padding: var(--bp-space-6);
	border: 1px solid var(--bp-color-border);
	border-radius: var(--bp-radius-md);
	background: var(--bp-color-surface);
	box-shadow: var(--bp-shadow-md);
}

.bp-quality__cta-actions > p {
	margin-bottom: 0;
	color: var(--bp-color-accent-hover);
	font-size: var(--bp-font-size-small);
	font-weight: var(--bp-font-weight-semibold);
	text-align: center;
}

.bp-quality__cta-actions > small {
	color: var(--bp-color-text-muted);
	font-size: var(--bp-font-size-caption);
}

@media (max-width: 100rem) {
	.page-template-quality .bp-quality .bp-container--wide {
		width: min(78rem, calc(100vw - 5rem));
	}

	.bp-quality__section-head {
		margin-bottom: var(--bp-space-5);
	}

	.bp-quality__evidence-layout {
		height: 32rem;
	}
}

@media (max-width: 68.75rem) {
	.page-template-quality .bp-quality .bp-container--wide {
		width: calc(100vw - 4rem);
	}

	.bp-quality__hero-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--bp-space-10);
	}

	.bp-quality__proof-row {
		grid-template-columns: 1fr;
	}

	.bp-quality__framework-grid,
	.bp-quality__metrics-grid,
	.bp-quality__inspection-grid,
	.bp-quality__process-grid,
	.bp-quality__testing-grid,
	.bp-quality__question-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bp-quality__process-grid::before,
	.bp-quality__defect-card::after {
		display: none;
	}

	.bp-quality__evidence-layout,
	.bp-quality__documents-grid,
	.bp-quality__bridge-panel,
	.bp-quality__cta-grid {
		grid-template-columns: 1fr;
	}

	.bp-quality__evidence-layout {
		height: auto;
	}

	.bp-quality__evidence-main {
		height: 28rem;
	}

	.bp-quality__evidence-support {
		height: 26rem;
	}

	.bp-quality__defect-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 50rem) {
	.page-template-quality .bp-quality .bp-container--wide {
		width: calc(100vw - 2.5rem);
	}

	.bp-quality__section-head {
		align-items: flex-start;
		flex-direction: column;
		gap: var(--bp-space-4);
	}

	.bp-quality__hero-grid,
	.bp-quality__framework-grid,
	.bp-quality__metrics-grid,
	.bp-quality__inspection-grid,
	.bp-quality__process-grid,
	.bp-quality__testing-grid,
	.bp-quality__question-grid,
	.bp-quality__defect-grid,
	.bp-quality__document-grid {
		grid-template-columns: 1fr;
	}

	.bp-quality__hero-caption {
		align-items: flex-start;
		flex-direction: column;
	}

	.bp-quality__hero-caption small {
		text-align: left;
	}

	.bp-quality__evidence-support {
		height: auto;
		grid-template-columns: 1fr;
	}

	.bp-quality__evidence-support > div {
		height: 16rem;
	}

	.bp-quality__defect-principles {
		flex-direction: column;
	}

	.bp-quality__certifications {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bp-quality__bridge-chain {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 30rem) {
	.bp-quality__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.bp-quality__hero-caption {
		display: none;
	}

	.bp-quality__evidence-main {
		height: 21rem;
	}

	.bp-quality__prepare {
		flex-direction: column;
	}

	.bp-quality__cta-actions {
		padding: var(--bp-space-5);
	}
}