.inner-page {
	background: var(--paper)
}

.inner-page .nav-group--current>button {
	color: var(--gold)
}

.inner-page .dropdown .is-active {
	color: var(--gold)
}

.inner-page .dropdown--expertise {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 580px
}

.inner-hero {
	height: calc(100vh - 84px);
	min-height: 650px;
	position: relative;
	overflow: hidden;
	color: #fff;
	background: var(--navy)
}

.inner-hero__media,
.inner-hero__overlay {
	position: absolute;
	inset: 0
}

.inner-hero--about .inner-hero__media {
	background: url("images/corporate-consultation-v2.png") center/cover;
	animation: inner-hero-drift 14s ease-in-out infinite alternate
}

.inner-hero__overlay {
	background: linear-gradient(90deg, rgba(4, 19, 35, .98) 0%, rgba(5, 24, 43, .88) 43%, rgba(4, 20, 38, .18) 78%), linear-gradient(0deg, rgba(4, 18, 33, .65), transparent 48%)
}

@keyframes inner-hero-drift {
	to {
		transform: scale(1.055)
	}
}

.inner-hero__content {
	position: absolute;
	z-index: 1;
	left: 9vw;
	top: 49%;
	transform: translateY(-50%);
	max-width: 850px
}

.inner-hero__content>.eyebrow {
	color: #e3c98f
}

.inner-hero h1,
.inner-page .section h2,
.firm-story h2,
.firm-approach h2,
.inner-consultation h2 {
	font: 500 clamp(48px, 5vw, 88px)/.95 "Playfair Display", Georgia, serif;
	letter-spacing: -.052em;
	margin: 28px 0
}

.inner-hero h1 em,
.inner-page .section h2 em,
.firm-story h2 em,
.firm-approach h2 em,
.inner-consultation h2 em {
	display: block;
	color: #d3ad68;
	font-style: italic
}

.inner-hero__content>p:not(.eyebrow) {
	max-width: 560px;
	color: #d4dee7;
	font-size: 17px;
	line-height: 1.7
}

.inner-hero__foot {
	position: absolute;
	z-index: 1;
	left: 9vw;
	right: 5vw;
	bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #c9d2db;
	font: 10px "DM Mono";
	letter-spacing: .08em;
	text-transform: uppercase
}

.inner-hero__foot p {
	display: flex;
	align-items: center;
	gap: 12px
}

.inner-hero__foot span {
	display: inline-block;
	width: 24px;
	height: 1px;
	background: var(--gold)
}

.inner-hero__foot strong {
	color: #e3c98f;
	font-weight: 500
}

.inner-intro__layout {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 8vw;
	margin-top: 40px
}

.inner-intro__layout h2 {
	margin: 0
}

.inner-intro__copy .large-copy {
	font: 500 25px/1.45 "Playfair Display", Georgia, serif;
	color: var(--ink);
	margin-top: 0
}

.inner-intro__copy p:not(.large-copy) {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.8
}

.firm-numbers {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 0 9vw 120px;
	background: var(--paper)
}

.firm-numbers article {
	padding: 30px 24px;
	border-top: 1px solid var(--line);
	border-right: 1px solid var(--line)
}

.firm-numbers article:last-child {
	border-right: 0
}

.firm-numbers span {
	display: block;
	color: var(--gold);
	font: 500 clamp(34px, 3.4vw, 53px)/1 "Playfair Display", Georgia, serif
}

.firm-numbers p {
	margin: 11px 0 0;
	color: var(--muted);
	font: 500 13px/1.4 "DM Mono", monospace;
	letter-spacing: .08em;
	text-transform: uppercase
}

.firm-story {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	padding-top: 0 !important;
	background: #fff
}

.firm-story__image {
	min-height: 690px;
	background: url("images/hero2.jpg") center/cover
}

.firm-story__copy {
	padding: 90px 7vw;
	background: #fff;
	align-self: center
}

.firm-story__copy>.eyebrow {
	color: var(--gold)
}

.firm-story h2 {
	font-size: clamp(43px, 4.7vw, 70px)
}

.firm-story__copy>p:not(.eyebrow) {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.8
}

.firm-story blockquote {
	margin: 40px 0 0;
	padding: 25px 0 0;
	border-top: 1px solid var(--gold);
	font: italic 500 27px/1.45 "Playfair Display", Georgia, serif;
	color: var(--ink)
}

.inner-heading {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 7vw;
	margin: 38px 0 65px
}

.inner-heading h2 {
	margin: 0
}

.inner-heading>p {
	max-width: 450px;
	color: var(--muted);
	line-height: 1.75
}

.value-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background: rgba(12, 39, 69, .14);
	gap: 1px
}

.value-grid article {
	position: relative;
	min-height: 360px;
	padding: 35px;
	background: #fff;
	overflow: hidden;
	transition: .35s
}

.value-grid article:hover {
	background: var(--ink);
	color: #fff;
	transform: translateY(-7px)
}

.value-grid img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	margin-bottom: 60px
}

.value-grid small {
	position: absolute;
	right: 28px;
	top: 28px;
	color: var(--gold);
	font: 16px "DM Mono"
}

.value-grid h3 {
	font: 500 30px/1.1 "Playfair Display", Georgia, serif;
	margin: 0 0 15px
}

.value-grid p {
	max-width: 310px;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.7
}

.value-grid article:hover p {
	color: #cad5de
}

.firm-approach {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 760px;
	background: var(--navy);
	color: #fff
}

.firm-approach__copy {
	padding: 110px 7vw 100px 9vw;
	align-self: center
}

.firm-approach__copy>.eyebrow {
	color: #e3c98f
}

.firm-approach h2 {
	font-size: clamp(43px, 4.7vw, 70px)
}

.firm-approach__copy>p:not(.eyebrow) {
	max-width: 540px;
	color: #cbd6df;
	line-height: 1.75
}

.firm-approach__image {
	background: linear-gradient(0deg, rgba(4, 18, 34, .3), transparent 55%), url("images/hero-court.png") center/cover
}

.approach-list {
	margin-top: 45px;
	border-top: 1px solid rgba(255, 255, 255, .2)
}

.approach-list article {
	display: grid;
	grid-template-columns: 45px 1fr;
	gap: 15px;
	padding: 22px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.approach-list b {
	color: #d7b66e;
	font: 10px "DM Mono"
}

.approach-list h3 {
	font: 500 25px/1 "Playfair Display", Georgia, serif;
	margin: 0
}

.approach-list p {
	margin: 8px 0 0;
	color: #b9c7d2;
	font-size: 13px;
	line-height: 1.55
}

.representation__layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8vw;
	margin-top: 40px
}

.representation__layout h2 {
	margin: 0
}

.representation__layout>div>p {
	color: var(--muted);
	line-height: 1.75
}

.representation ul {
	list-style: none;
	margin: 35px 0 0;
	padding: 0;
	border-top: 1px solid var(--line)
}

.representation li {
	position: relative;
	padding: 17px 0 17px 24px;
	border-bottom: 1px solid var(--line);
	font: 500 19px/1.3 "Playfair Display", Georgia, serif
}

.representation li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 25px;
	width: 8px;
	height: 8px;
	border: 1px solid var(--gold);
	transform: rotate(45deg)
}

.inner-consultation {
	position: relative;
	min-height: 680px;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #fff;
	background: var(--navy)
}

.inner-consultation__media {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(4, 21, 39, .98) 3%, rgba(4, 21, 39, .87) 40%, rgba(4, 21, 39, .15) 78%), url("images/practice-scenes-v2.png");
	background-size: cover, 300% 200%;
	background-position: center, 50% 0
}

.inner-consultation__content {
	position: relative;
	z-index: 1;
	margin-left: 9vw;
	max-width: 760px
}

.inner-consultation__content>.eyebrow {
	color: #e0c58f
}

.inner-consultation h2 {
	font-size: clamp(46px, 5.3vw, 79px)
}

.inner-consultation__content>p:not(.eyebrow) {
	max-width: 500px;
	color: #d1dce5;
	line-height: 1.7
}

.inner-consultation__content>div {
	display: flex;
	gap: 28px;
	align-items: center;
	margin-top: 34px
}

@media(max-width:1000px) {
	.inner-page .dropdown--expertise {
		width: 500px
	}

	.inner-hero__content {
		left: 7vw
	}

	.firm-numbers {
		padding-left: 7vw;
		padding-right: 7vw
	}

	.firm-story__copy {
		padding-left: 6vw;
		padding-right: 6vw
	}

	.firm-approach__copy {
		padding-left: 7vw
	}

	.inner-consultation__content {
		margin-left: 7vw
	}
}

@media(max-width:760px) {
	.inner-page .dropdown--expertise {
		display: none;
		width: 100%;
		grid-template-columns: 1fr
	}

	.inner-page .nav-group.is-open .dropdown--expertise {
		display: grid
	}

	.inner-hero {
		height: 720px;
		min-height: 0
	}

	.inner-hero__content {
		left: 7vw;
		right: 7vw;
		top: 45%
	}

	.inner-hero h1 {
		font-size: 54px
	}

	.inner-hero__content>p:not(.eyebrow) {
		font-size: 15px
	}

	.inner-hero__foot {
		left: 7vw;
		right: 7vw
	}

	.inner-hero__foot p span,
	.inner-hero__foot strong {
		display: none
	}

	.inner-intro__layout,
	.firm-story,
	.firm-approach,
	.representation__layout {
		grid-template-columns: 1fr
	}

	.firm-numbers {
		grid-template-columns: 1fr 1fr;
		padding-bottom: 75px
	}

	.firm-numbers article:nth-child(2) {
		border-right: 0
	}

	.firm-story__image,
	.firm-approach__image {
		min-height: 390px
	}

	.firm-story__copy {
		padding: 70px 7vw
	}

	.inner-heading {
		display: block;
		margin-bottom: 42px
	}

	.inner-heading>p {
		margin-top: 25px
	}

	.value-grid {
		grid-template-columns: 1fr
	}

	.value-grid article {
		min-height: 300px
	}

	.value-grid img {
		margin-bottom: 35px
	}

	.firm-approach__copy {
		padding: 75px 7vw
	}

	.representation__layout {
		gap: 30px
	}

	.inner-consultation {
		min-height: 650px
	}

	.inner-consultation__content {
		margin: 0 7vw
	}

	.inner-consultation__content>div {
		align-items: flex-start;
		flex-direction: column
	}

	.inner-page .footer-top {
		grid-template-columns: 1fr
	}
}

@media(max-width:460px) {
	.inner-hero h1 {
		font-size: 46px
	}

	.firm-numbers {
		grid-template-columns: 1fr
	}

	.firm-numbers article {
		border-right: 0
	}

	.inner-page .section h2,
	.firm-story h2,
	.firm-approach h2,
	.inner-consultation h2 {
		font-size: 43px
	}
}

/* Compact About-page family */
.inner-page .inner-hero {
	height: 510px;
	min-height: 0
}

.inner-page .inner-hero--about .inner-hero__media {
	background-image: url("images/hero2.jpg");
	background-position: center 52%
}

.inner-page .inner-hero--vision .inner-hero__media {
	background: url("images/justice-scale.png") center 45%/cover
}

.inner-page .inner-hero--why .inner-hero__media {
	background: url("images/hero-court.png") center 40%/cover
}

.inner-page .firm-numbers {
	padding-bottom: 70px
}

.inner-page .firm-story__image {
	min-height: 500px;
	background-image: url("images/corporate-consultation-v2.png");
	background-position: 68% center;
	background-size: cover
}

.inner-page .value-grid article {
	min-height: 300px;
	padding: 32px
}

.about-legal-page .firm-approach,
.about-legal-page .representation {
	display: none
}

.about-legal-page .firm-values {
	padding-top: 85px;
	padding-bottom: 85px
}

.inner-page .inner-consultation {
	min-height: 450px
}

.inner-page .inner-consultation__media {
	background-image: linear-gradient(90deg, rgba(4, 21, 39, .98) 3%, rgba(4, 21, 39, .87) 40%, rgba(4, 21, 39, .15) 78%), url("images/corporate-consultation-v2.png");
	background-size: cover;
	background-position: center
}

.compact-page {
	padding-top: 80px;
	padding-bottom: 85px
}

.compact-page__intro {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 8vw;
	margin: 36px 0 50px
}

.compact-page__intro h2 {
	margin: 0
}

.compact-page__intro>p {
	color: var(--muted);
	line-height: 1.75;
	margin-top: 8px
}

.compact-value-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-top: 1px solid var(--line)
}

.compact-value-grid article {
	padding: 27px 24px;
	border-right: 1px solid var(--line)
}

.compact-value-grid article:last-child {
	border-right: 0
}

.compact-value-grid span {
	color: var(--gold);
	font: 16px "DM Mono"
}

.compact-value-grid h3 {
	font: 500 28px/1.1 "Playfair Display", Georgia, serif;
	margin: 32px 0 12px
}

.compact-value-grid p {
	color: var(--muted);
	font-size: 16px;
	line-height: 1.65
}

.short-about-page .inner-hero {
	height: 430px
}

.short-about-page .inner-hero h1 {
	font-size: clamp(43px, 5vw, 70px)
}

.inner-page .compact-consultation {
	min-height: 390px
}

.compact-consultation h2 {
	font-size: clamp(40px, 4.4vw, 65px);
	margin: 22px 0
}

@media(max-width:760px) {

	.inner-page .inner-hero,
	.short-about-page .inner-hero {
		height: 530px
	} 

	.inner-page .inner-consultation,
	.inner-page .compact-consultation {
		min-height: 440px
	}

	.compact-page__intro {
		grid-template-columns: 1fr;
		gap: 20px
	}

	.compact-value-grid {
		grid-template-columns: 1fr 1fr
	}

	.compact-value-grid article:nth-child(2) {
		border-right: 0
	}
}

@media(max-width:460px) {
	.inner-page .inner-hero h1 {
		font-size: 43px
	}

	.compact-value-grid {
		grid-template-columns: 1fr
	}

	.compact-value-grid article {
		border-right: 0;
		border-bottom: 1px solid var(--line)
	}
}