.wp-block-studio-zed-geometric-text-box { margin: 0; max-width: none; width: 100%; }
/* Keep text measure independent of the number of decorative grid columns. */
.geometric-text-box { --content-width: calc(var(--grid-size) * var(--grid-columns) * 0.5); }
.geometric-text-box--graphite { --section-background: #181a20; --panel-background: #181a20; --text-colour: #f5f1eb; --grid-line: #454a55; }
.geometric-text-box--chalk { --section-background: #f5f1eb; --panel-background: #f5f1eb; --text-colour: #181a20; --grid-line: var(--sz-grid-line); }

.geometric-text-box__content {
	position: relative;
	z-index: 1;
	width: min(100%, var(--content-width));
	margin-inline: auto;
	padding-inline: var(--grid-size);
	color: var(--text-colour);
	text-align: center;
}

.geometric-text-box__large-text,
.geometric-text-box__normal-text { margin: 0; }
.geometric-text-box__large-text { font-size: var(--type-body-l-size); font-weight: var(--type-body-l-weight); line-height: var(--type-body-l-line); }
.geometric-text-box__normal-text { margin-top: 1.5rem; font-size: var(--type-body-r-size); font-weight: var(--type-body-r-weight); line-height: var(--type-body-r-line); }
.geometric-text-box__button-wrap { display: flex; justify-content: center; margin-top: 2.5rem; }

@media (max-width: 64rem) {
	.geometric-text-box { --content-width: calc(var(--grid-size) * var(--grid-columns) * 0.6); }
}

@media (max-width: 47.9375rem) {
	.geometric-text-box { --content-width: calc(var(--grid-size) * var(--grid-columns) * 0.8); }
	.geometric-text-box__content { padding-inline: calc(var(--grid-size) * 0.8); }
}
