/* Hero Slider
---------------------------------------------------------------------------- */

.hero {
	position: relative;
}

.hero__slide {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	padding-block: 8rem;
	position: relative;
}

@media (min-width: 768px) {
	.hero__slide {
		aspect-ratio: 16 / 9;
	}
}

.hero__media img {
	object-fit: cover;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.hero__overlay {
	background-image: linear-gradient( 90deg, rgb(0 0 0 / 75%) 0%, rgba(0 0 0 / 0%) 100%);
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero__content {
	color: #fff;
	max-width: 900px;
	position: relative;
	z-index: 2;
}

.hero__title {
	font-size: 4.4rem;
	font-weight: 400;
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.hero__title {
		font-size: 7rem;
	}
}

.hero__text {
	font-size: 2.4rem;
	line-height: 1.25;
	max-width: 800px;
}

@media (min-width: 768px) {
	.hero__text {
		font-size: 3rem;
	}
}

.hero__button {
	margin-top: 30px;
}

.hero__button a {
	border-color: #fff;
	color: #fff;
}

/* slider variation */
.hero--slider .container {
	max-width: 1440px;
}



/* Practice Areas Layout
---------------------------------------------------------------------------- */

.layout-practice-areas {
	background: url(../images/bg-light-gray-stripes.png) repeat 0 0;
	padding-block: 5.5rem;
}

.layout-practice-areas__header {
	margin: 0 auto 4.5rem;
	max-width: 90rem;
	text-align: center;
}

.layout-practice-areas__header h2 {
	color: #cc3732;
}

.layout-practice-areas__header p {
	font-size: 2.4rem;
	line-height: 3rem;
}

.layout-practice-areas__grid {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	column-gap: 80px;
}

@media (min-width: 768px) {
	.layout-practice-areas__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1280px) {
	.layout-practice-areas__grid {
		column-gap: 200px;
	}
}

.layout-practice-areas__card {
	margin-bottom: 16px;
}

.layout-practice-areas__card h3 {
	color: #000;
	font-family: "futura-pt-bold";
	margin-bottom: 8px;
}

.layout-practice-areas__card ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.layout-practice-areas__card a {
	color: #cc3732;
	font-size: 2rem;
}



/* Media with Text Layout
---------------------------------------------------------------------------- */

.layout-media-text {
	background-color: #cc3732;
	padding-block: 4rem;
}

.layout-media-text__content {
	display: flex;
	flex-direction: column;
	gap: 32px 100px;
	margin-inline: auto;
	max-width: 1070px;
}

@media (min-width: 768px) {
	.layout-media-text__content {
		flex-direction: row;
		align-items: center;
	}
}

.layout-media-text__media {
	margin: 0;
	flex: 1 0 130px;
	max-width: 130px;
}

.layout-media-text__text {
	color: #fff;
	font-family: "futura-pt-bold";
	font-size: 2.4rem;
	line-height: 3rem;
}

.layout-media-text__text a {
	color: #fff;
	text-decoration: underline;
}

.layout-media-text__text a:hover {
	color: #000;
}