:root {
	--aoi-brand-black: #11151b;
	--aoi-brand-deep: #05080e;
	--aoi-brand-panel: #111927;
	--aoi-brand-gold: #f2b93a;
	--aoi-brand-gold-dark: #8a5a00;
	--aoi-brand-text: #17191d;
	--aoi-brand-muted: #4a4f57;
	--aoi-brand-surface: #f7f5f0;
	--aoi-brand-line: #ded8cd;
}

/* Use the same charcoal-and-gold masthead found throughout the main website. */
.aoi-hub__hero,
.car-help-hero,
.dui-help-hero {
	color: #fff !important;
	background: radial-gradient(circle at 82% 18%, rgba(242,185,58,.13), transparent 29%), linear-gradient(145deg, var(--aoi-brand-panel), var(--aoi-brand-deep)) !important;
}

.aoi-hub__hero h1,
.car-help-hero h1,
.dui-help-hero h1,
.aoi-violent-crimes-help-center-page .car-help-hero h1 {
	color: #fff !important;
	font-family: var(--secondary-font), sans-serif !important;
	font-size: clamp(48px, 5.6vw, 86px) !important;
	font-weight: 400 !important;
	line-height: .94 !important;
	text-transform: uppercase !important;
}

.aoi-hub__hero > div > div > p,
.car-help-hero__lead,
.dui-help-hero__lead,
.aoi-hub__hero aside p,
.car-help-hero__panel p,
.dui-help-hero__panel p {
	color: rgba(255,255,255,.82) !important;
}

.aoi-hub__eyebrow,
.car-help-hero__kicker,
.dui-help-hero__kicker,
.car-help-hero__panel span,
.dui-help-hero__panel span {
	color: var(--aoi-brand-gold) !important;
}

.aoi-hub__hero aside,
.car-help-hero__panel,
.dui-help-hero__panel {
	border-top: 5px solid var(--aoi-brand-gold) !important;
	border-right: 1px solid rgba(255,255,255,.12) !important;
	border-bottom: 1px solid rgba(255,255,255,.12) !important;
	border-left: 1px solid rgba(255,255,255,.12) !important;
	border-radius: 0 !important;
	background: rgba(4,8,14,.72) !important;
}

.aoi-hub__hero aside strong,
.car-help-hero__panel strong,
.dui-help-hero__panel strong {
	color: #fff !important;
	font-family: var(--secondary-font), sans-serif !important;
	font-size: 34px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.aoi-hub__hero aside a,
.car-help-hero__panel a,
.dui-help-hero__panel a {
	color: var(--aoi-brand-gold) !important;
}

.aoi-hub__hero aside a,
.car-help-hero__button.btn,
.dui-help-hero__button.btn {
	background: var(--aoi-brand-gold) !important;
	color: #090b0e !important;
}

/* Match the light resource sections and typography used by the practice pages. */
.aoi-hub,
.car-help,
.dui-help {
	color: var(--aoi-brand-text) !important;
}

.aoi-hub__breadcrumb {
	background: #f2f0ec !important;
}

.aoi-hub__breadcrumb a,
.aoi-hub__jump a {
	color: var(--aoi-brand-text) !important;
}

.aoi-hub__body,
.car-help__resources,
.dui-help__resources {
	background: var(--aoi-brand-surface) !important;
}

.aoi-hub__jump {
	border-left-color: var(--aoi-brand-gold) !important;
	background: #fff !important;
}

.aoi-hub__section,
.aoi-hub__card,
.car-help__panel,
.car-help-card,
.dui-help-card {
	border-color: var(--aoi-brand-line) !important;
}

.aoi-hub__section h2,
.aoi-hub__practice-link h2,
.car-help__section-heading h2,
.dui-help__section-heading h2,
.car-help h2,
.dui-help h2 {
	font-family: var(--secondary-font), sans-serif !important;
	font-weight: 400 !important;
	line-height: .98 !important;
	text-transform: uppercase !important;
}

.aoi-hub__section h2,
.car-help__section-heading h2,
.dui-help__section-heading h2,
.car-help h2,
.dui-help h2 {
	color: var(--aoi-brand-black) !important;
}

.aoi-hub__section-heading p,
.car-help .criminal-home__kicker,
.dui-help .criminal-home__kicker {
	color: var(--aoi-brand-gold-dark) !important;
}

.aoi-hub__card,
.car-help-card,
.dui-help-card {
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: 0 15px 35px rgba(0,1,10,.06) !important;
}

.aoi-hub__card h3,
.car-help__panel-heading h3,
.car-help-card strong,
.dui-help-card strong {
	color: var(--aoi-brand-black) !important;
	font-family: var(--secondary-font), sans-serif !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.aoi-hub__card p,
.car-help__panel-heading p,
.car-help-card p,
.dui-help-card p,
.car-help__section-heading p:last-child,
.dui-help__section-heading p:last-child {
	color: var(--aoi-brand-muted) !important;
}

.aoi-hub__card span,
.car-help-card > span,
.dui-help-card__learn,
.dui-help-card__label {
	color: var(--aoi-brand-gold-dark) !important;
}

.car-help__tabs button[aria-selected=true] {
	border-color: var(--aoi-brand-gold) !important;
	background: var(--aoi-brand-gold) !important;
	color: #090b0e !important;
}

.aoi-hub__practice-link,
.car-help__contact,
.landing-contact.car-help__contact {
	border-radius: 0 !important;
	background: radial-gradient(circle at 12% 15%, rgba(242,185,58,.12), transparent 28%), linear-gradient(145deg, var(--aoi-brand-panel), var(--aoi-brand-deep)) !important;
}

.aoi-hub__practice-link > a {
	background: var(--aoi-brand-gold) !important;
	color: #090b0e !important;
}

/* Two-resource legacy centers use the same compact shell as the newer focused hubs. */
.aoi-wrongful-death-claims-help-center-page .car-help-hero,
.aoi-violent-crimes-help-center-page .car-help-hero {
	min-height: 0 !important;
	padding: clamp(44px, 5vw, 66px) 0 !important;
}

.aoi-wrongful-death-claims-help-center-page .car-help-hero__inner,
.aoi-violent-crimes-help-center-page .car-help-hero__inner {
	grid-template-columns: minmax(0, 850px) !important;
}

.aoi-wrongful-death-claims-help-center-page .car-help-hero__panel,
.aoi-violent-crimes-help-center-page .car-help-hero__panel {
	display: none !important;
}

@media (max-width: 719px) {
	.aoi-hub__hero h1,
	.car-help-hero h1,
	.dui-help-hero h1,
	.aoi-violent-crimes-help-center-page .car-help-hero h1 {
		font-size: clamp(42px, 12vw, 62px) !important;
	}
}