/* Homepage additions: business areas, Decathlon section, enquiry routes */

/* Intro */

	.intro-eyebrow {
		font-size: 0.7em;
		font-weight: bold;
		letter-spacing: 0.35em;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.7);
		margin-bottom: 1em;
	}

	.business-areas {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.5em;
		margin: 0 0 2em 0;
	}

		.business-area {
			display: block;
			padding: 1.5em 1.75em 0.5em 1.75em;
			border: solid 1px rgba(255, 255, 255, 0.15);
			border-radius: 0.25em;
			background: rgba(255, 255, 255, 0.05);
			color: inherit;
			border-bottom: solid 1px rgba(255, 255, 255, 0.15);
			transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		}

			.business-area:hover {
				background: rgba(255, 255, 255, 0.1);
				border-color: rgba(255, 255, 255, 0.35);
				color: inherit;
			}

			.business-area h3 {
				font-size: 1em;
				margin-bottom: 0.75em;
			}

				.business-area h3 .icon {
					margin-right: 0.5em;
				}

			.business-area ul {
				font-size: 0.85em;
				margin-bottom: 1em;
			}

		@media screen and (max-width: 736px) {
			.business-areas {
				grid-template-columns: 1fr;
			}
		}

/* Decathlon section */

	.wrapper.style-decathlon {
		background: radial-gradient(ellipse at 70% 30%, #3a46c4 0%, #2a2f9a 45%, #171a5e 100%);
	}

		.wrapper.style-decathlon .icon.major:before {
			color: #3643ba;
		}

	.decathlon-badge {
		display: inline-block;
		margin: 0 0 2em 0;
	}

		.decathlon-badge img {
			display: block;
			height: 2.6em;
			width: auto;
			max-width: 100%;
		}

		.decathlon-badge span {
			display: block;
			margin-top: 0.6em;
			font-size: 0.7em;
			font-weight: bold;
			letter-spacing: 0.35em;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.85);
		}

	.fine-print {
		font-size: 0.75em;
		color: rgba(255, 255, 255, 0.55);
	}

/* Button with Decathlon logo */

	.button.decathlon-button {
		display: inline-flex;
		align-items: center;
		gap: 0.9em;
		background-color: #3643ba;
		box-shadow: none;
	}

		.button.decathlon-button:hover {
			background-color: #4552d0;
		}

		.button.decathlon-button img {
			height: 1.6em;
			width: auto;
			display: block;
		}

		@media screen and (max-width: 736px) {
			.button.decathlon-button {
				justify-content: center;
				white-space: normal;
				height: auto;
				min-height: calc(4.75em + 2px);
				line-height: 1.4;
				padding: 0.75em 1.75em;
			}
		}

/* Contact: enquiry routes */

	.enquiry-routes {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.5em;
		margin: 0 0 2.5em 0;
	}

		.enquiry-routes section {
			padding: 1.75em 1.75em 0.25em 1.75em;
			border: solid 1px rgba(255, 255, 255, 0.15);
			border-radius: 0.25em;
			background: rgba(255, 255, 255, 0.05);
		}

			.enquiry-routes ul:not(.actions) {
				font-size: 0.9em;
			}

		@media screen and (max-width: 980px) {
			.enquiry-routes {
				grid-template-columns: 1fr;
			}
		}

/* Long button labels in the new sections wrap on small screens */

	@media screen and (max-width: 736px) {
		#b2b .actions .button,
		#decathlon .actions .button,
		.enquiry-routes .actions .button {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			white-space: normal;
			height: auto;
			min-height: calc(4.75em + 2px);
			line-height: 1.6;
			padding: 0.75em 2em;
		}
	}