/* Shared dimensions and type scale for image heroes below desktop. */
@media (max-width: 1100px) {

	.catalog-hero,
	.pd-hero,
	.project-hero,
	.pj-hero,
	.quotation-hero,
	.about-hero,
	.contact-hero {
		height: 370px;
		background-size: cover;
	}

	body:not(.home) .site-main.alu-search-page {
		padding-top: 0;
	}

	.alu-search-page__header {
		display: flex;
		align-items: center;
		min-height: 370px;
		padding-top: 64px;
		box-sizing: border-box;
	}

	.catalog-hero h1,
	.pd-hero h1,
	.project-hero__copy h1,
	.pj-hero h1,
	.quotation-hero h1,
	.about-hero h1,
	.contact-hero h1,
	.alu-search-page__header h1,
	.alu-legal-page__header h1,
	.alu-error-page h1 {
		font-size: 40px;
		line-height: 1.25;
		letter-spacing: 0;
	}

	.catalog-breadcrumb,
	.pd-breadcrumb,
	.project-breadcrumb,
	.pj-hero nav,
	.quotation-breadcrumb,
	.about-breadcrumb,
	.contact-breadcrumb,
	.alu-legal-page__header nav {
		gap: 10px;
		margin-bottom: 16px;
		font-size: 14px;
		line-height: 1.5;
	}

	.catalog-hero__inner>div>p,
	.pd-hero p:not(.pd-hero__category),
	.project-hero__copy p,
	.pj-hero__inner>div,
	.quotation-hero__content>p,
	.about-hero__content>p,
	.contact-hero__content>p,
	.alu-search-page__header p:not(.alu-search-page__eyebrow),
	.alu-error-page__inner>p:not(.alu-error-page__code) {
		font-size: 15px;
		line-height: 1.65;
	}

	.catalog-hero__aside,
	.project-hero__aside,
	.quotation-hero__slogan,
	.about-hero__slogan,
	.contact-hero__slogan p {
		font-size: 18px;
		line-height: 1.7;
	}

	.contact-hero__slogan {
		margin: 0;
		padding: 17px 21px;
		border-left: 3px solid var(--alu-red);
		border-radius: 5px;
		background: rgba(0, 0, 0, .52);
		color: #fff;
		backdrop-filter: blur(3px);
	}

	.contact-hero__slogan p {
		color: #fff;
	}

	.contact-hero__slogan span {
		display: none;
	}
}

@media (max-width: 767px) {

	.catalog-hero__aside,
	.project-hero__aside,
	.quotation-hero__slogan,
	.about-hero__slogan,
	.contact-hero__slogan {
		display: none;
	}
}

@media (max-width: 620px) {

	.catalog-hero,
	.pd-hero,
	.project-hero,
	.pj-hero,
	.quotation-hero,
	.about-hero,
	.contact-hero {
		height: 395px;
	}

	.alu-search-page__header {
		min-height: 395px;
		padding-top: 62px;
	}

	.catalog-hero h1,
	.pd-hero h1,
	.project-hero__copy h1,
	.pj-hero h1,
	.quotation-hero h1,
	.about-hero h1,
	.contact-hero h1,
	.alu-search-page__header h1,
	.alu-legal-page__header h1,
	.alu-error-page h1 {
		font-size: 28px;
		line-height: 1.06;
	}

	.catalog-breadcrumb,
	.pd-breadcrumb,
	.project-breadcrumb,
	.pj-hero nav,
	.quotation-breadcrumb,
	.about-breadcrumb,
	.contact-breadcrumb,
	.alu-legal-page__header nav {
		margin-bottom: 14px;
		font-size: 12px;
	}

	.catalog-hero__inner>div>p,
	.pd-hero p:not(.pd-hero__category),
	.project-hero__copy p,
	.pj-hero__inner>div,
	.quotation-hero__content>p,
	.about-hero__content>p,
	.contact-hero__content>p,
	.alu-search-page__header p:not(.alu-search-page__eyebrow),
	.alu-error-page__inner>p:not(.alu-error-page__code) {
		font-size: 15px;
		line-height: 1.5;
	}

	.pd-hero__inner,
	.pj-hero__inner {
		padding-bottom: 52px;
	}

}

@media (max-width: 390px) {

	.catalog-hero h1,
	.pd-hero h1,
	.project-hero__copy h1,
	.pj-hero h1,
	.quotation-hero h1,
	.about-hero h1,
	.contact-hero h1,
	.alu-search-page__header h1,
	.alu-legal-page__header h1,
	.alu-error-page h1 {
		font-size: 26px;
	}
}