body {
	overflow-x: hidden;
}

.max-topbar p {
	text-wrap: balance;
}

@media (max-width: 820px) {
	html,
	body,
	.wp-site-blocks {
		max-width: 100%;
		overflow-x: hidden;
	}

	.wp-site-blocks {
		padding-left: 0.9rem;
		padding-right: 0.9rem;
	}

	.max-topbar {
		margin-top: 0.6rem;
		border-radius: 22px;
		padding: 0.7rem 0.9rem;
	}

	.max-topbar p {
		max-width: 34ch;
		font-size: 0.64rem;
		line-height: 1.35;
		letter-spacing: 0.14em;
		margin-inline: auto;
	}

	.max-site-header {
		position: static;
		margin-top: 0.75rem;
	}

	.max-site-header > .wp-block-group {
		position: relative;
		padding: 0.8rem 0.9rem;
		padding-right: 4.8rem;
		border-radius: 24px;
	}

	.max-brand {
		gap: 0.7rem;
		align-items: center;
	}

	.max-brand .wp-block-site-logo img {
		width: 58px;
		height: 58px;
		border-radius: 18px;
	}

	.max-brand .wp-block-site-title a {
		font-size: 1.1rem;
	}

	.max-brand-kicker {
		font-size: 0.64rem;
		letter-spacing: 0.14em;
	}

	.max-nav .wp-block-navigation__responsive-container-open,
	.max-nav .wp-block-navigation__responsive-container-close {
		border: 1px solid rgba(31, 43, 36, 0.1);
		border-radius: 999px;
		padding: 0.4rem 0.72rem;
		background: rgba(49, 71, 58, 0.08);
	}

	.max-nav {
		position: absolute;
		top: 0.8rem;
		right: 0.9rem;
		margin: 0 !important;
	}

	.max-nav .wp-block-navigation__responsive-container-open {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		padding: 0;
		box-shadow: 0 10px 24px rgba(31, 43, 36, 0.1);
	}

	.max-nav .wp-block-navigation__responsive-container-content {
		gap: 0.4rem;
	}

	.max-nav .wp-block-navigation-item__content {
		padding: 0.55rem 0.8rem;
	}

	.max-shell {
		margin-top: 1rem;
	}

	.max-home-hero,
	.max-page-hero,
	.max-story-copy,
	.max-story-media,
	.max-story-body,
	.max-gallery-section,
	.max-post-card,
	.max-home-bottom-card,
	.max-stat-card,
	.max-report-card,
	.max-footer,
	.max-footer-note {
		border-radius: 24px;
	}

	.max-home-hero,
	.max-page-hero,
	.max-story-copy,
	.max-story-media,
	.max-story-body,
	.max-gallery-section,
	.max-home-bottom-card,
	.max-stat-card,
	.max-report-card,
	.max-footer,
	.max-footer-note {
		padding: 1rem;
	}

	.max-home-hero-grid,
	.max-page-hero-grid,
	.max-story-hero-grid,
	.max-home-bottom-card .wp-block-columns,
	.max-section > .wp-block-columns {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.95rem !important;
	}

	.max-home-hero-grid > .wp-block-column,
	.max-page-hero-grid > .wp-block-column,
	.max-story-hero-grid > .wp-block-column,
	.max-home-bottom-card .wp-block-column,
	.max-section > .wp-block-columns > .wp-block-column {
		margin: 0 !important;
		min-width: 0;
		flex: unset !important;
	}

	.max-home-title {
		max-width: 11.4ch;
		font-size: clamp(1.9rem, 9.6vw, 2.55rem);
		line-height: 0.96;
	}

	.max-page-title,
	.max-display {
		max-width: 11.5ch;
		font-size: clamp(1.8rem, 8.7vw, 2.45rem);
		line-height: 0.96;
		letter-spacing: -0.05em;
		text-wrap: balance;
	}

	.max-story-title {
		max-width: none;
		font-size: clamp(1.95rem, 8.8vw, 2.5rem);
		line-height: 0.97;
		letter-spacing: -0.048em;
		text-wrap: balance;
	}

	.max-home-intro,
	.max-page-intro,
	.max-story-dek,
	.max-story-body p:first-child {
		font-size: 1rem;
		line-height: 1.6;
	}

	.max-home-points {
		gap: 0.4rem;
		font-size: 0.98rem;
	}

	.max-badge-row {
		display: flex;
		flex-wrap: wrap;
		gap: 0.42rem;
	}

	.max-badge,
	.max-meta-row .wp-block-post-terms a,
	.max-tag-bar .wp-block-post-terms a {
		padding: 0.42rem 0.66rem;
		font-size: 0.76rem;
	}

	.max-home-hero .wp-block-buttons,
	.max-page-hero .wp-block-buttons,
	.max-home-bottom-card .wp-block-buttons,
	.max-story-nav {
		display: grid !important;
		gap: 0.65rem;
	}

	.max-home-hero .wp-block-button,
	.max-page-hero .wp-block-button,
	.max-home-bottom-card .wp-block-button,
	.max-story-nav > * {
		width: 100%;
		margin: 0;
	}

	.max-home-hero .wp-block-button__link,
	.max-page-hero .wp-block-button__link,
	.max-home-bottom-card .wp-block-button__link,
	.max-story-nav a {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.max-story-nav .wp-block-post-navigation-link {
		width: 100%;
	}

	.max-story-nav .wp-block-post-navigation-link a,
	.wp-block-query-pagination-next,
	.wp-block-query-pagination-previous,
	.wp-block-query-pagination .page-numbers {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 2.9rem;
		padding: 0.72rem 1rem;
		border: 1px solid rgba(31, 43, 36, 0.12);
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.78);
		color: var(--max-ink);
		text-decoration: none;
	}

	.wp-block-query-pagination {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 0.65rem;
		align-items: center;
	}

	.wp-block-query-pagination-numbers {
		display: flex;
		flex-wrap: wrap;
		gap: 0.45rem;
	}

	.wp-block-query-pagination .page-numbers.current {
		background: var(--max-forest);
		border-color: var(--max-forest);
		color: var(--max-cream);
	}

	.max-home-hero-media,
	.max-page-hero-media,
	.max-story-media {
		padding: 0.8rem;
	}

	.max-home-hero-media img {
		min-height: 0;
		aspect-ratio: 4 / 4.4;
		object-position: center top;
	}

	.max-page-hero-media img {
		aspect-ratio: 4 / 4.8;
		object-position: center 18%;
	}

	.max-story-page .wp-block-post-featured-image img {
		max-height: 54vh;
		border-radius: 18px;
	}

	.max-home-bottom-card figure img {
		aspect-ratio: 4 / 3;
		object-fit: cover;
		object-position: center 28%;
		border-radius: 20px;
	}

	.max-stat-grid,
	.max-report-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.8rem !important;
	}

	.max-stat-grid > .wp-block-column,
	.max-report-grid > .wp-block-column {
		margin: 0 !important;
	}

	.max-post-card {
		padding: 0.9rem;
		gap: 0.75rem;
	}

	.max-post-card .wp-block-post-title,
	.max-post-card .wp-block-post-title a {
		font-family: Jost, sans-serif;
		font-size: clamp(1.2rem, 7vw, 1.55rem);
		line-height: 1.03;
		letter-spacing: -0.04em;
	}

	.max-post-card .wp-block-post-excerpt__excerpt {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		font-size: 0.95rem;
		line-height: 1.55;
	}

	.max-post-card img {
		aspect-ratio: 4 / 3;
		object-position: center 22%;
	}

	.max-meta-row,
	.max-tax-row,
	.max-tag-bar .wp-block-post-terms {
		display: flex;
		flex-wrap: wrap;
		gap: 0.42rem;
	}

	.max-meta-row .wp-block-post-date,
	.max-meta-row .wp-block-post-terms,
	.max-tag-bar .wp-block-post-terms {
		font-size: 0.8rem;
		line-height: 1.4;
	}

	.max-gallery-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 0.85rem !important;
	}

	.max-gallery-grid .wp-block-image,
	.max-gallery-grid .blocks-gallery-item {
		width: 100% !important;
		margin: 0 !important;
	}

	.max-gallery-grid img {
		aspect-ratio: 4 / 4.45;
		object-fit: cover;
		object-position: center 24%;
		border-radius: 18px;
	}

	.max-gallery-grid figcaption {
		margin-top: 0.42rem;
		font-size: 0.84rem;
		line-height: 1.45;
	}

	.max-footer {
		margin: 1.4rem auto 1.2rem;
	}

	.max-footer .wp-block-navigation {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 600px) {
	.wp-site-blocks {
		padding-left: 0.72rem;
		padding-right: 0.72rem;
	}

	.max-topbar {
		padding: 0.62rem 0.75rem;
		border-radius: 18px;
	}

	.max-topbar p {
		max-width: 28ch;
		font-size: 0.58rem;
		letter-spacing: 0.12em;
	}

	.max-site-header > .wp-block-group {
		padding: 0.72rem 0.78rem;
		padding-right: 4.3rem;
		border-radius: 20px;
	}

	.max-brand .wp-block-site-logo img {
		width: 50px;
		height: 50px;
		border-radius: 16px;
	}

	.max-brand .wp-block-site-title a {
		font-size: 1rem;
	}

	.max-brand-kicker {
		font-size: 0.58rem;
	}

	.max-nav {
		top: 0.72rem;
		right: 0.78rem;
	}

	.max-nav .wp-block-navigation__responsive-container-open {
		width: 2.7rem;
		height: 2.7rem;
	}

	.max-home-hero,
	.max-page-hero,
	.max-story-copy,
	.max-story-media,
	.max-story-body,
	.max-gallery-section,
	.max-home-bottom-card,
	.max-stat-card,
	.max-report-card,
	.max-footer,
	.max-footer-note {
		padding: 0.88rem;
		border-radius: 20px;
	}

	.max-home-title {
		max-width: 11ch;
		font-size: clamp(1.78rem, 9.4vw, 2.2rem);
	}

	.max-page-title,
	.max-display {
		max-width: 11ch;
		font-size: clamp(1.7rem, 8.4vw, 2.15rem);
	}

	.max-story-title {
		font-size: clamp(1.82rem, 8.4vw, 2.2rem);
	}

	.max-home-intro,
	.max-page-intro,
	.max-story-dek {
		font-size: 0.96rem;
	}

	.max-badge {
		font-size: 0.72rem;
	}

	.max-post-card .wp-block-post-title,
	.max-post-card .wp-block-post-title a {
		font-size: clamp(1.08rem, 6.3vw, 1.32rem);
	}

	.max-gallery-grid img,
	.max-home-bottom-card figure img,
	.max-post-card img {
		border-radius: 16px;
	}
}