/**
 * Schema von Rüden — special-page adapters
 * Blog 47, Kontakt 63, Team 20517, Jobs 30074,
 * Datenschutz 21385 and Impressum 17379.
 */

:is(
  body.blog,
  body.page-id-63,
  body.page-id-20517,
  body.page-id-30074,
  body.page-id-21385,
  body.page-id-17379
) {
  min-width: 0;
  overflow-x: clip;
  background: var(--vre-paper);
  color: var(--vre-body);
  font-family: var(--vre-body-font);
  font-size: 16px;
  line-height: 1.65;
}

:is(
  body.blog,
  body.page-id-63,
  body.page-id-20517,
  body.page-id-30074,
  body.page-id-21385,
  body.page-id-17379
) *,
:is(
  body.blog,
  body.page-id-63,
  body.page-id-20517,
  body.page-id-30074,
  body.page-id-21385,
  body.page-id-17379
) *::before,
:is(
  body.blog,
  body.page-id-63,
  body.page-id-20517,
  body.page-id-30074,
  body.page-id-21385,
  body.page-id-17379
) *::after {
  box-sizing: border-box;
}

:is(
  body.blog,
  body.page-id-63,
  body.page-id-20517,
  body.page-id-30074,
  body.page-id-21385,
  body.page-id-17379
) :where(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid var(--vre-lime);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--vre-navy);
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
  :where(header#masthead, .site-header, .top-banner) {
  border-bottom: 1px solid rgb(255 255 255 / 16%);
  background: var(--vre-navy);
  background-image: none;
  color: var(--vre-white);
  box-shadow: none;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
  :where(.navbar, .site-header > .container, .site-header > .container-fluid) {
  min-height: 73px;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
  :where(.nav-contact-bar .btn, .btn-nav-contact) {
  border: 2px solid var(--vre-lime);
  border-radius: 0 !important;
  background: var(--vre-lime);
  color: var(--vre-navy);
  box-shadow: none;
  font-family: var(--vre-body-font);
  font-weight: 800;
}

/* Team index. */
body.page-id-20517 .team-page {
  overflow-x: clip;
  background: var(--vre-paper);
  color: var(--vre-body);
  font-family: var(--vre-body-font);
}

body.page-id-20517 .team-page :where(.container, .container-fluid) {
  width: min(calc(100% - 24px), var(--vre-shell));
  max-width: var(--vre-shell);
  margin-inline: auto;
  padding-inline: 0;
}

body.page-id-20517 .team-page .team-hero {
  padding-block: 48px;
  overflow: hidden;
  background: var(--vre-navy);
  background-image: none;
  color: var(--vre-paper-soft);
}

body.page-id-20517 .team-page .team-hero::before,
body.page-id-20517 .team-page .team-hero::after {
  display: none;
  content: none;
}

body.page-id-20517 .team-page .team-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  align-items: end;
}

body.page-id-20517 .team-page .team-hero h1 {
  max-width: 635px;
  margin: 0 0 22px;
  color: var(--vre-paper-soft);
  font-family: var(--vre-display) !important;
  font-size: var(--vre-h1-size);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body.page-id-20517 .team-page :where(.team-eyebrow, .team-hero-aside-label) {
  color: var(--vre-sage);
  font-family: var(--vre-body-font);
  font-size: 0.722rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body.page-id-20517 .team-page .team-hero-copy {
  max-width: 690px;
  color: rgb(243 239 231 / 82%);
  font-size: clamp(1rem, 1.55vw, 1.235rem);
  line-height: 1.62;
}

body.page-id-20517 .team-page .team-hero-aside {
  border-left: 1px solid rgb(243 239 231 / 28%);
  padding-left: 24px;
}

body.page-id-20517 .team-page :where(.team-list-section, .team-principles, .team-cta) {
  padding-block: 48px;
}

body.page-id-20517 .team-page .team-principles {
  background: var(--vre-paper-soft);
}

body.page-id-20517 .team-page :where(h2, h3) {
  color: var(--vre-ink);
  font-family: var(--vre-display) !important;
  font-weight: 400;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body.page-id-20517 .team-page h2 {
  font-size: var(--vre-h2-size);
  line-height: 1.04;
}

body.page-id-20517 .team-page h3 {
  font-size: clamp(1.341rem, 2.32vw, 1.853rem);
  line-height: 1.18;
}

body.page-id-20517 .team-page :where(.team-card, .team-principle, .team-card-desk) {
  border-radius: 0 !important;
  box-shadow: none;
  transform: none;
}

body.page-id-20517 .team-page .team-card {
  border: 1px solid rgb(16 35 46 / 18%);
  background: var(--vre-white);
}

body.page-id-20517 .team-page .team-card:hover {
  border-color: rgb(16 35 46 / 34%);
  box-shadow: none;
  transform: none;
}

body.page-id-20517 .team-page .team-principle {
  border: 1px solid rgb(16 35 46 / 18%);
  background: var(--vre-white);
}

body.page-id-20517 .team-page :where(.team-card-image, .team-card-image img) {
  border-radius: 0 !important;
}

/* Blog/archive. Keep the dynamic loop and only retheme existing components. */
body.blog {
  --vrj-deep: var(--vre-navy);
  --vrj-navy: var(--vre-navy-soft);
  --vrj-ink: var(--vre-ink);
  --vrj-muted: color-mix(in srgb, var(--vre-body) 76%, var(--vre-white));
  --vrj-paper: var(--vre-paper);
  --vrj-line: rgb(16 35 46 / 18%);
  --vrj-lime: var(--vre-lime);
}

body.blog :where(.vrj-shell, .vrj-wrap, .vrj-container) {
  width: min(calc(100% - 24px), var(--vre-shell));
  max-width: var(--vre-shell);
  margin-inline: auto;
}

body.blog .vrj-hero {
  padding-block: 48px;
  overflow: hidden;
  background: var(--vre-navy);
  background-image: none;
  color: var(--vre-paper-soft);
}

body.blog :where(
  .vrj-hero::before,
  .vrj-hero::after,
  .vrj-hero-card::before,
  .vrj-hero-card::after,
  .vrj-hero-card__art::before,
  .vrj-hero-card__art::after
) {
  display: none;
  content: none;
}

body.blog .vrj-hero h1 {
  max-width: 635px;
  color: var(--vre-paper-soft);
  font-family: var(--vre-display) !important;
  font-size: var(--vre-h1-size);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.025em;
}

body.blog :where(.vrj-hero h2, .vrj-main h2, .vrj-section h2) {
  color: var(--vre-ink);
  font-family: var(--vre-display) !important;
  font-size: var(--vre-h2-size);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -0.025em;
}

body.blog :where(.vrj-card h3, .vrj-post-card h3, .vrj-hero-card h3, .vrj-weekly h3) {
  font-family: var(--vre-display) !important;
  font-size: clamp(1.341rem, 2.32vw, 1.853rem);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -0.025em;
}

body.blog :where(
  .vrj-hero-card,
  .vrj-card,
  .vrj-post-card,
  .vrj-feature-card,
  .vrj-filter,
  .vrj-pagination a,
  .vrj-pagination span,
  .vrj-button,
  .vrj-btn
) {
  border-radius: 0 !important;
  box-shadow: none;
  transform: none;
}

body.blog :where(.vrj-card, .vrj-post-card, .vrj-feature-card) {
  border: 1px solid rgb(16 35 46 / 18%);
  background: var(--vre-white);
}

body.blog :where(.vrj-card:hover, .vrj-post-card:hover, .vrj-feature-card:hover) {
  border-color: rgb(16 35 46 / 34%);
  box-shadow: none;
  transform: none;
}

body.blog :where(.vrj-button--primary, .vrj-btn--primary, .vrj-pagination .current) {
  border: 2px solid var(--vre-lime);
  background: var(--vre-lime);
  color: var(--vre-navy);
  font-weight: 800;
}

body.blog :where(.vrj-button--secondary, .vrj-btn--secondary) {
  border: 2px solid var(--vre-paper-soft);
  background: transparent;
  color: var(--vre-paper-soft);
}

body.blog :where(.vrj-main, .vrj-section, .vrj-index, .vrj-weekly) {
  padding-block: 48px;
}

/* Compact contact archetype. */
body.page-id-63.vrk-quick-contact {
  --vrk-navy: var(--vre-navy);
  --vrk-navy-dark: var(--vre-navy);
  --vrk-lime: var(--vre-lime);
  --vrk-green: color-mix(in srgb, var(--vre-sage) 72%, var(--vre-navy));
  --vrk-white: var(--vre-white);
  --vrk-bg: var(--vre-navy-soft);
  --vrk-text: var(--vre-body);
  --vrk-muted: color-mix(in srgb, var(--vre-body) 76%, var(--vre-white));
  --vrk-border: rgb(16 35 46 / 18%);
  background: var(--vre-navy-soft);
  font-family: var(--vre-body-font);
  font-size: 16px;
}

body.page-id-63 .vrk-quick-shell {
  width: min(calc(100% - 24px), var(--vre-shell));
  max-width: var(--vre-shell);
  margin-inline: auto;
}

body.page-id-63 :where(.vrk-quick-header, .vrk-quick-main) {
  background: var(--vre-navy);
  background-image: none;
}

body.page-id-63 .vrk-quick-header__inner {
  min-height: 73px;
}

body.page-id-63 .vrk-quick-header__phone {
  min-height: 44px;
  border: 2px solid var(--vre-lime);
  border-radius: 0 !important;
  background: var(--vre-lime);
  color: var(--vre-navy) !important;
  font-weight: 800;
}

body.page-id-63 .vrk-quick-main {
  padding-block: 48px;
  background: var(--vre-navy-soft);
  color: var(--vre-paper-soft);
}

body.page-id-63 .vrk-quick-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}

body.page-id-63 .vrk-quick-eyebrow {
  color: var(--vre-sage);
  font-size: 0.722rem;
  font-weight: 800;
  letter-spacing: 0.13em;
}

body.page-id-63 .vrk-quick-intro h1 {
  max-width: 635px;
  color: var(--vre-paper-soft);
  font-family: var(--vre-display) !important;
  font-size: var(--vre-h1-size);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.025em;
}

body.page-id-63 .vrk-quick-lead {
  color: rgb(243 239 231 / 82%);
  font-size: clamp(1rem, 1.55vw, 1.235rem);
  line-height: 1.62;
}

body.page-id-63 :where(.vrk-quick-direct a, .vrk-quick-appointment, .vrk-quick-urgent) {
  border: 1px solid rgb(243 239 231 / 32%);
  border-left: 4px solid var(--vre-sage);
  border-radius: 0 !important;
  background: transparent;
  color: var(--vre-paper-soft);
  box-shadow: none;
}

body.page-id-63 .vrk-quick-address {
  color: rgb(243 239 231 / 72%);
}

body.page-id-63 .vrk-quick-form {
  padding: 28px;
  border: 0;
  border-radius: 0 !important;
  background: var(--vre-white);
  color: var(--vre-body);
  box-shadow: 0 18px 44px rgb(6 27 44 / 14%);
}

body.page-id-63 .vrk-quick-form :where(h2, h3) {
  color: var(--vre-ink);
  font-family: var(--vre-display) !important;
  font-weight: 400;
  letter-spacing: -0.025em;
}

body.page-id-63 .vrk-quick-form :where(input, textarea, select) {
  min-height: 44px;
  border: 1px solid rgb(16 35 46 / 35%) !important;
  border-radius: 0 !important;
  background: var(--vre-white) !important;
  color: var(--vre-ink);
  font: 400 1rem/1.4 var(--vre-body-font);
}

body.page-id-63 .vrk-quick-form :where(button, input[type="submit"]) {
  min-height: 49px;
  border: 2px solid var(--vre-lime) !important;
  border-radius: 0 !important;
  background: var(--vre-lime) !important;
  color: var(--vre-navy) !important;
  font-family: var(--vre-body-font);
  font-weight: 800;
  box-shadow: none !important;
}

body.page-id-63 .vrk-mobile-contact-bar {
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  height: 49px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: var(--vre-navy);
}

body.page-id-63 .vrk-mobile-contact-bar a {
  display: grid;
  min-height: 49px;
  place-items: center;
  border-right: 1px solid rgb(255 255 255 / 16%);
  border-radius: 0;
  background: var(--vre-navy);
  color: var(--vre-white);
}

body.page-id-63 .vrk-mobile-contact-bar a:first-child {
  background: var(--vre-lime);
  color: var(--vre-navy);
}

/* Jobs and legal utility pages: retain their real Gutenberg content. */
:is(body.page-id-30074, body.page-id-21385, body.page-id-17379) .container.pt-5.pb-5 {
  width: min(calc(100% - 24px), var(--vre-shell));
  max-width: var(--vre-shell);
  margin-inline: auto;
  padding: 48px 0 !important;
}

:is(body.page-id-30074, body.page-id-21385, body.page-id-17379) #mainTemplate {
  min-width: 0;
  color: var(--vre-body);
  font-family: var(--vre-body-font);
  font-size: 1rem;
  line-height: 1.65;
}

:is(body.page-id-30074, body.page-id-21385, body.page-id-17379) #mainTemplate > h1:first-child {
  margin: 0 0 38px;
  color: var(--vre-ink);
  font-family: var(--vre-display) !important;
  font-size: var(--vre-h1-size);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

:is(body.page-id-30074, body.page-id-21385, body.page-id-17379) #mainTemplate :where(h2, h3) {
  color: var(--vre-ink);
  font-family: var(--vre-display) !important;
  font-weight: 400;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body.page-id-30074 #mainTemplate h2 {
  margin: 48px 0 20px;
  font-size: var(--vre-h2-size);
  line-height: 1.04;
}

:is(body.page-id-21385, body.page-id-17379) #mainTemplate {
  width: 100%;
  max-width: 832px;
  margin-inline: auto;
}

:is(body.page-id-21385, body.page-id-17379) #mainTemplate > h1:first-child {
  max-width: 14ch;
  font-size: var(--vre-h1-size);
  line-height: 1;
}

:is(body.page-id-21385, body.page-id-17379) #mainTemplate h2 {
  margin: 48px 0 18px;
  padding-top: 26px;
  border-top: 1px solid rgb(16 35 46 / 18%);
  font-size: var(--vre-h2-size);
  line-height: 1.08;
}

:is(body.page-id-30074, body.page-id-21385, body.page-id-17379) #mainTemplate :where(hr, .wp-block-separator) {
  height: 1px;
  margin-block: 38px;
  border: 0;
  background: rgb(16 35 46 / 18%);
}

:is(body.page-id-30074, body.page-id-21385, body.page-id-17379) :where(.main-sidebar, .sidebar-image, .main-sidebar img) {
  border-radius: 0 !important;
}

@media (min-width: 64rem) {
  body.page-id-20517 .team-page :where(.team-hero, .team-list-section, .team-principles, .team-cta),
  body.blog :where(.vrj-hero, .vrj-main, .vrj-section, .vrj-index, .vrj-weekly),
  body.page-id-63 .vrk-quick-main {
    padding-block: var(--vre-section-y, 102.4px);
  }

  body.page-id-20517 .team-page .team-hero-grid {
    grid-template-columns: minmax(0, 676px) minmax(0, 380px);
    gap: 68px;
    justify-content: space-between;
  }

  body.blog .vrj-hero > :where(.vrj-shell, .vrj-wrap, .vrj-container),
  body.blog .vrj-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 676px) minmax(0, 380px);
    gap: 68px;
    align-items: center;
    justify-content: space-between;
  }

  body.page-id-63 .vrk-quick-layout {
    grid-template-columns: minmax(0, 543px) minmax(0, 492px);
    gap: 90px;
    justify-content: space-between;
  }

  :is(body.page-id-30074, body.page-id-21385, body.page-id-17379) .container.pt-5.pb-5 {
    padding-block: var(--vre-section-y, 102.4px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    body.blog,
    body.page-id-63,
    body.page-id-20517,
    body.page-id-30074,
    body.page-id-21385,
    body.page-id-17379
  ) *,
  :is(
    body.blog,
    body.page-id-63,
    body.page-id-20517,
    body.page-id-30074,
    body.page-id-21385,
    body.page-id-17379
  ) *::before,
  :is(
    body.blog,
    body.page-id-63,
    body.page-id-20517,
    body.page-id-30074,
    body.page-id-21385,
    body.page-id-17379
  ) *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 1279px) {
	:is(body.page-id-17379, body.page-id-21385, body.page-id-30074)
		.page-row > .container > .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
		width: 100% !important;
	}
}

body.page-id-63 .vrk-quick-direct a,
body.page-id-63 a.vrk-quick-appointment {
	color: var(--vre-paper-soft) !important;
}

body.page-id-63 .vrk-quick-direct a > span,
body.page-id-63 a.vrk-quick-appointment > span {
	color: var(--vre-sage) !important;
}

body.blog main.vrj {
	background: var(--vre-paper) !important;
	padding: 0 !important;
}

body.blog .vrj-hero .vrj-eyebrow {
	color: var(--vre-sage) !important;
}

body.blog .vrj-hero .vrj-hero__intro {
	color: rgb(243 239 231 / 82%) !important;
}

body.blog .vrj-hero .vrj-serif-line {
	color: rgb(243 239 231 / 62%) !important;
}

body.blog .vrj-hero .vrj-button--secondary {
	border-color: var(--vre-paper-soft) !important;
	color: var(--vre-paper-soft) !important;
}

/* 1.0.11 perfection pass: historic Bootstrap pages use the same compact
 * logo/contact masthead as the canonical editorial page. */
:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379) #js-header-menu {
	height: 73px !important;
	min-height: 73px !important;
	border-bottom: 1px solid rgb(255 255 255 / 16%) !important;
	background: var(--vre-navy) !important;
	box-shadow: none !important;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .top-banner {
	height: 73px !important;
	min-height: 73px !important;
	padding: 0 !important;
	background: var(--vre-navy) !important;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .top-banner > .container-xl {
	width: min(calc(100% - 24px), var(--vre-shell)) !important;
	max-width: var(--vre-shell) !important;
	height: 73px !important;
	min-height: 73px !important;
	margin-inline: auto !important;
	padding: 0 !important;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .top-banner > .container-xl > .row {
	display: flex !important;
	width: 100% !important;
	height: 73px !important;
	min-height: 73px !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin: 0 !important;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .top-banner > .container-xl > .row > :first-child,
:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .top-banner > .container-xl > .row > :last-child {
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	flex: 0 0 auto !important;
	padding: 0 !important;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .top-banner > .container-xl > .row > :nth-child(2) {
	display: none !important;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu :where(.navbar-brand, .nav-contact-bar) {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .navbar-brand img {
	display: block !important;
	width: clamp(150px, 40vw, 184px) !important;
	height: auto !important;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .nav-contact-phone {
	color: var(--vre-white) !important;
	font: 700 14px/1.2 var(--vre-body-font) !important;
	white-space: nowrap;
}

:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#js-header-menu .btn-nav-contact {
	display: inline-flex !important;
	min-height: 44px !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 9px 12px !important;
}

/* Remove the old media ribbon and obsolete utility-page sidebars from layout. */
:is(body.page-id-30074, body.page-id-21385, body.page-id-17379) .brands,
:is(body.page-id-30074, body.page-id-21385, body.page-id-17379) #js-sidebar {
	display: none !important;
}

:is(body.page-id-30074, body.page-id-21385, body.page-id-17379)
	.container.pt-5.pb-5 > .row {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}

:is(body.page-id-30074, body.page-id-21385, body.page-id-17379)
	.container.pt-5.pb-5 > .row > :first-child {
	width: 100% !important;
	max-width: 832px !important;
	margin-inline: auto !important;
	padding: 0 !important;
	flex: none !important;
}

body.page-id-20517 .team-page .team-career-button,
body.blog .vrj-filters a,
body.blog .vrj-filter-list a,
body.blog [class*="filter"] > a {
	border-radius: 0 !important;
}

body.page-id-20517 .team-page .team-career {
	background: var(--vre-navy) !important;
	background-image: none !important;
	color: var(--vre-white) !important;
}

@media (max-width: 47.999rem) {
	:is(body.blog, body.page-id-20517, body.page-id-30074, body.page-id-21385, body.page-id-17379)
		#js-header-menu .nav-contact-phone {
		display: none !important;
	}
}

/* Final measured shell corrections for the journal, team and legal utilities. */
body.blog .vrj-hero {
	width: min(calc(100% - 24px), 1124.8px) !important;
	margin-inline: auto !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.blog .vrj-hero,
	body.page-id-20517 .team-page .team-hero-grid {
		width: calc(100% - 18.75vw + 105.6px) !important;
		grid-template-columns: minmax(0, 1fr) minmax(294px, calc(9.765625vw + 219px)) !important;
		gap: 5vw !important;
		align-items: center;
		margin-inline: auto !important;
	}

	body.page-id-20517 .team-page .team-hero > :where(.container, .container-fluid) {
		width: 100% !important;
		max-width: none !important;
		padding-inline: 0 !important;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	body.blog .vrj-hero,
	body.page-id-20517 .team-page .team-hero-grid {
		width: calc(100% - 26.875vw + 188.8px) !important;
		grid-template-columns: minmax(0, 1fr) minmax(319px, calc(23.828125vw + 75px)) !important;
		gap: calc(6.71875vw - 17.6px) !important;
		align-items: center;
		margin-inline: auto !important;
	}

	body.page-id-20517 .team-page .team-hero > :where(.container, .container-fluid) {
		width: 100% !important;
		max-width: none !important;
		padding-inline: 0 !important;
	}
}

@media (min-width: 1280px) {
	body.blog .vrj-hero,
	body.page-id-20517 .team-page .team-hero-grid {
		width: 1124.8px !important;
		grid-template-columns: 676px 380px !important;
		gap: 68.4px !important;
		align-items: center;
		justify-content: center !important;
		margin-inline: auto !important;
	}
}

@media (max-width: 767px) {
	body.blog .vrj-hero {
		width: calc(100% - 24px) !important;
		grid-template-columns: minmax(0, 1fr) !important;
		margin-inline: auto !important;
		padding-inline: 0 !important;
	}

	body.blog .vrj-hero__copy {
		width: 100% !important;
		margin-inline: 0 !important;
		padding-inline: 0 !important;
	}

	:is(body.page-id-30074, body.page-id-21385, body.page-id-17379)
		.container.pt-5.pb-5 {
		width: calc(100% - 24px) !important;
		max-width: none !important;
		margin-inline: auto !important;
		padding-inline: 0 !important;
	}

	:is(body.page-id-30074, body.page-id-21385, body.page-id-17379)
		.container.pt-5.pb-5 > .row,
	:is(body.page-id-30074, body.page-id-21385, body.page-id-17379)
		#mainTemplate {
		width: 100% !important;
		max-width: none !important;
		margin-inline: 0 !important;
		padding-inline: 0 !important;
	}
}

body.page-id-63 .vre-mobile-contact a:nth-child(n + 2) {
	color: var(--vre-white) !important;
}

body.blog :where(
	#vrj-s,
	.vrj-filters a,
	.vrj-filter-list a,
	[class*="filter"] > a,
	.page-numbers
) {
	min-height: 44px !important;
}

body.blog :where(.vrj-button--primary, .vrj-btn--primary, .vrj-pagination .current) {
	color: var(--vre-navy) !important;
}

body.page-id-63 .vre-sitehead__phone {
	color: var(--vre-white) !important;
}

body.page-id-63 .vrk-quick-direct a {
	color: var(--vre-ink) !important;
}

body.page-id-63 .vrk-quick-direct a > span {
	color: #5b6929 !important;
}

:is(body.page-id-30074, body.page-id-21385, body.page-id-17379)
	#mainTemplate a:not([class*="button"]):not([class*="btn"]) {
	color: #526127;
}

/* 1.0.16: flatten the visible journal fallback and restore tablet shell width. */
body.vre-editorial-target.blog main.vrj-index--landing
	.vrj-card__image > .vrj-image-fallback {
	background: var(--vre-navy-soft) !important;
	background-image: none !important;
}

@media (min-width: 768px) and (max-width: 1279px) {
	body.vre-editorial-target.blog main.vrj-index--landing .vrj-hero {
		padding-inline: 0 !important;
	}

	body.vre-editorial-target.blog main.vrj-index--landing .vrj-hero__copy {
		width: 100% !important;
		max-width: none !important;
		margin-inline: 0 !important;
		padding-inline: 0 !important;
	}
}

/* 1.0.17: the journal injects a later inline style with the same Importance.
 * This DOM-specific lock models the reference's full-width Navy hero and its
 * inner measured shell without requiring an extra wrapper. */
@media (max-width: 767px) {
	body.vre-editorial-target.blog main.vrj-index--landing > .vrj-hero {
		box-sizing: border-box !important;
		width: 100% !important;
		margin-inline: 0 !important;
		padding-inline: 12px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 35px !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	body.vre-editorial-target.blog main.vrj-index--landing > .vrj-hero {
		box-sizing: border-box !important;
		width: 100% !important;
		margin-inline: 0 !important;
		padding-inline: calc(9.375vw - 52.8px) !important;
		grid-template-columns: minmax(0, 1fr) minmax(294px, calc(9.765625vw + 219px)) !important;
		gap: 5vw !important;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	body.vre-editorial-target.blog main.vrj-index--landing > .vrj-hero {
		box-sizing: border-box !important;
		width: 100% !important;
		margin-inline: 0 !important;
		padding-inline: calc(13.4375vw - 94.4px) !important;
		grid-template-columns: minmax(0, 1fr) minmax(319px, calc(23.828125vw + 75px)) !important;
		gap: calc(6.71875vw - 17.6px) !important;
	}
}

@media (min-width: 1280px) {
	body.vre-editorial-target.blog main.vrj-index--landing > .vrj-hero {
		box-sizing: border-box !important;
		width: 100% !important;
		margin-inline: 0 !important;
		padding-inline: calc((100vw - 1124.8px) / 2) !important;
		grid-template-columns: 676px 380px !important;
		gap: 68.4px !important;
	}
}