@media (min-width: 390px) {
	:root {
		--container-padding: 18px;
	}

	h1 {
		font-size: 46px;
	}
}

@media (min-width: 768px) {
	:root {
		--container-padding: 24px;
	}

	.header-inner {
		min-height: 74px;
	}

	.hero-section {
		padding: 48px 0 34px;
	}

	.hero-grid {
		grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
		align-items: center;
		gap: 32px;
	}

	h1 {
		font-size: 56px;
	}

	h2 {
		font-size: 34px;
	}

	.home-section,
	.listing-head,
	.listing-content,
	.fullstory-speedbar,
	.profile-page,
	.static-page {
		padding-top: 48px;
	}

	.fullstory-speedbar {
		padding-top: 24px;
	}

	.profiles-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 18px;
	}

	.profile-title {
		font-size: 17px;
	}

	.cta-band {
		grid-template-columns: 1fr auto;
		align-items: center;
		padding: 30px;
	}

	.category-pills,
	.city-links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.profile-hero {
		grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
		align-items: start;
		gap: 34px;
	}

	.profile-summary h1 {
		font-size: 48px;
	}

	.profile-summary-content {
		max-height: clamp(360px, 52vw, 690px);
		overflow: auto;
		padding: 2px 18px 2px 0;
		scrollbar-width: thin;
		scrollbar-color: var(--color-primary-soft) transparent;
	}

	.profile-summary-content::-webkit-scrollbar {
		width: 8px;
	}

	.profile-summary-content::-webkit-scrollbar-thumb {
		border-radius: var(--radius-pill);
		background: var(--color-primary-soft);
	}

	.footer-grid {
		grid-template-columns: minmax(0, 1fr) minmax(260px, 0.55fr);
		align-items: start;
	}
}

@media (min-width: 1024px) {
	.hero-section {
		padding: 64px 0 46px;
	}

	.hero-grid {
		gap: 46px;
	}

	h1 {
		font-size: 68px;
	}

	.profiles-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 20px;
	}

	.category-pills,
	.city-links {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.profile-page {
		gap: 40px;
	}
}

@media (min-width: 1280px) {
	.profiles-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.related-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.category-pills,
	.city-links {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (max-width: 430px) {
	.brand-name {
		font-size: 16px;
	}

	.header-actions {
		gap: 4px;
	}

	.header-login {
		padding-inline: 8px;
		font-size: 14px;
	}

	.btn-small {
		padding-inline: 10px;
	}

	.btn-small span:last-child {
		max-width: 86px;
	}
}

@media (max-width: 374px) {
	:root {
		--container-padding: 14px;
	}

	.brand-name {
		max-width: 86px;
	}

	.header-login {
		display: none;
	}

	h1 {
		font-size: 38px;
	}

	.profile-title {
		font-size: 15px;
	}

	.profile-place,
	.profile-more {
		font-size: 13px;
	}
}