/* Elevated Discovery customizations merged from the site's Fluent Snippets (theme 4.1.111-R125-SNIPPETS-MERGED).
   Loaded after style.css. If these snippets are still active on a site, deactivate them there. */

/* ==== Elevated Discovery Sticky Header (3-elevated-discovery-sticky-header.php) ==== */
header.wp-block-template-part:has(.is-position-sticky) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

body {
  padding-top: 115px;
}

/* ==== Elevated Discovery Forms (7-elevated-discovery-forms.php) ==== */
.ed-form {
  max-width: 560px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ed-form-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ed-form-row label {
  font-family: var(--ed-font-body);
  font-weight: 600;
  font-size: var(--ed-size-h4);
  text-transform: uppercase;
  letter-spacing: var(--ed-tracking-h4);
  color: var(--ed-color-ink);
}
.ed-form-row input,
.ed-form-row textarea {
  font-family: var(--ed-font-body);
  font-size: 1rem;
  padding: 12px 16px;
  border: 1px solid var(--ed-color-ink);
  border-radius: 0;
  background: #fff;
  color: var(--ed-color-ink);
}
.ed-form-row input:focus,
.ed-form-row textarea:focus {
  outline: 2px solid var(--ed-color-gold);
  outline-offset: 2px;
}
.ed-form-submit {
  align-self: flex-start;
  font-family: var(--ed-font-body);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 14px;
  background: var(--ed-color-ink);
  color: var(--ed-color-cream);
  border: none;
  padding: 14px 32px;
  cursor: pointer;
}
.ed-form-submit:hover {
  background: var(--ed-color-gold);
  color: var(--ed-color-ink);
}
.ed-form-success {
  font-family: var(--ed-font-body);
  color: var(--ed-color-ink);
  font-size: 1.125rem;
}
.ed-form-errors {
  color: #8a2c2c;
  font-family: var(--ed-font-body);
}

.ed-divider {
  border: none;
  border-top: 1px solid rgba(27, 25, 20, 0.15);
  margin: 0;
}

/* ==== Elevated Discovery About Hero Logo Alignment (7-elevated-discovery-about-hero.php) ==== */
/* About hero ("A strategic and trusted partner..."): start the text exactly at the logo's left edge.
   Above 980px the theme already sets the hero section's left edge to the logo (--about-logo-left via
   footer.php JS), but its .wrap added 18px of padding, so the text sat 18px right of the logo.
   At 980px and below the hero spans the full width and .wrap used 5% padding, while the logo sits at 2%
   (.header-inner is 96% wide and centered). */
html body.page-template-page-about .about-hero-r69 > .wrap {
  padding-left: 0 !important;
}

@media (max-width: 980px) {
  html body.page-template-page-about .about-hero-r69 > .wrap {
    padding-left: 2% !important;
  }
}

/* ==== Elevated Discovery About Hero Background (8-elevated-discovery-about-hero.php) ==== */
/* About hero background: purpose-made Leadership compass image with the fade built in
   (about-hero-leadership-fade.webp, Media Library ID 242, 2000x500). The supplied file had a solid white
   left side; it was converted to true transparency so it blends into the site cream (#fbf8f2).
   Replaces the theme's assets/images/visual-about.webp. The theme's CSS fades (::before) are removed.
   The word "LEADERSHIP" sits at x ~63%-98% / y ~8%-40% of the image, so anchor right/top. */
html body.page-template-page-about .page-hero.hero-about.about-hero-r69 {
  background: #fbf8f2 url("../images/about-hero-leadership-fade.webp") no-repeat left top / 102.2% auto !important;
}
/* 102.2% = 2000 / 1957: the "P" of LEADERSHIP ends at x 1956 of the 2000px image, so at this width, anchored
   left (the left side is transparent), the word ends exactly at the hero's right edge, which the theme aligns with the right edge of the
   "Contact" menu link (--about-contact-right). The thin dark rim beyond the P is clipped. */

html body.page-template-page-about .page-hero.hero-about.about-hero-r69::before {
  background: none !important;
}

/* Copy column: as wide as the theme allowed (820px) so the paragraph wraps as little as possible, but never
   past 58% of the hero so it stays clear of the "LEADERSHIP" word (starts at ~63%). */
html body.page-template-page-about .about-hero-r69 .about-approach-in-hero-r69 {
  max-width: min(820px, 58%) !important;
}

/* Desktop: keep the tagline and heading on one line each. (The ~230-character paragraph cannot fit on one
   line: it would be ~1,900px wide and the hero clips overflow, so it wraps within the copy column.) */
@media (min-width: 981px) {
  html body.page-template-page-about .about-hero-r69 .about-hero-sub-r69,
  html body.page-template-page-about .about-hero-r69 .about-approach-in-hero-r69 h2 {
    white-space: nowrap !important;
  }
}

/* Tablet/phone: the copy spans the full width, so show the right part of the image
   (about-hero-leadership-fade-strip.webp, ID 243, 900x330, fades to transparent on its left) beneath it. */
@media (max-width: 980px) {
  html body.page-template-page-about .page-hero.hero-about.about-hero-r69 {
    background: #fbf8f2 url("../images/about-hero-leadership-fade-strip.webp") no-repeat center bottom / 100% auto !important;
    padding-bottom: calc(36.7vw + 16px) !important;
  }

  html body.page-template-page-about .about-hero-r69 .about-approach-in-hero-r69 {
    max-width: none !important;
  }
}

/* ==== Elevated Discovery About Values Box Height (8-elevated-discovery-about-values.php) ==== */
/* About page values flip cards (.about-values-grid-r57).
   Height: theme default 300px/250px, reduced to 1/3 (100px/84px), then +20% (120px/101px), then +20% again (144px/121px), then +20% again (173px/145px).
   Width: mirrors the leadership photo grid (.r65-leadership .team-grid: max 1100px, 20px gap, 3 columns down to
   768px, each card scaled to 98% of its column) so each box is exactly as wide as a .member-img-wrapper. */
.about-values-r57 .about-values-grid-r57 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  /* The leadership .wrap sits inside 20px side padding, so it is always 92% x 40px = 36.8px narrower. */
  width: calc(100% - 36.8px);
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.about-values-r57 .about-flip-r57 {
  width: 98%;
  justify-self: center;
  height: 173px;
}

.about-values-r57 .about-flip-face-r57 {
  padding: 12px 20px;
}

.about-values-r57 .about-flip-front-r57 h3 {
  font-size: clamp(22px, 1.8vw, 30px);
  line-height: 1.15;
}

.about-values-r57 .about-flip-divider-r57 {
  margin-top: 10px;
}

.about-values-r57 .about-flip-back-r57 p {
  max-width: none;
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 1024px) {
  .about-values-r57 .about-flip-face-r57 {
    padding: 10px 14px;
  }

  .about-values-r57 .about-flip-back-r57 p {
    font-size: 13px;
    line-height: 1.4;
  }
}

@media (max-width: 768px) {
  .about-values-r57 .about-values-grid-r57 {
    grid-template-columns: 1fr;
  }

  .about-values-r57 .about-flip-r57 {
    height: 145px;
  }

  .about-values-r57 .about-flip-face-r57 {
    padding: 8px 16px;
  }
}

/* ==== Elevated Discovery Leadership Card Titles Gold (9-elevated-discovery-leadership-card.php) ==== */
/* Leadership cards (About page): the theme applies filter: grayscale(100%) to the whole .team-member card, which
   also turned the gold (#c59756) "Leadership Profile" / "Coming Soon" overlay titles grey. The thumbnails are
   already black-and-white image files, so drop only the grayscale and keep the theme's blur/brightness states. */
html body .r65-leadership .team-member {
  filter: blur(0) brightness(1) !important;
}

html body .r65-leadership .team-grid.has-active .team-member:not(.active) {
  filter: blur(4px) brightness(0.6) !important;
}

html body .r65-leadership .team-grid.has-active .team-member:not(.active):hover {
  filter: blur(0) brightness(1) !important;
}

/* ==== Elevated Discovery Home Process Icons (11-elevated-discovery-home-process.php) ==== */
/* Home page process cards (Assess / Design / Execute / Deliver) in the AI section: match the Strategic box icons.
   Strategic icons: 48x48 badge, 8px radius, #b99159, 28px white line icon (SVG, 2px stroke).
   Process icons were 72px (theme) badges holding text characters (⌕ 🛠 ⚙ ▷) that cannot be sized consistently
   (the wrench renders as a colour emoji), so the characters are hidden and a matching white line icon is drawn
   with a CSS mask. Page markup is unchanged; disabling this snippet restores the originals. */
html body.home .r91-ai-core .r93-process-grid .r93-icon-block {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 8px !important;
  background: #b99159 !important;
  box-sizing: border-box;
}

html body.home .r91-ai-core .r93-process-grid .r93-icon-block > span {
  display: block;
  width: 28px;
  height: 28px;
  font-size: 0 !important;
  color: transparent !important;
  background: #fff;
  -webkit-mask: no-repeat center / contain;
  mask: no-repeat center / contain;
}

/* Assess: magnifier */
html body.home .r91-ai-core .r93-process-grid .r93-process-card:nth-child(1) .r93-icon-block > span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22M29%2029l10%2010%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22M29%2029l10%2010%22%2F%3E%3C%2Fsvg%3E");
}

/* Design: blueprint */
html body.home .r91-ai-core .r93-process-grid .r93-process-card:nth-child(2) .r93-icon-block > span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2019h30M19%2019v20M26%2026h8M26%2032h8%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2019h30M19%2019v20M26%2026h8M26%2032h8%22%2F%3E%3C%2Fsvg%3E");
}

/* Execute: gear */
html body.home .r91-ai-core .r93-process-grid .r93-process-card:nth-child(3) .r93-icon-block > span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M24%208v5M24%2035v5M8%2024h5M35%2024h5M12.7%2012.7l3.5%203.5M31.8%2031.8l3.5%203.5M12.7%2035.3l3.5-3.5M31.8%2016.2l3.5-3.5%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2212%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M24%208v5M24%2035v5M8%2024h5M35%2024h5M12.7%2012.7l3.5%203.5M31.8%2031.8l3.5%203.5M12.7%2035.3l3.5-3.5M31.8%2016.2l3.5-3.5%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2212%22%2F%3E%3C%2Fsvg%3E");
}

/* Deliver: paper plane */
html body.home .r91-ai-core .r93-process-grid .r93-process-card:nth-child(4) .r93-icon-block > span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M40%208L7%2022l14%205%205%2014z%22%2F%3E%3Cpath%20d%3D%22M40%208L21%2027%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M40%208L7%2022l14%205%205%2014z%22%2F%3E%3Cpath%20d%3D%22M40%208L21%2027%22%2F%3E%3C%2Fsvg%3E");
}

/* ==== Elevated Discovery Home Layout Fixes (12-elevated-discovery-home-strategic.php) ==== */
/* Home page: remove the Strategic section's own top padding (theme: 73.6px desktop / 52px phone), which, stacked on
   its .wrap's 35.2px padding, left a ~109px empty band between the hero and "A Strategic & Trusted Partner".
   The .wrap's 35.2px is kept as breathing room below the hero. */
html body.home main > section.strategic.strategic-home {
  padding-top: 0 !important;
}

/* Hero "Our Philosophy" banner (.work-promise): the theme fixed it at min-width 790px (past the 690px hero copy
   column, onto the column photo) with its text on one nowrap line needing ~824px, so "we provide" was clipped by
   the banner's overflow:hidden. Keep it inside the copy column; at 15.2px (theme 18.88px) the label + sentence fit
   on one line in the 690px column. Where the column is narrower the sentence wraps onto balanced lines, and the
   "Our Philosophy:" label stays top-aligned with the first line. */
html body.home main > section.hero .work-promise {
  width: auto !important;
  min-width: 0 !important; /* theme sets min-width: 790px */
  max-width: 100% !important;
  height: auto !important;
  align-items: stretch !important;
}

html body.home main > section.hero .work-promise .work-promise-label,
html body.home main > section.hero .work-promise .work-promise-text {
  font-size: 15.2px !important;
  display: flex !important;
  align-items: flex-start !important;
  height: auto !important;
}

html body.home main > section.hero .work-promise .work-promise-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: normal !important;
  text-wrap: balance;
}
/* Phones: beside the label the sentence only gets ~170px and runs to 4 lines, so stack the label above it;
   with the full width the sentence fits on 2 balanced lines. */
@media (max-width: 480px) {
  html body.home main > section.hero .work-promise {
    flex-direction: column !important;
  }

  html body.home main > section.hero .work-promise .work-promise-bar {
    display: none !important;
  }
}

/* Strategic flip boxes: the fronts vertically centred their content, so icons sat 11-36px from the top depending
   on how much text followed. Align the content to the top so every icon starts at the same height. */
html body.home .strategic-home .ed-flip42-front {
  justify-content: flex-start !important;
}


/* "Built around your matter" section (body > section.r107-built-matter-section): remove its own 44px top padding,
   which left an empty band above the thin gold line. The line (the inner .home-built-matter-within-r22 top
   border) and the spacing below it are kept. */
html body.home > section.r107-built-matter-section {
  padding-top: 0 !important;
}

/* "The A.W.E. Method™" divider (.built-matter-awe-divider-r45): the theme made it 274.4px, ~35px short of the heading.
   The heading is 34px at every width and the "D" of "Method" ends 309.6px from its left edge (measured), so the line
   ends at the D (not the ™). Capped at the column width for small screens. */
html body.home .r107-built-matter-section .built-matter-copy .built-matter-awe-divider-r45 {
  width: 310px !important;
  max-width: 100% !important;
}

/* Hero photo vs. text, 981-1360px: the copy column is a fixed 690px starting 2% in, and below ~1356px the photo's
   solid columns reached under the intro text and philosophy banner. Narrow the frame so it starts 32px after the
   copy column (2% + 690px + 32px) and still ends at the Contact edge (2% from the right): width = 96% - 722px.
   The image keeps its size and right anchoring, so only its left part is trimmed; the soft left-edge fade stays. */
@media (min-width: 981px) and (max-width: 1360px) {
  html body.home main > section.hero .hero-visual-rotator.hero-visual-rotator-v4176 {
    width: calc(96% - 722px) !important;
    min-width: 0 !important;
  }
}

/* AI section collage ("Ready for What's Next in Legal Intelligence"): remove its drop shadow (theme: box-shadow
   0 18px 42px rgba(0,0,0,.14) on the image) and the faint blurred gold glow behind it (wrapper ::before). */
html body.home main > section.r91-ai-core .r91-ai-image > img {
  box-shadow: none !important;
}

html body.home main > section.r91-ai-core .r91-ai-image::before {
  display: none !important;
}

/* AI section items fade in one after another; the theme times three (0.10s, 0.22s, 0.34s). The fourth item
   ("Cited Fact Chronologies" added before A.W.E. Method) needs its own step. */
html body.home main > section.r91-ai-core .r92-stagger.r92-visible article:nth-child(4) {
  transition-delay: .46s;
}

/* AI section: the collage's top panel has a transparent background, so vertically centering it against the text
   (theme: align-items center) made the two columns look misaligned. Align them at the bottom instead: the collage's
   bottom edge lines up with the last line of "A.W.E. Method(TM) Expertise" (the text column's box ends 14px below that
   line because of line spacing, hence the 14px lift). Two-column layout only (981px and wider). */
@media (min-width: 981px) {
  html body.home main > section.r91-ai-core .r91-ai-grid > .r91-ai-image,
  html body.home main > section.r91-ai-core .r91-ai-grid > .r91-ai-copy {
    align-self: end !important;
  }

  html body.home main > section.r91-ai-core .r91-ai-grid > .r91-ai-image {
    margin-bottom: 14px !important;
  }
}

/* Process cards (Assess / Design / Execute / Deliver) in the AI section: on hover / keyboard focus the theme turned the
   card gold (#c59756) with white text. Use the Strategic section's cream (#f4ead9) instead, keeping the resting text
   colors (title #111, text #666) and the gold divider so everything stays readable. */
html body.home main > section.r91-ai-core .r94-process-wrap .r93-process-card:is(:hover, :focus-within),
html body.home main > section.r91-ai-core .r93-process-grid .r93-process-card:is(:hover, :focus-within) {
  background: #f4ead9 !important;
}

html body.home main > section.r91-ai-core .r93-process-grid .r93-process-card:is(:hover, :focus-within) h3 {
  color: #111 !important;
}

html body.home main > section.r91-ai-core .r93-process-grid .r93-process-card:is(:hover, :focus-within) p {
  color: #666 !important;
}

html body.home main > section.r91-ai-core .r93-process-grid .r93-process-card:is(:hover, :focus-within) .r93-divider {
  background: #c59756 !important;
}

/* Hero picture frame never overlaps the hero text: the copy column is 690px starting at the header edge, so the frame
   may be at most the header width minus 722px (690px text + 32px gap); it still ends at the Contact edge.
   (981-1360px is already sized this way above; this caps wider screens, e.g. 622px wide at 1400px.) */
@media (min-width: 981px) {
  html body.home main > section.hero .hero-visual-rotator.hero-visual-rotator-v4176 {
    max-width: calc(min(96%, 1640px) - 722px) !important;
  }
}

/* Hero pictures fill the whole picture frame (the full height of the hero, clear of the text, ending under "Contact"):
   no empty space above or below. The pictures (hero-columns-balcony-v3, 1720x1580, the frame's widest shape; and
   hero-courthouse-5x4) are scaled to cover the frame and anchored to the right, where their subjects are, so only
   part of their left side is trimmed when the frame is narrower than the picture. (The 16:9 intro video is shown whole, centered in the frame.) */
@media (min-width: 981px) {
  html body.home main > section.hero .hero-visual-rotator-v4176 .hero-visual-slide img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: right center !important;
  }
}

/* ==== Elevated Discovery Header Menu Fit (15-elevated-discovery-header-menu.php) ==== */
/* Header menu fit, 981-1240px (all pages): logo + 40px gap + menu (762px, or 675px at <=1180px) was wider than the
   header, so the menu ran off screen and "Contact" was cut off (e.g. 60px over at 1024px). Tighten the gap and menu
   spacing; at 981-1180px also use 13px menu text and a slightly smaller logo. At 980px and below the theme switches
   to the mobile menu button, and above 1240px everything already fits, so both are untouched. */
@media (min-width: 981px) and (max-width: 1240px) {
  html body .site-header .header-inner {
    gap: 24px !important;
  }

  html body .site-header .primary-menu {
    gap: 24px !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  html body .site-header .primary-menu {
    gap: 14px !important;
  }

  html body .site-header .primary-menu > li > a {
    font-size: 13px !important;
  }

  html body .site-header .brand img {
    max-width: 28vw !important;
  }
}

/* ==== Elevated Discovery About Leadership Hover (17-elevated-discovery-about-leadership.php) ==== */
/* About page leadership photos: hover effect (mouse devices only; touch devices keep tap-to-open).
   On hover (or keyboard focus) a photo switches from black & white to color, at its normal size (no enlarging or
   sliding). Clicking still opens the card (large color photo + bio) exactly as before; while a card is open
   (.has-active) this does not apply. Separate snippet: deactivate it to return to the R116 behavior. */
@media (hover: hover) and (min-width: 769px) {
  html body.page-template-page-about .r65-leadership .team-grid:not(.has-active) .r66-dual-image:is(:hover, :focus-visible) .member-img-color {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
  }

  html body.page-template-page-about .r65-leadership .team-grid:not(.has-active) .r66-dual-image:is(:hover, :focus-visible) .member-img-bw {
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

/* ==== Elevated Discovery Page Top Alignment (18-elevated-discovery-page-top.php) ==== */
/* Top section of every inner page (Solutions, Digital Forensics, Trial Preparation, AI & Analytics, Review Strategy,
   Managed Review, Processing & Productions, Industries, Resources, Contact, Terms of Use, Applications): its content
   box used the theme's standard .wrap (max 1180px, or 92%), so the hero text started to the right of the logo and
   the box ended short of the "Contact" menu link (82px each side at 1400px, 230px at 1920px). Give it the header's
   own span, min(1640px, 96%) centered (Applications uses its own .applications-shell container, 92%), so it runs from the logo's left edge to Contact's right edge, like the Home
   and About page tops. Full-width hero backgrounds are unchanged; the About hero keeps its own alignment rules. */
html body main > section.page-hero:not(.about-hero-r69) > .wrap,
html body main section.applications-hero-r7 > .applications-shell {
  width: min(1640px, 96%) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Home hero picture frame and About hero image: the theme placed their edges with a script that measured the
   "Contact" link against window.innerWidth, which includes the browser's scrollbar, so on screens with a visible
   scrollbar (e.g. Windows) both stopped ~15px short of Contact. Use the header's own geometry instead: the header
   content is min(1640px, 96%) wide and centered, so the logo starts and Contact ends (100% - min(1640px, 96%)) / 2
   from each side, with or without a scrollbar. */
html body.home main > section.hero .hero-visual-rotator.hero-visual-rotator-v4176 {
  right: calc((100% - min(1640px, 96%)) / 2) !important;
}

@media (min-width: 981px) {
  html body.page-template-page-about main .about-hero-r69 {
    margin-left: calc((100% - min(1640px, 96%)) / 2) !important;
    margin-right: calc((100% - min(1640px, 96%)) / 2) !important;
  }
}

/* Footer (all pages): its content starts at the logo and ends at "Contact", like the header and the home page footer.
   The theme widens the footer only on the home page; every other page kept the 1180px content width. */
html body > footer > .wrap {
  width: min(1640px, 96%) !important;
  max-width: none !important;
}

/* Hero height 244px (the About hero's original height), the same as the Solutions hero. The About hero keeps its
   original spacing; the band is 244px on large screens and grows if the paragraph wraps to more lines. */
@media (min-width: 981px) {
  html body main > section.page-hero.hero-about.about-hero-r69 {
    min-height: 244px !important;
    padding-bottom: 24px !important;
    box-sizing: border-box !important;
  }
}

/* Diamond dividers (all pages): black lines (#171513, the heading black) with the gold diamond.
   .r91-diamond = hero headings (Services, Applications, About), the home AI section and the Services card titles;
   .hero-rule = the home page hero divider. */
html body .r91-diamond > i,
html body .hero-rule > span {
  background: #171513 !important;
}

html body .r91-diamond > b,
html body .hero-rule > b {
  background: #b78325 !important;
}

/* ==== Elevated Discovery Applications Page Layout (20-elevated-discovery-applications-page.php) ==== */
/* Applications page, technology logo strip (section.applications-technology-r7):
   - white background instead of ivory (#f7f0e3)
   - no padding: the section's own 2rem (1.5rem on tablets/phones) top and bottom padding and the logo strip's
     24px inner padding are removed, so the logos sit directly between the top section and the next one.
   - the next section ("Charting the right course...") starts 40px higher (theme: 80px top padding).
   Selectors include body.page-template-page-applications to outrank the theme's own !important rules. */
html body.page-template-page-applications main section.applications-technology-r7 {
  background: #fff !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body.page-template-page-applications main section.applications-technology-r7 .applications-tech-head-r7 {
  margin: 0 !important;
}

html body.page-template-page-applications main section.applications-technology-r7 .technology-logo-marquee {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Technology logo strip: keeps scrolling while the pointer is over it (the theme paused it on hover). */
html body.page-template-page-applications main section.applications-technology-r7 .technology-logo-marquee:hover .technology-logo-track {
  animation-play-state: running !important;
}

html body.page-template-page-applications main section.applications-journey-r7 {
  padding-top: 40px !important;
}

@media (max-width: 980px) {
  html body.page-template-page-applications main section.applications-technology-r7 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* Top section text: the theme centered it vertically beside the image (first line ~175px below the section top).
   Place it like the home page hero text instead: top-aligned, first line ~74px below the section top, starting at
   the logo's left edge. */
@media (min-width: 981px) {
  html body.page-template-page-applications main section.applications-hero-r7 .applications-hero-copy-r7 {
    align-self: start !important;
    padding-top: 28px !important;
  }
}

/* Top section text, matched to the About page top section (reference: .about-hero-sub-r69, .ed-about-h1 and the
   About paragraph): same starting height (first line 28px below the section top), same gold sub-line, heading and
   paragraph typography, and the same diamond divider spacing. */
html body.page-template-page-applications section.applications-hero-r7 .applications-hero-copy-r7 {
  padding-top: 28px !important;
  align-self: start !important;
}

html body.page-template-page-applications .applications-hero-copy-r7 p.ed-apps-sub {
  margin: 0 0 3px !important;
  color: #b78325 !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 15.36px !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

html body.page-template-page-applications .applications-hero-copy-r7 h1.ed-apps-h1 {
  margin: 0 0 14px !important;
  color: #171513 !important;
  font-family: "Trajan Pro", "Cinzel", Georgia, "Times New Roman", serif !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 400 !important;
  font-variant: small-caps !important;
  line-height: 1.22 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

/* Paragraph: same text style as the home page hero summary ("High-stakes litigation demands...": Poppins 16px
   light, 27.2px line height, #4f493f), using the full text column, with balanced line breaks so lines do not end
   abruptly or leave a single word on the last line. */
html body.page-template-page-applications .applications-hero-copy-r7 p.ed-apps-text {
  max-width: 720px !important;
  margin: 0 !important;
  color: #4f493f !important;
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 27.2px !important;
  text-wrap: balance;
}

/* Balancing works up to 6 lines; on phones the paragraph runs longer, so avoid a lone last word instead. */
@media (max-width: 768px) {
  html body.page-template-page-applications .applications-hero-copy-r7 p.ed-apps-text {
    text-wrap: pretty;
  }
}

/* Smaller picture: the theme gave the image ~64% of the row (min 580px) and stretched it to the section's full
   height. Give text and picture equal columns and show the picture at its natural proportions, vertically
   centered beside the text; its right edge still ends under "Contact". */
@media (min-width: 981px) {
  html body.page-template-page-applications section.applications-hero-r7 .applications-hero-grid-r7 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  html body.page-template-page-applications section.applications-hero-r7 .applications-hero-image-r7 {
    align-self: center !important;
    align-items: center !important;
  }

  html body.page-template-page-applications section.applications-hero-r7 .applications-hero-image-r7 img {
    height: auto !important;
    min-height: 0 !important;
  }
}


/* Hero diamond divider (Applications and About): spacing under the heading. */
html body .ed-hero-diamond {
  margin: 0 0 16px !important;
}

/* Lead-in and checkmark points under the paragraph: same text style as the paragraph, gold checkmarks as used in
   the site's other lists. */
html body.page-template-page-applications .applications-hero-copy-r7 p.ed-apps-intro {
  margin-top: 14px !important;
  text-wrap: pretty;
}

html body.page-template-page-applications .applications-hero-copy-r7 ul.ed-apps-list {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid;
  gap: 4px;
}

html body.page-template-page-applications .applications-hero-copy-r7 ul.ed-apps-list li {
  position: relative;
  margin: 0 !important;
  padding-left: 22px !important;
  color: #4f493f;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 27.2px;
}

html body.page-template-page-applications .applications-hero-copy-r7 ul.ed-apps-list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: #b78325;
  font-weight: 500;
}

/* Technology logo strip: 10px of space above its content, so it doesn't butt against the top section (all screen sizes). */
html body.page-template-page-applications main > section.applications-technology-r7 > .applications-shell {
  padding-top: 10px !important;
}

/* ==== Elevated Discovery Collins Landscape Photos (10-elevated-discovery-collins-landscape.php) ====
   Expanded color profile: centre him in the panel; the theme now ships the cropped photos under its own names. */
.r65-leadership .r66-dual-image .member-img-color[src*="leadership-jcollins-color"] {
  object-position: 80% top !important;
}

/* ==== Elevated Discovery Footer Address (14-elevated-discovery-footer-address.php) ==== */
footer .footer-connect .ed-footer-address{font-style:normal;color:#aaa;font-size:16px;line-height:1.65;margin:0 0 .9rem}

/* ==== Elevated Discovery Footer Address (14-elevated-discovery-footer-address.php): footer text type ==== */
html body > footer .footer-grid p:not(.footer-copyright-inline),html body > footer .footer-grid a,html body > footer .footer-grid address{font-family:"Poppins",Arial,Helvetica,sans-serif!important;font-size:15.36px!important;font-weight:400!important;line-height:1.62!important;letter-spacing:normal!important}html body > footer .footer-grid a{margin:2px 0!important}html body > footer .footer-grid h3{margin-bottom:12px!important}html body > footer .footer-connect .ed-footer-address{margin-bottom:.45rem!important}html body > footer{padding:0!important}html body > footer .footer-grid > div:first-child p,html body > footer .footer-connect .footer-copyright-inline{padding-top:10px!important}@media(max-width:640px){html body > footer .footer-grid{row-gap:16px!important}html body > footer .footer-grid h3{margin-top:0!important}}

/* ==== Elevated Discovery About Page Content (16-elevated-discovery-about-page.php): H1 styling ==== */
html body.page-template-page-about .about-approach-in-hero-r69 h1.ed-about-h1{font-family:"Trajan Pro","Cinzel",Georgia,"Times New Roman",serif!important;font-size:clamp(22px,2vw,30px)!important;font-weight:400!important;font-style:normal!important;font-variant:small-caps!important;line-height:1.22!important;letter-spacing:-.025em!important;text-transform:none!important;color:#171513!important;margin:0 0 14px 0!important;padding:0!important}@media(min-width:981px){html body.page-template-page-about .about-approach-in-hero-r69 h1.ed-about-h1{white-space:nowrap!important}}

/* ==== Elevated Discovery About Page Content (16-elevated-discovery-about-page.php): leadership bios ====
   Paragraph spacing, and an opened card grows to fit its biography (never shorter than the theme size). */
html body.page-template-page-about .r65-leadership .member-bio .bio-text p{margin:0 0 12px}html body.page-template-page-about .r65-leadership .member-bio .bio-text p:last-child{margin-bottom:0}html body.page-template-page-about .r65-leadership .team-grid{grid-auto-rows:minmax(240px,auto)!important}html body.page-template-page-about .r65-leadership .team-grid .team-member.active{height:auto!important;min-height:760px!important}html body.page-template-page-about .r65-leadership .team-grid .team-member.active .member-bio{height:auto!important}@media(max-width:768px){html body.page-template-page-about .r65-leadership .team-grid .team-member.active{min-height:1020px!important}}

/* ==== Elevated Discovery Trial Preparation Images (19-elevated-discovery-trial-preparation.php): top section image ==== */
html body main .page-hero.hero-trial::after{background-image:url("../images/448x252-Trial-Preperations-Scale.jpg")!important}

/* ==== Elevated Discovery Home Images (13-elevated-discovery-home-hero.php): hero intro video ==== */
html body.home .hero-visual-rotator-v4176.ed-intro .hero-visual-slide{animation-play-state:paused!important;opacity:0!important;transition:none!important}html body.home .hero-visual-rotator-v4176 .ed-intro-box{position:absolute;left:0;top:50%;width:100%;aspect-ratio:16/9;transform:translateY(-50%);z-index:3;opacity:1;transition:opacity 3s ease-in-out}html body.home .hero-visual-rotator-v4176 .ed-intro-box.ed-intro-done{opacity:0}html body.home .hero-visual-rotator-v4176 .ed-intro-box.ed-intro-multiply{mix-blend-mode:multiply}html body.home .hero-visual-rotator-v4176.ed-intro-cream-bg{background-color:#f7f0e3}@keyframes edPicFadeIn{from{opacity:0}to{opacity:1}}@keyframes edPicFadeIn2{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){html body.home .hero-visual-rotator-v4176 .hero-visual-slide img{animation:edPicFadeIn 3s ease-in-out both}}html body.home .hero-visual-rotator-v4176.ed-intro-reveal .hero-visual-slide img{animation:edPicFadeIn2 3s ease-in-out both}html body.home .hero-visual-rotator-v4176 .ed-intro-video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}@supports not (aspect-ratio:16/9){html body.home .hero-visual-rotator-v4176 .ed-intro-box{height:0;padding-bottom:56.25%}html body.home .hero-visual-rotator-v4176 .ed-intro-video{position:absolute;top:0;left:0}}html body.home .hero-visual-rotator-v4176 .ed-intro-sound{position:absolute;right:14px;bottom:14px;width:40px;height:40px;padding:0;border:1px solid rgba(197,151,86,.7);border-radius:50%;background:rgba(12,13,14,.55);color:#f7f0e3;display:grid;place-items:center;cursor:pointer;pointer-events:auto;transition:background .2s ease}html body.home .hero-visual-rotator-v4176 .ed-intro-sound:hover{background:rgba(183,131,37,.85)}html body.home .hero-visual-rotator-v4176 .ed-intro-sound:focus-visible{outline:2px solid #b78325;outline-offset:3px}html body.home .hero-visual-rotator-v4176 .ed-intro-sound svg{width:20px;height:20px}html body.home main > section.hero > .wrap{pointer-events:none}html body.home main > section.hero > .wrap > *{pointer-events:auto}

/* ==== Elevated Discovery Header Logo (22-elevated-discovery-header-logo.php): logo size, header height, menu underline ==== */
html body .site-header .brand{display:block!important;padding-bottom:10px!important}html body .site-header .brand img{width:195px!important;max-width:16vw!important;max-height:64px!important;height:auto!important}:root{--ed-fixed-header-height:78px!important}html body .site-header .header-inner{min-height:73px!important;padding-top:0!important;padding-bottom:0!important}html body .site-header .primary-menu>li>a{padding-top:6px!important;padding-bottom:9px!important}html body .main-nav .primary-menu:has(> li.current-menu-item, > li.current_page_item)>li:not(.current-menu-item):not(.current_page_item)>a::after{content:none!important}@media (min-width:981px) and (max-width:1180px){html body .site-header .brand img{max-width:14vw!important}}@media (max-width:980px){:root{--ed-fixed-header-height:57px!important}html body .site-header .brand img{width:128px!important;max-width:40vw!important;max-height:42px!important}html body .site-header .header-inner{min-height:52px!important}html body .site-header .menu-toggle{height:42px!important;padding:0 11px!important;font-size:22px!important;line-height:40px!important;margin-bottom:10px!important}html body .site-header .primary-menu>li>a{padding-top:11px!important;padding-bottom:8px!important}}
