.home-hero {
  background: var(--nyclaw-color-black);
  color: var(--nyclaw-color-white);
  min-height: 640px;
  overflow: hidden;
  position: relative;
}

.home-hero__media,
.home-hero__shade {
  inset: 0;
  position: absolute;
}

.home-hero__media {
  background: var(--home-hero-poster, url("../images/home-hero-video-preview.jpg")) center / cover no-repeat;
  height: 100%;
  width: 100%;
}

.home-hero__shade {
  background:
    linear-gradient(90deg, rgb(2 10 18 / 78%) 0%, rgb(4 14 24 / 58%) 46%, rgb(4 14 24 / 34%) 100%),
    rgb(7 20 34 / 34%);
}

.home-hero__inner {
  align-items: center;
  display: grid;
  gap: 72px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 640px;
  padding-block: 156px 76px;
  position: relative;
  z-index: 1;
}

.home-hero__copy {
  max-width: 680px;
}

.home-hero h1 {
  color: var(--nyclaw-color-white);
  font-size: clamp(2.8rem, 6vw, 5.8rem);
  line-height: 0.98;
  max-width: 600px;
}

.home-hero p {
  color: rgb(255 255 255 / 92%);
  font-size: 1.35rem;
  line-height: 1.45;
  max-width: 470px;
}

.home-hero__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}

.home-hero__phone {
  align-items: center;
  color: var(--nyclaw-color-white);
  display: inline-flex;
  font-size: 1.35rem;
  min-height: 48px;
  text-decoration: none;
}

.home-hero__watch {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--nyclaw-color-white);
  cursor: pointer;
  display: inline-grid;
  font-family: var(--nyclaw-font-heading);
  font-size: 0.84rem;
  font-weight: 800;
  gap: 12px;
  justify-items: center;
  min-height: 0;
  min-width: 380px;
  padding: 0;
  letter-spacing: 0.02em;
  position: relative;
  text-transform: uppercase;
}

.home-hero__watch::before {
  content: none;
}

.home-hero__watch-label,
.home-hero__watch-preview {
  position: relative;
  z-index: 1;
}

.home-hero__watch-preview {
  align-items: center;
  background:
    linear-gradient(rgb(6 12 20 / 20%), rgb(6 12 20 / 42%)),
    var(--home-hero-poster, url("../images/home-hero-video-preview.jpg")) center / cover no-repeat;
  border: 3px solid rgb(255 255 255 / 86%);
  box-shadow: 0 16px 36px rgb(0 0 0 / 34%), inset 0 0 0 1px rgb(0 0 0 / 18%);
  display: flex;
  aspect-ratio: 16 / 9;
  height: auto;
  justify-content: center;
  overflow: hidden;
  width: clamp(380px, 28vw, 430px);
}

.home-hero__watch-icon {
  align-items: center;
  backdrop-filter: blur(1px);
  background: rgb(134 27 30 / 86%);
  border: 2px solid rgb(255 255 255 / 92%);
  border-radius: 50%;
  box-shadow: 0 8px 18px rgb(0 0 0 / 28%);
  display: inline-flex;
  height: 68px;
  justify-content: center;
  width: 68px;
}

.home-hero__watch-icon::before {
  border-block: 11px solid transparent;
  border-left: 17px solid currentColor;
  content: "";
  display: block;
  margin-left: 4px;
}

.home-hero__watch:hover .home-hero__watch-icon,
.home-hero__watch:focus .home-hero__watch-icon {
  background: var(--nyclaw-color-white);
  color: var(--nyclaw-color-maroon);
}

.video-modal[hidden] {
  display: none;
}

.video-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 1000;
}

.video-modal__backdrop {
  background: rgb(0 0 0 / 78%);
  inset: 0;
  position: absolute;
}

.video-modal__dialog {
  background: var(--nyclaw-color-black);
  box-shadow: 0 24px 90px rgb(0 0 0 / 52%);
  max-width: 960px;
  position: relative;
  width: min(100%, 960px);
  z-index: 1;
}

.video-modal__close {
  align-items: center;
  background: var(--nyclaw-color-white);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: -16px;
  top: -16px;
  width: 40px;
  z-index: 2;
}

.video-modal__close::before,
.video-modal__close::after {
  background: var(--nyclaw-color-ink);
  content: "";
  height: 2px;
  position: absolute;
  width: 18px;
}

.video-modal__close::before {
  transform: rotate(45deg);
}

.video-modal__close::after {
  transform: rotate(-45deg);
}

.video-modal__player {
  aspect-ratio: 16 / 9;
  display: block;
  width: 100%;
}

.inner-hero {
  background:
    linear-gradient(90deg, rgb(0 0 0 / 72%) 0%, rgb(0 0 0 / 54%) 44%, rgb(0 0 0 / 22%) 100%),
    var(--inner-hero-image) var(--inner-hero-image-position, center) / cover no-repeat,
    var(--nyclaw-color-black);
  color: var(--nyclaw-color-white);
  min-height: 680px;
  overflow: hidden;
  position: relative;
}

/*
 * Per-page background-position overrides. Default is center. The team page
 * hero photo (D9B0589) frames people low in the frame, so shift focus down.
 */
body.page-our-team {
  --inner-hero-image-position: center 68%;
}

.inner-hero__shade {
  background: linear-gradient(0deg, rgb(0 0 0 / 12%), rgb(0 0 0 / 12%));
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.inner-hero__inner {
  align-items: center;
  display: grid;
  gap: 52px;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  min-height: 680px;
  padding-block: 168px 72px;
  position: relative;
  z-index: 1;
}

.inner-hero__copy {
  max-width: 680px;
}

.inner-hero h1 {
  color: var(--nyclaw-color-white);
  font-size: 3.15rem;
  line-height: 1.02;
  margin-bottom: 22px;
  max-width: 720px;
}

.inner-hero p {
  color: rgb(255 255 255 / 94%);
  font-size: 1.15rem;
  line-height: 1.52;
  max-width: 610px;
}

.inner-hero__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 24px;
  margin-top: 24px;
}

.inner-hero__phone {
  align-items: center;
  color: var(--nyclaw-color-white);
  display: inline-flex;
  font-family: var(--nyclaw-font-heading);
  font-size: 2.35rem;
  font-weight: 800;
  line-height: 1;
  min-height: 48px;
  text-decoration: none;
}

.inner-hero__watch {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nyclaw-color-white);
  cursor: pointer;
  display: inline-grid;
  font-family: var(--nyclaw-font-heading);
  font-size: 0.82rem;
  font-weight: 800;
  gap: 12px;
  justify-items: center;
  letter-spacing: 0.02em;
  min-height: 0;
  min-width: 240px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}

.inner-hero__watch::before {
  content: none;
}

.inner-hero__watch-preview,
.inner-hero__watch-label {
  position: relative;
  z-index: 1;
}

.inner-hero__watch-preview {
  align-items: center;
  aspect-ratio: 16 / 9;
  background:
    linear-gradient(rgb(6 12 20 / 20%), rgb(6 12 20 / 42%)),
    var(--inner-hero-watch-poster) center / cover no-repeat;
  border: 3px solid rgb(255 255 255 / 86%);
  box-shadow: 0 16px 36px rgb(0 0 0 / 34%), inset 0 0 0 1px rgb(0 0 0 / 18%);
  display: flex;
  height: auto;
  justify-content: center;
  overflow: hidden;
  width: 240px;
}

.inner-hero__watch-icon {
  align-items: center;
  backdrop-filter: blur(1px);
  background: rgb(134 27 30 / 86%);
  border: 2px solid rgb(255 255 255 / 92%);
  border-radius: 50%;
  box-shadow: 0 8px 18px rgb(0 0 0 / 28%);
  color: var(--nyclaw-color-white);
  display: inline-flex;
  flex: 0 0 auto;
  height: 62px;
  justify-content: center;
  width: 62px;
}

.inner-hero__watch-icon::before {
  border-block: 10px solid transparent;
  border-left: 16px solid currentColor;
  content: "";
  display: block;
  margin-left: 5px;
}

.inner-hero__watch:hover .inner-hero__watch-icon,
.inner-hero__watch:focus .inner-hero__watch-icon {
  background: var(--nyclaw-color-white);
  color: var(--nyclaw-color-maroon);
}

.inner-hero__watch:hover .inner-hero__watch-label,
.inner-hero__watch:focus .inner-hero__watch-label {
  color: var(--nyclaw-color-gold);
}

.inner-hero__form {
  background: transparent;
  box-shadow: none;
  color: var(--nyclaw-color-white);
  padding: 0;
}

.inner-hero .inner-hero__form-eyebrow {
  color: var(--nyclaw-color-gold);
  font-family: var(--nyclaw-font-heading);
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.inner-hero .inner-hero__form-title {
  color: var(--nyclaw-color-white);
  font-family: var(--nyclaw-font-heading);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  margin: 4px 0 18px;
}

.inner-hero .nyclaw-lead-form__submit {
  justify-self: stretch;
}

.inner-hero .nyclaw-lead-form__fields {
  grid-template-columns: 1fr;
}

.inner-hero .nyclaw-lead-form__quiz {
  grid-template-columns: auto minmax(140px, 1fr);
}

.inner-hero .nyclaw-lead-form input,
.inner-hero .nyclaw-lead-form select,
.inner-hero .nyclaw-lead-form textarea {
  background: rgb(255 255 255 / 18%);
  border-color: rgb(255 255 255 / 28%);
  color: var(--nyclaw-color-white);
}

/*
 * The <select> itself sits on the dark hero, so it needs white text. But
 * that colour would otherwise inherit into its <option> list, and browsers
 * render the opened native dropdown on a plain light background regardless
 * of the closed control's styling — white-on-white, invisible. Options get
 * their own dark-on-light colours so the open state stays readable. See LB-06.
 */
.inner-hero .nyclaw-lead-form select option {
  background: var(--nyclaw-color-white);
  color: var(--nyclaw-color-charcoal);
}

.inner-hero .nyclaw-lead-form input::placeholder,
.inner-hero .nyclaw-lead-form textarea::placeholder {
  color: rgb(255 255 255 / 86%);
}

.content-shell--after-hero {
  padding-top: 56px;
}

.inner-intro-band {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  padding-block: 76px;
}

.inner-intro-band__inner {
  margin-inline: auto;
  max-width: 940px;
  text-align: center;
}

.inner-intro-band h2 {
  color: var(--nyclaw-color-white);
  font-size: clamp(2rem, 4vw, 3.65rem);
  line-height: 1.05;
  margin: 0;
  text-transform: uppercase;
}

.inner-intro-band p {
  color: var(--nyclaw-color-white);
  font-size: 1.12rem;
  line-height: 1.7;
  margin: 24px auto 0;
  max-width: 900px;
}

.cancer-type-feature-band {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  overflow: visible;
  padding-block: 76px 54px;
}

.cancer-type-feature-band__inner {
  align-items: center;
  display: grid;
  gap: clamp(34px, 6vw, 82px);
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1fr);
}

.cancer-type-feature-band__copy p {
  color: var(--nyclaw-color-white);
  font-size: 1.08rem;
  line-height: 1.75;
  margin: 0;
  max-width: 590px;
}

.cancer-type-feature-band__media {
  margin: 0 0 -112px;
  position: relative;
  z-index: 2;
}

.cancer-type-feature-band__media img {
  box-shadow: 0 20px 40px rgb(0 0 0 / 16%);
  display: block;
  height: auto;
  width: 100%;
}

.cancer-type-feature-band + .content-wrap .content-shell--after-hero {
  padding-top: 152px;
}

.location-feature-band {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  overflow: visible;
  padding-block: 86px 70px;
}

.location-feature-band__inner {
  align-items: center;
  display: grid;
  gap: clamp(34px, 5vw, 76px);
  grid-template-columns: minmax(300px, 1fr) minmax(0, 0.9fr);
}

.location-feature-band__media {
  margin: 0 0 -110px;
  position: relative;
  z-index: 2;
}

.location-feature-band__media img {
  box-shadow: 0 20px 40px rgb(0 0 0 / 16%);
  display: block;
  height: auto;
  width: 100%;
}

.location-feature-band__copy p {
  color: var(--nyclaw-color-white);
  font-size: 1.08rem;
  line-height: 1.75;
  margin: 0;
  max-width: 590px;
}

.location-feature-band + .content-wrap .content-shell--after-hero {
  padding-top: 158px;
}

.testimonial-intro-band {
  background-color: var(--nyclaw-color-maroon);
  background-image:
    linear-gradient(rgb(134 27 30 / 88%), rgb(134 27 30 / 88%)),
    var(--testimonial-intro-image);
  background-position: center;
  background-size: cover;
  color: var(--nyclaw-color-white);
  padding-block: 100px 160px;
}

.testimonial-intro-band + .content-wrap .content-shell--after-hero {
  margin-top: -104px;
  padding-top: 0;
}

.testimonial-intro-band__inner {
  align-items: center;
  display: grid;
  gap: 54px;
  grid-template-columns: minmax(220px, 0.38fr) minmax(0, 0.62fr);
}

.testimonial-intro-band h2 {
  color: var(--nyclaw-color-white);
  font-size: clamp(3rem, 6vw, 5rem);
  line-height: 0.95;
  margin: 0;
  max-width: 390px;
  text-transform: uppercase;
}

.testimonial-intro-band p {
  color: var(--nyclaw-color-white);
  font-size: 1.15rem;
  line-height: 1.55;
  margin: 0;
  max-width: 760px;
}

.client-testimonials-page {
  background: var(--nyclaw-color-white);
  padding-block: 60px 86px;
}

.client-testimonials-page__list .testimonial-listing {
  margin: 0;
}

.client-testimonials-page__featured {
  background:
    linear-gradient(90deg, rgb(255 255 255 / 94%), rgb(255 255 255 / 82%)),
    url("/wp-content/uploads/2022/04/Rectangle-78.png") center / cover no-repeat,
    var(--nyclaw-color-white);
  padding-block: 34px 0;
}

.client-testimonials-page__featured .legacy-card-section {
  margin: 0;
}

.client-testimonials-page__featured .legacy-card-section > h2 {
  text-align: center;
}

.home-content__body {
  max-width: 820px;
}

.home-call-strip {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
}

.home-call-strip .content-wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  justify-content: center;
  padding-block: 28px;
  text-align: center;
}

.home-call-strip p {
  font-family: var(--nyclaw-font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  margin: 0;
}

.home-call-strip__action {
  background: var(--nyclaw-color-white);
  color: var(--nyclaw-color-maroon);
  display: inline-flex;
  font-family: var(--nyclaw-font-heading);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 13px 32px;
  text-decoration: none;
  text-transform: uppercase;
}

.home-call-strip__action:hover,
.home-call-strip__action:focus {
  background: var(--nyclaw-color-gold);
  color: var(--nyclaw-color-ink);
}

.home-results,
.home-cancer-types,
.home-stories {
  background: var(--nyclaw-color-light);
}

.section-heading {
  margin-bottom: 28px;
  max-width: 850px;
}

.section-heading--with-link {
  align-items: end;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  max-width: none;
}

.section-heading__eyebrow {
  color: var(--nyclaw-color-maroon);
  font-weight: 800;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.section-heading h2,
.section-heading h3 {
  font-size: clamp(2rem, 4vw, 3.1rem);
}

.home-intro__grid,
.home-why__grid {
  align-items: center;
  display: grid;
  gap: 46px;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.85fr);
}

.home-video-proof {
  background: var(--nyclaw-color-white);
  border: 1px solid var(--nyclaw-color-line);
  box-shadow: 0 18px 40px rgb(0 0 0 / 12%);
}

.home-video-proof video {
  aspect-ratio: 16 / 9;
  display: block;
  width: 100%;
}

.home-video-proof p {
  align-items: baseline;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 0;
  padding: 18px;
}

.home-video-proof strong {
  color: var(--nyclaw-color-maroon);
  font-family: var(--nyclaw-font-heading);
  font-size: 2.4rem;
  line-height: 1;
}

/*
 * Homepage results block.
 *
 * The centred, maroon-outlined card with a gold amount is the treatment the
 * live site uses and was already written here — but only inside the 700px
 * breakpoint, so every desktop visitor got the generic gold-top-border card
 * instead: left-aligned, black amount, drop shadow, visibly out of step with
 * the rest of the section. It belongs at every width.
 *
 * The grid is a fixed 4x2 rather than auto-fit because the block always holds
 * exactly eight cards (sliced in nyclaw_shortcode_past_results). Auto-fit
 * reflowed them 5-3 or 3-3-2 at intermediate widths, which is what made the
 * section read as ragged; four columns keeps it an even slab.
 */
.home-results .legacy-results-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-results .legacy-result-card {
  border: 1px solid var(--nyclaw-color-maroon);
  border-radius: 14px;
  box-shadow: none;
  min-height: 150px;
  padding: 30px 22px;
  text-align: center;
}

.home-results .legacy-result-card__amount {
  font-size: 2rem;
  margin-bottom: 12px;
}

.home-results .legacy-result-card__amount a {
  color: var(--nyclaw-color-gold);
}

/*
 * Live sets this summary in near-black, not the muted grey used elsewhere.
 * Matching it is also the accessible choice: --nyclaw-color-muted is 60%
 * opaque, which composites to #858585 on this section's #f8f8f8 background —
 * 3.44:1, under the 4.5:1 AA floor for text this size.
 */
.home-results .legacy-result-card p {
  color: var(--nyclaw-color-ink);
  font-size: 0.95rem;
  line-height: 1.35;
  margin: 0 auto;
  max-width: 260px;
}

.home-results__more {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  display: flex;
  font-family: var(--nyclaw-font-heading);
  font-size: 0.78rem;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0.08em;
  line-height: 1;
  margin: 8px auto 0;
  margin-inline: auto;
  padding: 15px 36px;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
}

.home-results__more::after {
  content: ">";
  margin-left: 12px;
}

.home-results__more:hover,
.home-results__more:focus {
  background: var(--nyclaw-color-gold);
  color: var(--nyclaw-color-ink);
}

.home-why {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
}

.home-why h2,
.home-why .section-heading__eyebrow {
  color: var(--nyclaw-color-white);
}

.home-why p {
  font-size: 1.15rem;
}

.home-testimonials__grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-testimonial-card {
  background: var(--nyclaw-color-white);
  border: 1px solid var(--nyclaw-color-line);
  border-top: 4px solid var(--nyclaw-color-gold);
  box-shadow: 0 12px 28px rgb(0 0 0 / 8%);
  padding: 24px;
}

.home-testimonial-card p::before {
  color: var(--nyclaw-color-gold);
  content: "\201C";
  font-family: var(--nyclaw-font-heading);
  font-size: 2.7rem;
  line-height: 0;
  margin-right: 4px;
  vertical-align: -0.35em;
}

.home-testimonial-card cite {
  color: var(--nyclaw-color-maroon);
  display: block;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-top: 18px;
  text-transform: uppercase;
}

.home-testimonials__more {
  display: table;
  margin: 26px auto 0;
}

.home-bottom-cta {
  border-top: 1px solid rgb(255 255 255 / 16%);
  padding-block: 44px;
}

.home-bottom-cta .consultation-cta__inner {
  max-width: 780px;
}

.content-shell__body img,
.content-shell__body iframe,
.content-shell__body video {
  border: 0;
  height: auto;
  margin-block: 1.25em;
  max-width: 100%;
}

.content-shell__body iframe {
  aspect-ratio: 16 / 10;
  min-height: 320px;
  width: 100%;
}

.content-shell__featured-media {
  margin: 0 0 24px;
}

.content-shell__featured-media img {
  display: block;
  height: auto;
  width: 100%;
}

.content-shell__meta {
  color: var(--nyclaw-color-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.92rem;
  font-weight: 700;
  gap: 8px 18px;
  margin-bottom: 24px;
}

.utility-page {
  padding-block: 74px 48px;
}

.utility-page__body {
  max-width: 1120px;
}

.utility-page__featured {
  background:
    linear-gradient(rgb(255 255 255 / 88%), rgb(255 255 255 / 93%)),
    url("/wp-content/uploads/2022/04/Rectangle-78.png") center / cover no-repeat,
    var(--nyclaw-color-white);
  padding-block: 60px 88px;
}

.utility-page__featured .legacy-card-section {
  margin: 0;
}

.utility-page__featured .legacy-card-section > h2 {
  text-align: center;
}

.testimonial-profile__authority {
  border-bottom: 1px solid var(--nyclaw-color-line);
  border-top: 1px solid var(--nyclaw-color-line);
  margin-top: 54px;
  padding-block: 42px;
}

.testimonial-profile__authority .authority-badges {
  justify-content: space-around;
  margin: 0;
}

.content-video {
  margin: 28px 0;
}

.content-video video {
  aspect-ratio: 16 / 9;
  background: var(--nyclaw-color-black);
  width: 100%;
}

.contact-page {
  background:
    linear-gradient(90deg, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 58%) 48%, rgb(0 0 0 / 50%) 100%),
    var(--contact-page-image) center / cover no-repeat,
    var(--nyclaw-color-black);
  color: var(--nyclaw-color-white);
  min-height: 980px;
  overflow: hidden;
  position: relative;
}

.contact-page__shade {
  background: rgb(0 0 0 / 12%);
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.contact-page__inner {
  display: grid;
  gap: 96px;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.86fr);
  padding-block: 240px 110px;
  position: relative;
  z-index: 1;
}

.contact-page h1,
.contact-page h2,
.contact-page h3 {
  color: var(--nyclaw-color-white);
}

.contact-page h1 {
  font-size: 3.55rem;
  line-height: 1;
  margin-bottom: 18px;
}

.contact-page h2 {
  font-size: 3rem;
  line-height: 1.05;
  margin-bottom: 14px;
}

.contact-page h3 {
  color: var(--nyclaw-color-gold);
  font-size: 1rem;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.contact-page p,
.contact-page__link {
  color: rgb(255 255 255 / 88%);
}

.contact-page__form-panel > p,
.contact-page__info > p {
  max-width: 560px;
}

/*
 * Info column stretches to match the taller form column in the grid.
 * Flex column + margin-top: auto on the footer pushes the trust band
 * to the bottom so the empty space between locations and the section
 * bottom becomes a real conversion asset instead of dead air. See FOR-174.
 */
.contact-page__info {
  display: flex;
  flex-direction: column;
}

.contact-page__info-footer {
  border-top: 1px solid rgb(210 176 94 / 30%);
  margin-top: auto;
  padding-block: 28px 4px;
}

.contact-page__info-tagline {
  color: var(--nyclaw-color-gold);
  font-family: var(--nyclaw-font-heading);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.4;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.contact-page__info-phone {
  color: var(--nyclaw-color-white);
  font-family: var(--nyclaw-font-heading);
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.contact-page__info-phone:hover,
.contact-page__info-phone:focus {
  color: var(--nyclaw-color-gold);
}

.contact-page .nyclaw-lead-form {
  margin-top: 30px;
  max-width: 560px;
}

.contact-page .nyclaw-lead-form__fields {
  grid-template-columns: 1fr;
}

.contact-page .nyclaw-lead-form input,
.contact-page .nyclaw-lead-form textarea {
  background: rgb(255 255 255 / 20%);
  border: 0;
  color: var(--nyclaw-color-white);
  min-height: 56px;
}

.contact-page .nyclaw-lead-form textarea {
  min-height: 160px;
}

.contact-page .nyclaw-lead-form input::placeholder,
.contact-page .nyclaw-lead-form textarea::placeholder {
  color: rgb(255 255 255 / 86%);
  opacity: 1;
}

.contact-page .nyclaw-lead-form__quiz {
  color: var(--nyclaw-color-white);
  grid-template-columns: auto minmax(140px, 1fr);
  max-width: 360px;
}

.contact-page .nyclaw-lead-form__submit {
  min-width: 196px;
}

.contact-page .nyclaw-lead-form__submit:hover,
.contact-page .nyclaw-lead-form__submit:focus {
  background: var(--nyclaw-color-gold);
  border-color: var(--nyclaw-color-gold);
  color: var(--nyclaw-color-white);
}

/*
 * WS Form (contact-us page) renders its own field labels in the plugin's
 * default text colour (near-black), which is illegible on this section's
 * dark background — WS Form's markup isn't ours to restructure, so the
 * fix is a colour override on the plugin's own classes. See LB-06.
 */
.inner-hero .nyclaw-wsform--banner {
  background: rgb(0 0 0 / 65%);
  padding: 20px;
}

.inner-hero .nyclaw-wsform--banner,
.inner-hero .nyclaw-wsform--banner .wsf-label,
.inner-hero .nyclaw-wsform--banner .wsf-description,
.inner-hero .nyclaw-wsform--banner .wsf-help,
.inner-hero .nyclaw-wsform--banner .nyclaw-lead-form__privacy,
.contact-page .wsf-label,
.contact-page .wsf-description,
.contact-page .wsf-help,
.contact-page .nyclaw-wsform,
.contact-page .nyclaw-lead-form__privacy {
  color: var(--nyclaw-color-white) !important;
}

.inner-hero .nyclaw-wsform--banner .wsf-field:focus,
.inner-hero .nyclaw-wsform--banner .wsf-button:focus,
.contact-page .wsf-field:focus,
.contact-page .wsf-button:focus {
  outline-color: var(--nyclaw-color-gold) !important;
}

.inner-hero .nyclaw-wsform--banner .wsf-text-danger,
.contact-page .wsf-text-danger {
  color: #ff8a80 !important;
}

.contact-page__method,
.contact-page__location {
  border-bottom: 1px dotted rgb(210 176 94 / 62%);
  padding-block: 18px 22px;
  padding-left: 54px;
  position: relative;
}

.contact-page__method::before,
.contact-page__location::before {
  color: var(--nyclaw-color-gold);
  font-size: 1.9rem;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 20px;
}

.contact-page__method--phone::before {
  content: "\260E";
}

.contact-page__method--mail::before {
  content: "\2709";
}

.contact-page__location::before {
  content: "\25CE";
}

.contact-page__link {
  font-weight: 700;
  text-decoration: none;
}

.contact-featured {
  background:
    linear-gradient(rgb(255 255 255 / 90%), rgb(255 255 255 / 94%)),
    url("/wp-content/uploads/2022/04/Rectangle-78.png") center / cover no-repeat,
    var(--nyclaw-color-white);
  padding-block: 60px;
}

.contact-featured .legacy-card-section {
  margin: 0;
}

.contact-featured .legacy-card-section > h2 {
  text-align: center;
}

.about-overview-band {
  background:
    linear-gradient(90deg, rgb(255 255 255 / 96%) 0%, rgb(255 255 255 / 82%) 52%, rgb(248 246 242 / 94%) 100%),
    url("../images/bg-line-about.png") center / cover no-repeat,
    var(--nyclaw-color-white);
  padding-block: 76px;
}

.about-overview-band__inner {
  align-items: center;
  display: grid;
  gap: clamp(28px, 5vw, 70px);
  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1fr);
}

.about-overview-band__media {
  margin: 0;
  position: relative;
}

.about-overview-band__media::after {
  background: var(--nyclaw-color-maroon);
  content: "";
  inset: 24px -24px -24px 24px;
  opacity: 0.14;
  position: absolute;
  z-index: 0;
}

.about-overview-band__media img {
  box-shadow: 0 18px 38px rgb(0 0 0 / 14%);
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}

/*
 * No max-width: the grid column already sets the measure, and capping it at
 * 640px left dead space between the panel and the right edge of the band.
 */
.about-overview-band__copy {
  max-width: none;
}

.about-overview-band__copy--maroon {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  padding: clamp(28px, 4vw, 52px);
}

.about-overview-band__eyebrow {
  color: var(--nyclaw-color-maroon);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.about-overview-band h2 {
  font-size: clamp(2rem, 4vw, 3.3rem);
  margin-bottom: 18px;
}

.about-overview-band p {
  color: var(--nyclaw-color-charcoal);
  font-size: 1.05rem;
  line-height: 1.75;
}

.about-overview-band__copy--maroon p {
  color: var(--nyclaw-color-white);
  font-size: 1.02rem;
  line-height: 1.72;
  margin: 0;
}

.about-detail-band {
  background: var(--nyclaw-color-white);
}

/*
 * The about page runs on the wide measure rather than the default 1160px.
 * Every band here is two columns with an image on one side, so at the content
 * width the copy columns were narrow enough that the whole page read as
 * crammed into the middle of the screen with odd gutters either side.
 * --nyclaw-layout-wide (1320px) is an existing token, so this widens things
 * without inventing a one-off measurement.
 */
.about-overview-band__inner,
.about-detail-band__intro,
.about-detail-band__proof,
.about-detail-band__team,
.about-detail-band__screening-inner,
.about-detail-band__damages,
.about-detail-band__featured .legacy-card-section {
  max-width: var(--nyclaw-layout-wide);
}

.about-detail-band__intro {
  align-items: center;
  display: grid;
  gap: clamp(32px, 6vw, 96px);
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
  padding-block: 92px 44px;
}

.about-detail-band__intro-copy {
  color: var(--nyclaw-color-charcoal);
  font-size: 1.02rem;
  line-height: 1.78;
  max-width: 720px;
}

.about-detail-band__stats,
.about-detail-band__screening-media,
.about-detail-band__damages-media {
  margin: 0;
}

.about-detail-band__stats {
  position: relative;
}

.about-detail-band__stats img,
.about-detail-band__screening-media img,
.about-detail-band__damages-media img {
  display: block;
  height: auto;
  width: 100%;
}

.about-detail-band__stats img {
  box-shadow: 0 18px 40px rgb(0 0 0 / 12%);
}

.about-detail-band__stats figcaption {
  background: var(--nyclaw-color-gold);
  bottom: 28px;
  color: var(--nyclaw-color-white);
  left: -34px;
  min-width: 150px;
  padding: 24px 20px;
  position: absolute;
  text-align: center;
}

.about-detail-band__stats strong {
  display: block;
  font-family: var(--nyclaw-font-heading);
  font-size: 2.6rem;
  line-height: 1;
}

.about-detail-band__stats span {
  display: block;
  font-size: 0.86rem;
  font-weight: 700;
  margin-top: 6px;
}

.about-detail-band__proof {
  padding-block: 50px 80px;
}

.about-detail-band__proof-grid {
  background:
    linear-gradient(rgb(255 255 255 / 82%), rgb(255 255 255 / 90%)),
    url("../images/bg-line-about.png") center / cover no-repeat,
    #fbfaf7;
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 46px;
}

.about-detail-band__proof-grid a {
  align-content: start;
  color: var(--nyclaw-color-charcoal);
  display: grid;
  gap: 8px;
  grid-template-columns: 48px 1fr;
  padding-left: 0;
  text-decoration: none;
}

.about-detail-band__proof-icon {
  align-self: start;
  background: var(--nyclaw-color-gold);
  border: 2px solid var(--nyclaw-color-maroon);
  display: block;
  height: 31px;
  margin-top: 2px;
  position: relative;
  transform: rotate(45deg);
  width: 31px;
}

.about-detail-band__proof-icon::before,
.about-detail-band__proof-icon::after {
  background: var(--nyclaw-color-maroon);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.about-detail-band__proof-icon::before {
  height: 2px;
  width: 18px;
}

.about-detail-band__proof-icon::after {
  height: 18px;
  width: 2px;
}

.about-detail-band__proof-grid strong {
  color: var(--nyclaw-color-heading);
  font-family: var(--nyclaw-font-heading);
  font-size: 1.08rem;
  grid-column: 2;
}

.about-detail-band__proof-grid span {
  color: var(--nyclaw-color-muted);
  font-size: 0.95rem;
  grid-column: 2;
  line-height: 1.55;
}

.about-detail-band__proof-grid .about-detail-band__proof-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
}

/*
 * The maroon here used to be a 90deg gradient stopping at a flat 44% of the
 * VIEWPORT, so its edge only lined up with the portrait at one particular
 * window width. Everywhere else it bled off the left edge of the screen while
 * the card stayed inside the content measure, leaving a stray white gutter
 * between them — the single biggest reason this band read as lopsided.
 *
 * Tie it to the portrait instead: a maroon frame around the image, which is a
 * grid column, so the two edges stay locked together at every width and the
 * band sits centred like the rest of the page.
 */
.about-detail-band__screening {
  background: var(--nyclaw-color-white);
  padding-block: 86px;
}

.about-detail-band__screening-inner {
  align-items: center;
  display: grid;
  gap: clamp(34px, 6vw, 72px);
  grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1fr);
  padding-block: 0;
}

.about-detail-band__screening-media {
  --about-portrait-frame: clamp(20px, 3vw, 40px);

  background: var(--nyclaw-color-maroon);
  padding: var(--about-portrait-frame);
  position: relative;
}

.about-detail-band__screening-media img {
  filter: grayscale(1);
}

/* Inset to the frame so the scrim darkens the photo, not the maroon border. */
.about-detail-band__screening-media::after {
  background: linear-gradient(180deg, transparent, rgb(0 0 0 / 54%));
  content: "";
  inset: var(--about-portrait-frame);
  position: absolute;
}

.about-detail-band__screening-media figcaption {
  bottom: calc(var(--about-portrait-frame) + 34px);
  color: var(--nyclaw-color-white);
  font-family: var(--nyclaw-font-heading);
  font-size: clamp(2.1rem, 4vw, 4rem);
  font-weight: 800;
  left: calc(var(--about-portrait-frame) + 34px);
  line-height: 1;
  max-width: 360px;
  position: absolute;
  z-index: 1;
}

.about-detail-band__screening-card {
  background: var(--nyclaw-color-white);
  box-shadow: 0 22px 60px rgb(0 0 0 / 12%);
  color: var(--nyclaw-color-charcoal);
  line-height: 1.7;
  padding: clamp(28px, 4vw, 48px);
}

.about-detail-band__screening-card ul,
.about-detail-band__damages ul {
  list-style: none;
  margin: 18px 0;
  padding: 0;
}

.about-detail-band__screening-card li,
.about-detail-band__damages li {
  padding-left: 22px;
  position: relative;
}

.about-detail-band__screening-card li + li,
.about-detail-band__damages li + li {
  margin-top: 9px;
}

.about-detail-band__screening-card li::before,
.about-detail-band__damages li::before {
  background: var(--nyclaw-color-maroon);
  border-radius: 999px;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: 0.72em;
  width: 7px;
}

.about-detail-band__cancer-links {
  column-gap: 30px;
  columns: 2;
}

.about-detail-band__cancer-links a {
  color: var(--nyclaw-color-maroon);
  font-weight: 800;
}

.about-detail-band__damages {
  align-items: center;
  display: grid;
  gap: clamp(34px, 6vw, 76px);
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  padding-block: 92px;
}

.about-detail-band__gold-note {
  background: var(--nyclaw-color-gold);
  color: var(--nyclaw-color-white);
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.65;
  margin: 0 0 30px;
  padding: 28px 34px;
}

.about-detail-band__final-cta {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  margin-top: 34px;
  padding: 30px 34px;
}

.about-detail-band__final-cta a {
  color: var(--nyclaw-color-white);
  font-weight: 800;
}

.about-detail-band__final-cta a:hover,
.about-detail-band__final-cta a:focus {
  color: var(--nyclaw-color-gold);
}

.about-detail-band__final-cta img {
  background: var(--nyclaw-color-white);
  display: block;
  height: auto;
  margin-top: 22px;
  max-width: 260px;
  padding: 10px 12px;
}

.about-detail-band__featured {
  background:
    linear-gradient(rgb(255 255 255 / 90%), rgb(255 255 255 / 94%)),
    url("../images/bg-line-about.png") center / cover no-repeat,
    #fbfaf7;
  max-width: none;
  padding-block: 82px 96px;
}

.about-detail-band__featured .legacy-card-section {
  margin-inline: auto;
  max-width: var(--nyclaw-layout-content);
}

.about-detail-band__featured .legacy-card-section > h2 {
  text-align: center;
}

.types-of-cancer-page {
  background: var(--nyclaw-color-white);
}

.types-overview-band {
  background: #f2f2f2;
}

.types-overview-band__inner {
  align-items: center;
  display: grid;
  gap: clamp(34px, 6vw, 76px);
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1fr);
  padding-block: 78px;
}

.types-overview-band__media {
  margin: 0;
}

.types-overview-band__media img {
  box-shadow: 0 18px 42px rgb(0 0 0 / 14%);
  display: block;
  height: auto;
  width: 100%;
}

.types-overview-band__copy {
  color: var(--nyclaw-color-charcoal);
  font-size: 1.04rem;
  line-height: 1.75;
  max-width: 620px;
}

.types-overview-band h2 {
  font-size: clamp(2rem, 4vw, 3.1rem);
  margin-bottom: 18px;
}

.types-grid-band {
  background:
    linear-gradient(rgb(134 27 30 / 92%), rgb(134 27 30 / 94%)),
    url("/wp-content/uploads/2022/04/image-23.png") center / cover no-repeat,
    var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  padding-block: 92px 104px;
}

.types-grid-band__inner {
  padding-block: 0;
}

.types-grid-band__intro {
  margin: 0 auto 38px;
  max-width: 760px;
  text-align: center;
}

.types-grid-band__eyebrow {
  color: var(--nyclaw-color-gold);
  font-size: 0.84rem;
  font-weight: 800;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.types-grid-band h2 {
  color: var(--nyclaw-color-white);
  font-size: clamp(2.1rem, 4vw, 3.45rem);
  line-height: 1.08;
}

.types-grid-band .legacy-cancer-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 860px;
}

.types-grid-band .legacy-cancer-card {
  border-color: rgb(255 255 255 / 16%);
  box-shadow: 0 18px 38px rgb(0 0 0 / 16%);
}

.types-diagnosis-band {
  background: var(--nyclaw-color-white);
}

.types-diagnosis-band__inner {
  align-items: start;
  display: grid;
  gap: clamp(34px, 6vw, 76px);
  grid-template-columns: minmax(0, 1fr) minmax(240px, 390px);
  padding-block: 92px;
}

.types-diagnosis-band__copy {
  color: var(--nyclaw-color-charcoal);
  font-size: 1.03rem;
  line-height: 1.74;
}

.types-diagnosis-band h2 {
  font-size: clamp(2rem, 4vw, 3rem);
  margin-bottom: 18px;
}

.types-diagnosis-band__list {
  columns: 2;
  column-gap: 42px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}

.types-diagnosis-band__list li {
  break-inside: avoid;
  margin-bottom: 9px;
  padding-left: 18px;
  position: relative;
}

.types-diagnosis-band__list li::before {
  background: var(--nyclaw-color-maroon);
  border-radius: 999px;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: 0.72em;
  width: 7px;
}

.types-diagnosis-band__list a {
  color: var(--nyclaw-color-maroon);
  font-weight: 800;
}

.types-diagnosis-band__media {
  margin: 0;
}

.types-diagnosis-band__media img {
  display: block;
  filter: grayscale(1);
  height: auto;
  width: 100%;
}

.types-featured-articles {
  background:
    linear-gradient(rgb(255 255 255 / 90%), rgb(255 255 255 / 94%)),
    url("../images/bg-line-about.png") center / cover no-repeat,
    #fbfaf7;
  padding-block: 82px 96px;
}

.types-featured-articles .legacy-card-section {
  margin: 0;
}

.types-featured-articles .legacy-card-section > h2 {
  text-align: center;
}

.case-results-page {
  background: var(--nyclaw-color-white);
}

.case-results-overview {
  background: #f8f8f8;
  padding-block: 90px 0;
}

.case-results-overview__grid {
  align-items: center;
  display: grid;
  gap: clamp(28px, 6vw, 86px);
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.82fr);
}

.case-results-overview__photo {
  margin-bottom: -98px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.case-results-overview__photo img {
  box-shadow: 0 18px 38px rgb(0 0 0 / 12%);
  display: block;
  height: clamp(240px, 24vw, 330px);
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.case-results-overview__copy {
  padding-bottom: 44px;
}

.case-results-overview__copy p {
  color: var(--nyclaw-color-charcoal);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 0;
}

.case-results-proof {
  background: var(--nyclaw-color-maroon);
  padding: 100px 28px;
}

.case-results-proof .results-archive-intro {
  color: var(--nyclaw-color-white);
  margin-inline: auto;
  max-width: 1050px;
  text-align: center;
}

.case-results-proof .results-archive-intro h2 {
  color: var(--nyclaw-color-white);
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  line-height: 1.2;
  margin-bottom: 34px;
}

.case-results-proof .archive-grid--results {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-inline: auto;
  max-width: 1381px;
}

.case-results-proof .result-card {
  background: rgb(0 0 0 / 14%);
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 0 0 0 30px;
  box-shadow: 0 5px 10px rgb(0 0 0 / 14%);
  min-height: 176px;
  padding: 34px;
  text-align: center;
}

/* Alternate row tint for the 4-col grid — cards 5-8, 13-16, etc. */
.case-results-proof .result-card:nth-child(8n+5),
.case-results-proof .result-card:nth-child(8n+6),
.case-results-proof .result-card:nth-child(8n+7),
.case-results-proof .result-card:nth-child(8n+8) {
  background: rgb(0 0 0 / 28%);
}

/*
 * Every card carries a repeated "CASE STUDY" eyebrow. In the maroon
 * proof grid it turns into visual noise — hide it and let the amount
 * carry the hierarchy. Kept in markup so single-result pages still use it.
 */
.case-results-proof .result-card__label {
  display: none;
}

.case-results-proof .result-card__amount {
  font-size: clamp(1.45rem, 2.3vw, 1.9rem);
  line-height: 1;
}

.case-results-proof .result-card__amount a {
  color: var(--nyclaw-color-gold);
}

.case-results-proof .result-card__amount a:hover,
.case-results-proof .result-card__amount a:focus {
  color: var(--nyclaw-color-gold);
}

.case-results-proof .result-card__summary {
  color: rgb(255 255 255 / 88%);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
}

.case-results-featured {
  background:
    linear-gradient(rgb(255 255 255 / 88%), rgb(255 255 255 / 92%)),
    url("/wp-content/uploads/2022/04/Rectangle-78.png") center / cover no-repeat,
    var(--nyclaw-color-white);
  padding-block: 60px;
}

.case-results-featured .legacy-card-section {
  margin: 0;
}

.case-results-featured .legacy-card-section > h2 {
  text-align: center;
}

.legacy-results-grid,
.legacy-team-grid,
.legacy-cancer-grid,
.legacy-article-grid {
  display: grid;
  gap: 22px;
  margin-block: 28px 38px;
}

.legacy-results-grid,
.legacy-article-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.legacy-cancer-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

/*
 * Homepage team preview is capped at 10 in shortcodes.php so the
 * "View All" link on /our-team/ can carry the full roster. Force an
 * explicit 5x2 grid on desktop so 10 cards don't wrap 5-4-1 or 6-4
 * at intermediate widths.
 */
.legacy-team-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1024px) {
  .legacy-team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .legacy-team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.topic-card-section {
  margin-block: 34px 44px;
}

.topic-card-section h2 {
  margin-bottom: 30px;
}

.topic-card-grid {
  display: grid;
  gap: 36px 30px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.topic-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  text-align: center;
}

.topic-card__media {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 22px;
  min-height: 86px;
  text-decoration: none;
}

.topic-card__media img {
  display: block;
  height: auto;
  max-height: 110px;
  object-fit: contain;
  width: auto;
}

.topic-card__media--icon img {
  aspect-ratio: 1;
  height: 92px;
  max-width: 110px;
  object-fit: contain;
  width: 92px;
}

.topic-card__body {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.topic-card h3 {
  font-family: var(--nyclaw-font-body);
  font-size: 1.22rem;
  line-height: 1.2;
  margin-bottom: 16px;
  max-width: 260px;
}

.topic-card h3 a {
  color: var(--nyclaw-color-ink);
  text-decoration: none;
}

.topic-card__excerpt {
  color: var(--nyclaw-color-ink);
  line-height: 1.62;
  margin-bottom: 18px;
}

.topic-card__action {
  color: var(--nyclaw-color-ink);
  display: inline-flex;
  font-family: var(--nyclaw-font-body);
  font-size: 0.78rem;
  font-weight: 800;
  gap: 10px;
  letter-spacing: 0.08em;
  margin-top: auto;
  text-decoration: none;
  text-transform: uppercase;
}

.topic-card__action::after {
  color: var(--nyclaw-color-gold);
  content: ">";
  font-size: 1rem;
  line-height: 0.8;
}

.guideline-card-section {
  margin-block: 34px 46px;
}

.guideline-card-section h2 {
  margin-bottom: 28px;
}

.guideline-card-grid {
  display: grid;
  gap: 28px;
}

.guideline-card {
  background: var(--nyclaw-color-white);
  border: 1px solid var(--nyclaw-color-line);
  box-shadow: 0 14px 30px rgb(0 0 0 / 7%);
  display: grid;
  grid-template-columns: minmax(140px, 0.36fr) minmax(0, 1fr);
  min-height: 190px;
}

.guideline-card__media {
  align-items: center;
  background: var(--nyclaw-color-maroon);
  display: flex;
  justify-content: center;
  min-height: 100%;
  padding: 28px;
  text-decoration: none;
}

.guideline-card__media img {
  aspect-ratio: 1;
  display: block;
  filter: brightness(0) invert(1);
  height: 88px;
  object-fit: contain;
  width: 88px;
}

.guideline-card__body {
  align-content: center;
  display: grid;
  padding: 30px 34px;
}

.guideline-card h3 {
  font-size: 1.28rem;
  line-height: 1.2;
  margin-bottom: 12px;
}

.guideline-card h3 a {
  color: var(--nyclaw-color-ink);
  text-decoration: none;
}

.guideline-card__excerpt {
  margin-bottom: 18px;
}

.guideline-card__action {
  color: var(--nyclaw-color-maroon);
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  gap: 10px;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.guideline-card__action::after {
  color: var(--nyclaw-color-gold);
  content: ">";
}

.legacy-result-card,
.legacy-team-card,
.legacy-cancer-card,
.legacy-story-card,
.legacy-article-card,
.legacy-contact-banner,
.legacy-resource-box {
  background: var(--nyclaw-color-white);
  border: 1px solid var(--nyclaw-color-line);
  border-radius: var(--nyclaw-radius);
  box-shadow: 0 12px 28px rgb(0 0 0 / 8%);
  overflow: hidden;
}

.legacy-result-card {
  border-top: 4px solid var(--nyclaw-color-gold);
  padding: 24px;
}

.legacy-contact-banner,
.legacy-resource-box {
  border-top: 4px solid var(--nyclaw-color-maroon);
  margin-block: 24px;
  padding: 22px;
}

.legacy-contact-banner__eyebrow {
  color: var(--nyclaw-color-maroon);
  font-weight: 800;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.legacy-contact-banner__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.legacy-contact-banner__phone,
.legacy-contact-banner__button {
  font-weight: 800;
}

.legacy-contact-banner__button {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  padding: 0.8rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.legacy-resource-box__list {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.legacy-result-card__amount {
  font-family: var(--nyclaw-font-heading);
  font-size: 1.85rem;
  font-weight: 800;
  line-height: 1.05;
  margin-bottom: 12px;
}

.legacy-result-card__amount a,
.legacy-team-card h3 a,
.legacy-cancer-card h3 a,
.legacy-story-card h2 a {
  color: var(--nyclaw-color-ink);
  text-decoration: none;
}

.legacy-team-card__media,
.legacy-cancer-card__media,
.legacy-story-card__media,
.legacy-article-card__media {
  background: var(--nyclaw-color-cream);
  display: block;
}

.legacy-team-card__media--placeholder {
  align-items: center;
  background: var(--nyclaw-color-light);
  display: grid;
  min-height: 142px;
  place-items: center;
  text-decoration: none;
}

.legacy-team-card__media--placeholder span {
  align-items: center;
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  display: inline-flex;
  font-family: var(--nyclaw-font-heading);
  font-size: 2rem;
  font-weight: 800;
  height: 72px;
  justify-content: center;
  width: 72px;
}

.legacy-cancer-card__media img,
.legacy-story-card__media img,
.legacy-article-card__media img {
  aspect-ratio: 4 / 3;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/*
 * Attorney portraits are shot vertically with faces in the top third
 * of the frame. object-position: center 15% keeps heads inside the
 * 4:3 crop while cutting the extra torso from the bottom. Split out
 * from the shared card-media rule so cancer/story/article images
 * keep their center-crop default.
 */
.legacy-team-card__media img {
  aspect-ratio: 4 / 3;
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center 15%;
  width: 100%;
}

.legacy-team-card__body,
.legacy-story-card__body,
.legacy-article-card__body {
  padding: 20px;
}

.legacy-team-card h3,
.legacy-cancer-card h3,
.legacy-story-card h2,
.legacy-article-card h3 {
  font-size: 1.18rem;
  margin-bottom: 8px;
}

.legacy-article-card h3 a {
  color: var(--nyclaw-color-ink);
  text-decoration: none;
}

.legacy-team-card__role {
  color: var(--nyclaw-color-muted);
  font-family: var(--nyclaw-font-body);
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.45;
  margin-bottom: 0;
}

.legacy-cancer-card {
  padding-top: 24px;
  padding-bottom: 18px;
  text-align: center;
}

.legacy-cancer-card__media {
  align-items: center;
  background: var(--nyclaw-color-maroon);
  border: 3px solid var(--nyclaw-color-gold);
  border-radius: 50%;
  box-shadow: 0 12px 24px rgb(134 27 30 / 16%);
  display: flex;
  justify-content: center;
  height: 96px;
  margin: 0 auto 18px;
  width: 96px;
}

.legacy-cancer-card__media img {
  aspect-ratio: 1;
  height: 54px;
  object-fit: contain;
  width: 54px;
}

.legacy-cancer-card h3 {
  padding-inline: 14px;
}

.legacy-story-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.1fr);
  margin-block: 28px 38px;
}

.legacy-story-card__media img {
  aspect-ratio: 16 / 11;
  height: auto;
}

.text-link {
  color: var(--nyclaw-color-maroon);
  font-weight: 800;
}

.content-shell__header,
.archive-hero {
  border-bottom: 1px solid var(--nyclaw-color-line);
  margin-bottom: 32px;
  padding-bottom: 18px;
}

.content-shell__header h1,
.archive-hero h1 {
  font-size: clamp(2rem, 5vw, 3.25rem);
  max-width: 900px;
}

.archive-hero .content-wrap {
  padding-bottom: 0;
}

.generic-archive-sidebar {
  align-self: start;
  display: grid;
  gap: 22px;
}

.generic-archive-sidebar__widget {
  border: 0;
  padding: 0;
}

.generic-archive-sidebar__widget h2 {
  font-size: 2rem;
  line-height: 1.1;
  margin: 0 0 18px;
}

.generic-archive-sidebar__widget--search h2 {
  font-family: var(--nyclaw-font-body);
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 8px;
}

.generic-archive-sidebar__widget ul {
  display: grid;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.generic-archive-sidebar__widget li {
  padding-left: 1rem;
  position: relative;
}

.generic-archive-sidebar__widget li::before {
  color: var(--nyclaw-color-muted);
  content: ">";
  font-size: 0.88rem;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0.2rem;
}

.generic-archive-sidebar__widget a {
  color: var(--nyclaw-color-ink);
  text-decoration: none;
}

.generic-archive-sidebar__widget a:hover,
.generic-archive-sidebar__widget a:focus {
  color: var(--nyclaw-color-maroon);
}

.generic-archive-sidebar__search {
  display: grid;
  gap: 10px;
}

.generic-archive-sidebar__search input {
  border: 1px solid var(--nyclaw-color-line);
  min-height: 44px;
  padding: 0.65rem 0.75rem;
  width: 100%;
}

.generic-archive-sidebar__search button {
  background: var(--nyclaw-color-charcoal);
  border: 0;
  color: var(--nyclaw-color-white);
  cursor: pointer;
  font-weight: 800;
  justify-self: start;
  min-height: 44px;
  padding: 0.65rem 0.9rem;
  text-transform: uppercase;
}

.generic-archive-layout--live-list {
  gap: 42px;
}

.archive-grid--live-list {
  gap: 68px;
  grid-template-columns: 1fr;
}

.live-archive-card {
  background: var(--nyclaw-color-white);
  border: 0;
  border-radius: 0;
  box-shadow: 0 4px 30px rgb(0 0 0 / 7%);
  display: block;
  padding: clamp(28px, 5vw, 46px);
}

.live-archive-card__meta {
  align-items: center;
  color: var(--nyclaw-color-charcoal);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.82rem;
  gap: 10px 18px;
  margin-bottom: 14px;
}

.live-archive-card__meta-item,
.live-post-archive-card__meta-item {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.live-archive-card__meta-item::before,
.live-post-archive-card__meta-item::before {
  color: var(--nyclaw-color-gold);
  display: inline-block;
  font-family: var(--nyclaw-font-body);
  font-size: 0.95em;
  font-weight: 800;
  line-height: 1;
}

.live-archive-card__meta-author::before,
.live-post-archive-card__meta-author::before {
  content: "\25CB";
}

.live-post-archive-card__meta-category::before {
  content: "\25C7";
  font-size: 1.05em;
}

.live-archive-card__meta-date::before,
.live-post-archive-card__meta-date::before {
  content: "\25A1";
}

.live-archive-card__title {
  font-size: clamp(1.85rem, 3vw, 2.45rem);
  line-height: 1.08;
  margin-bottom: 12px;
}

.live-archive-card__title a {
  color: var(--nyclaw-color-heading);
  text-decoration: none;
}

.live-archive-card p {
  color: var(--nyclaw-color-muted);
  font-size: 0.98rem;
  line-height: 1.72;
  margin-bottom: 18px;
}

.live-archive-card__read-more {
  color: var(--nyclaw-color-ink);
  display: inline-flex;
  font-size: 0.88rem;
  font-weight: 800;
  gap: 8px;
  text-decoration: none;
}

.live-archive-card__read-more:hover,
.live-archive-card__read-more:focus {
  color: var(--nyclaw-color-maroon);
}

.generic-archive-layout--blog-list {
  gap: 42px;
  padding-top: 34px;
}

.archive-grid--blog-list {
  gap: 52px;
  grid-template-columns: 1fr;
}

.live-post-archive-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  overflow: visible;
}

.live-post-archive-card__media {
  display: block;
  max-width: 440px;
  overflow: hidden;
}

.live-post-archive-card__media img {
  aspect-ratio: 16 / 8.5;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.live-post-archive-card__body {
  background: var(--nyclaw-color-white);
  box-shadow: 0 4px 30px rgb(0 0 0 / 7%);
  margin-top: 0;
  padding: clamp(30px, 5vw, 48px);
}

.live-post-archive-card__meta {
  align-items: center;
  color: var(--nyclaw-color-charcoal);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.82rem;
  gap: 10px 18px;
  margin-bottom: 14px;
}

.live-post-archive-card__title {
  font-size: clamp(2rem, 4vw, 2.85rem);
  line-height: 1.08;
  margin-bottom: 16px;
}

.live-post-archive-card__title a {
  color: var(--nyclaw-color-heading);
  text-decoration: none;
}

.live-post-archive-card p {
  color: var(--nyclaw-color-muted);
  font-size: 1rem;
  line-height: 1.72;
  margin-bottom: 22px;
}

.live-post-archive-card__read-more {
  color: var(--nyclaw-color-ink);
  display: inline-flex;
  font-size: 0.9rem;
  font-weight: 800;
  gap: 8px;
  text-decoration: none;
}

.live-post-archive-card__read-more:hover,
.live-post-archive-card__read-more:focus {
  color: var(--nyclaw-color-maroon);
}

.archive-hero__eyebrow,
.team-profile__role,
.result-profile__label {
  color: var(--nyclaw-color-maroon);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.team-archive-intro,
.results-archive-intro {
  max-width: 860px;
}

.archive-proof-section {
  padding-block: 58px 76px;
}

.archive-proof-section--team {
  padding-top: 0;
}

.archive-proof-section__intro {
  margin-bottom: 34px;
}

.archive-proof-section__eyebrow {
  color: var(--nyclaw-color-maroon);
  font-size: 0.82rem;
  font-weight: 800;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.archive-proof-section__intro h2 {
  font-size: clamp(2rem, 4vw, 3.35rem);
  margin-bottom: 12px;
}

.team-archive-intro p,
.results-archive-intro p {
  font-size: 1.15rem;
}

.team-archive-intro ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}

.team-archive-intro li {
  border: 1px solid var(--nyclaw-color-line);
  color: var(--nyclaw-color-charcoal);
  font-weight: 800;
  padding: 8px 12px;
}

.archive-grid--team {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/*
 * /our-team/ rows. Live pairs each portrait with a detail column and flips
 * which side the portrait sits on from one person to the next, so the page
 * reads as a sequence of profiles rather than a wall of thumbnails.
 */
.team-row-list {
  display: grid;
  gap: clamp(40px, 5vw, 72px);
  margin-block: 44px 8px;
}

.team-row {
  align-items: center;
  display: grid;
  gap: clamp(28px, 5vw, 64px);
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
}

/* Portrait right on every second row; the copy stays left-aligned in both. */
.team-row:nth-child(even) .team-row__portrait {
  order: 2;
}

.team-row__portrait {
  margin: 0;
}

.team-row__portrait a {
  display: block;
}

.team-row__portrait img {
  display: block;
  filter: grayscale(1);
  height: auto;
  width: 100%;
}

/*
 * One person has no headshot. --nyclaw-color-light, not --nyclaw-color-cream:
 * cream is never defined in base.css, so a var() reference to it makes the
 * declaration invalid and the panel comes out transparent. The card
 * placeholder this mirrors already uses light for the same reason.
 */
.team-row__portrait--placeholder a {
  align-items: center;
  aspect-ratio: 4 / 5;
  background: var(--nyclaw-color-light);
  display: flex;
  justify-content: center;
}

.team-row__portrait--placeholder span {
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  font-family: var(--nyclaw-font-heading);
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
  padding: 22px 30px;
}

.team-row__name {
  font-family: var(--nyclaw-font-heading);
  font-size: clamp(1.6rem, 2.6vw, 2.3rem);
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.team-row__name a {
  color: var(--nyclaw-color-ink);
  text-decoration: none;
}

.team-row__name a:hover,
.team-row__name a:focus {
  color: var(--nyclaw-color-maroon);
}

.team-row__role {
  color: var(--nyclaw-color-charcoal);
  margin: 10px 0 0;
}

.team-row__facts {
  display: grid;
  gap: 14px;
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}

.team-row__fact {
  align-items: start;
  color: var(--nyclaw-color-charcoal);
  display: grid;
  gap: 14px;
  grid-template-columns: 18px minmax(0, 1fr);
  line-height: 1.5;
}

.team-row__icon {
  color: var(--nyclaw-color-maroon);
  margin-top: 0.15em;
}

.team-row__fact a {
  color: inherit;
  text-decoration: none;
}

.team-row__fact a:hover,
.team-row__fact a:focus {
  color: var(--nyclaw-color-maroon);
  text-decoration: underline;
}

.team-row__excerpt {
  color: var(--nyclaw-color-charcoal);
  line-height: 1.75;
  margin: 22px 0 0;
}

.team-row__more {
  color: var(--nyclaw-color-maroon);
  display: inline-block;
  font-family: var(--nyclaw-font-heading);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin-top: 22px;
  text-decoration: none;
  text-transform: uppercase;
}

.team-row__more::after {
  color: var(--nyclaw-color-gold);
  content: "→";
  display: inline-block;
  font-size: 1.15rem;
  margin-left: 12px;
  vertical-align: -0.1em;
}

.team-row__more:hover,
.team-row__more:focus {
  text-decoration: underline;
}

.team-list-shell {
  padding-top: 58px;
}

.team-featured {
  background:
    linear-gradient(rgb(255 255 255 / 90%), rgb(255 255 255 / 94%)),
    url("/wp-content/uploads/2022/04/Rectangle-78.png") center / cover no-repeat,
    var(--nyclaw-color-white);
  margin-top: 16px;
  padding-block: 58px 6px;
}

.team-featured .legacy-card-section {
  margin: 0;
}

.team-featured .legacy-card-section > h2 {
  text-align: center;
}

.latest-news-page {
  background: var(--nyclaw-color-white);
}

.latest-news-page .news-listing {
  margin-block: 72px;
}

.latest-news-page .news-listing.content-wrap {
  max-width: 1040px;
}

.latest-news-page__list-shell {
  padding-block: 72px 32px;
}

.latest-news-page__list-shell .news-listing {
  margin: 0;
}

.latest-news-page__empty {
  background:
    linear-gradient(rgb(255 255 255 / 92%), rgb(255 255 255 / 94%)),
    url("/wp-content/uploads/2022/04/Rectangle-78.png") center / cover no-repeat,
    var(--nyclaw-color-white);
  min-height: clamp(560px, 58vw, 860px);
}

.latest-news-page__featured {
  background:
    linear-gradient(90deg, rgb(255 255 255 / 94%), rgb(255 255 255 / 82%)),
    url("../images/bg-line-about.png") center / cover no-repeat,
    var(--nyclaw-color-white);
  padding-block: 40px 88px;
}

.latest-news-page__featured .legacy-card-section {
  margin: 0;
}

.latest-news-page__featured .legacy-card-section > h2 {
  text-align: center;
}

.archive-grid--results {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.archive-card,
.team-card,
.result-card,
.testimonial-card {
  background: var(--nyclaw-color-white);
  border: 1px solid var(--nyclaw-color-line);
  border-radius: var(--nyclaw-radius);
  box-shadow: 0 0 30px rgb(0 0 0 / 10%);
  display: grid;
  overflow: hidden;
}

.live-post-archive-card.archive-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  overflow: visible;
}

.live-archive-card.archive-card {
  border: 0;
  border-radius: 0;
  box-shadow: 0 4px 30px rgb(0 0 0 / 7%);
  display: block;
  overflow: visible;
}

.archive-card__media {
  background: var(--nyclaw-color-light);
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.archive-card__media img,
.team-card__media img {
  aspect-ratio: 4 / 3;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.archive-card__media--icon {
  align-items: center;
  background: var(--nyclaw-color-maroon);
  border-bottom: 4px solid var(--nyclaw-color-gold);
  display: flex;
  justify-content: center;
  min-height: 132px;
}

.archive-card__media--icon img {
  aspect-ratio: 1;
  filter: drop-shadow(0 8px 16px rgb(0 0 0 / 18%));
  height: 62px;
  object-fit: contain;
  width: 62px;
}

.archive-card__icon-mark {
  align-items: center;
  background: rgb(255 255 255 / 12%);
  border: 1px solid rgb(255 255 255 / 45%);
  color: var(--nyclaw-color-white);
  display: inline-flex;
  font-family: var(--nyclaw-font-heading);
  font-size: 1.95rem;
  font-weight: 800;
  height: 58px;
  justify-content: center;
  line-height: 1;
  text-transform: uppercase;
  width: 58px;
}

.search-results .archive-card__media--icon {
  border-bottom-width: 3px;
  height: 96px;
  min-height: 96px;
}

.search-results .archive-card__media--icon img {
  height: 44px;
  width: 44px;
}

.search-results .archive-card__icon-mark {
  font-size: 1.65rem;
  height: 48px;
  width: 48px;
}

.team-card__media {
  background: var(--nyclaw-color-light);
  display: grid;
  min-height: 245px;
  overflow: hidden;
  place-items: center;
  text-decoration: none;
}

.team-card__media--placeholder span {
  align-items: center;
  background: var(--nyclaw-color-maroon);
  color: var(--nyclaw-color-white);
  display: inline-flex;
  font-family: var(--nyclaw-font-heading);
  font-size: 3rem;
  font-weight: 800;
  height: 96px;
  justify-content: center;
  width: 96px;
}

.archive-card__body,
.team-card__body,
.result-card,
.testimonial-card {
  padding: 22px;
}

.testimonial-listing .archive-grid--testimonials {
  grid-template-columns: 1fr;
}

.testimonial-listing .testimonial-card {
  align-items: stretch;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--nyclaw-color-white);
  display: flex;
  margin-bottom: 36px;
  padding: 0;
}

.testimonial-listing .testimonial-card:nth-child(odd) {
  flex-direction: row;
}

.testimonial-listing .testimonial-card:nth-child(even) {
  flex-direction: row-reverse;
}

/*
 * Simplified from a 4-color rotation (gold/maroon/charcoal/maroon) to
 * a 2-color alternation (maroon/charcoal). Both dark, both use white
 * text + gold link consistently — removes the loud gold cards and the
 * inconsistent contrast handling. See FOR-176.
 */
.testimonial-listing .testimonial-card:nth-child(odd) {
  background: var(--nyclaw-color-maroon);
}

.testimonial-listing .testimonial-card:nth-child(even) {
  background: var(--nyclaw-color-charcoal);
}

.testimonial-listing .testimonial-card__media {
  background: var(--nyclaw-color-light);
  display: block;
  flex: 0 0 40%;
  min-height: 300px;
  overflow: hidden;
}

.testimonial-listing .testimonial-card__media img {
  display: block;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
  width: 100%;
}

.testimonial-listing .testimonial-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  padding: 31px;
}

.testimonial-listing .testimonial-card__body p:not(.testimonial-card__quote-mark) {
  color: var(--nyclaw-color-white);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.55;
}

.testimonial-listing .testimonial-card h2 {
  font-size: 1.05rem;
  line-height: 1.2;
  margin-top: 10px;
  text-transform: uppercase;
}

.testimonial-listing .testimonial-card h2 a {
  color: var(--nyclaw-color-gold);
}

.testimonial-listing .testimonial-card h2 a:hover,
.testimonial-listing .testimonial-card h2 a:focus {
  color: var(--nyclaw-color-white);
}

.testimonial-listing .testimonial-card__quote-mark {
  color: rgb(255 255 255 / 72%);
}

/*
 * News archive cards previously filled with brand gold — dominant and
 * inconsistent with the white/maroon .related-articles cards used
 * elsewhere. Unified to white body with a gold left-accent so news
 * still reads as a distinct content type without shouting.
 */
.news-listing .archive-card {
  align-items: center;
  background: var(--nyclaw-color-white);
  border: 0;
  border-left: 4px solid var(--nyclaw-color-gold);
  border-radius: 0;
  box-shadow: 0 4px 30px rgb(0 0 0 / 7%);
  display: flex;
  gap: 24px;
  padding: 20px;
}

.news-listing .archive-card__media {
  align-self: stretch;
  display: block;
  flex: 0 0 35%;
  min-height: 265px;
  overflow: hidden;
}

.news-listing .archive-card__media img {
  height: 100%;
  min-height: 265px;
}

.news-listing .archive-card__body {
  color: var(--nyclaw-color-ink);
  flex: 1 1 auto;
  padding: 0;
}

.news-listing .archive-card__type {
  display: none;
}

.news-listing .archive-card h2 {
  font-size: 1.12rem;
  line-height: 1.25;
}

.news-listing .archive-card h2 a,
.news-listing .archive-card p {
  color: var(--nyclaw-color-ink);
}

.archive-card__type,
.result-card__label {
  color: var(--nyclaw-color-maroon);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.archive-card h2,
.team-card h2,
.result-card h2,
.testimonial-card h2 {
  font-size: 1.22rem;
}

.live-post-archive-card .live-post-archive-card__title {
  font-size: clamp(2rem, 4vw, 2.85rem);
  line-height: 1.08;
  margin-bottom: 16px;
}

.live-archive-card .live-archive-card__title {
  font-size: clamp(1.85rem, 3vw, 2.45rem);
  line-height: 1.08;
  margin-bottom: 12px;
}

.archive-card h2 a,
.team-card h2 a,
.result-card h2 a,
.testimonial-card h2 a {
  color: var(--nyclaw-color-ink);
  text-decoration: none;
}

.team-card__role,
.result-card__summary {
  color: var(--nyclaw-color-muted);
  margin-bottom: 0.75rem;
}

.result-card {
  border-top: 4px solid var(--nyclaw-color-gold);
}

.result-card__amount {
  font-size: clamp(1.7rem, 4vw, 2.35rem);
  line-height: 1;
}

.authority-badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  margin-block: 20px 0;
}

.authority-badges__item {
  align-items: center;
  display: grid;
  gap: 8px;
  justify-items: center;
  margin: 0;
  max-width: 180px;
  text-align: center;
}

.authority-badges__item--trustlogos {
  max-width: 1071px;
  width: 100%;
}

.authority-badges__item img {
  max-height: 76px;
  object-fit: contain;
  width: auto;
}

.authority-badges__item--trustlogos img {
  height: auto;
  max-height: none;
  width: 100%;
}

.authority-badges__item figcaption {
  color: var(--nyclaw-color-muted);
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
}

.team-profile__hero,
.result-profile__hero {
  align-items: center;
  background:
    linear-gradient(135deg, rgb(36 22 22 / 96%), rgb(80 20 24 / 94%)),
    var(--nyclaw-color-maroon);
  border: 0;
  color: var(--nyclaw-color-white);
  display: grid;
  gap: 34px;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  margin-bottom: 42px;
  overflow: hidden;
  padding: clamp(28px, 5vw, 54px);
  position: relative;
}

.result-profile__hero {
  display: block;
}

.team-profile__hero h1,
.result-profile__hero h1 {
  font-size: clamp(2.2rem, 5vw, 4rem);
}

.team-profile__copy,
.result-profile__hero {
  min-width: 0;
}

.team-profile__copy > p:last-of-type,
.result-profile__summary {
  font-size: 1.15rem;
  overflow-wrap: anywhere;
}

.team-profile__role,
.result-profile__label {
  color: var(--nyclaw-color-gold);
}

.team-profile__hero h1,
.result-profile__hero h1,
.team-profile__hero p,
.result-profile__summary {
  color: var(--nyclaw-color-white);
}

.team-profile__contact {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 20px;
}

.team-profile__contact a {
  align-items: center;
  color: var(--nyclaw-color-gold);
  display: inline-flex;
  font-weight: 800;
  min-height: 48px;
  overflow-wrap: anywhere;
}

.content-shell__mobile-cta {
  display: none;
}

.content-shell__featured-articles {
  margin-top: clamp(36px, 6vw, 68px);
}

/*
 * Roster section. The heading sits above the grid rather than beside it: the
 * cards need the full measure, and a side-by-side heading left the old list
 * squeezed into half the width with a tall empty column next to it.
 */
.about-detail-band__team {
  padding-block: clamp(48px, 7vw, 86px);
}

.about-detail-band__team h2 {
  font-size: clamp(2rem, 4vw, 3.35rem);
}

.about-detail-band__team-heading {
  margin-bottom: clamp(28px, 4vw, 44px);
  max-width: 720px;
}

/*
 * Same card and the same column counts as the homepage, deliberately — this
 * section is meant to read as that block with the full roster in it. No count
 * divides the roster evenly (22 people), so matching the homepage is the only
 * thing the column choice can usefully do. The modifier exists to drop the
 * grid's own block margin, since the section already sets its spacing.
 */
.legacy-team-grid--about {
  margin-block: 0;
}

.about-detail-band__team-more {
  display: inline-block;
  margin-top: 28px;
}

.team-profile__contact a:hover,
.team-profile__contact a:focus {
  color: var(--nyclaw-color-white);
}

.team-profile__portrait {
  align-self: stretch;
  margin: 0;
}

.team-profile__portrait img {
  aspect-ratio: 4 / 5;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.team-profile__grid,
.result-profile__grid {
  align-items: start;
  display: grid;
  gap: 42px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
}

.result-profile__grid {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
}

.team-profile__body,
.result-profile__body {
  min-width: 0;
}

.result-profile__meta {
  align-items: center;
  color: var(--nyclaw-color-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
}

.result-profile__meta li {
  padding-left: 22px;
  position: relative;
}

.result-profile__meta li::before {
  color: var(--nyclaw-color-gold);
  font-family: var(--nyclaw-font-heading);
  font-weight: 800;
  left: 0;
  position: absolute;
  top: 0;
}

.result-profile__meta-author::before {
  content: "\2022";
}

.result-profile__meta-date::before {
  content: "\25A1";
}

.result-profile__body > .result-profile__summary {
  color: var(--nyclaw-color-muted);
  margin-bottom: 34px;
}

.team-profile__details,
.result-profile__aside {
  display: grid;
  gap: 22px;
}

.profile-fact-box,
.result-profile__card,
.result-profile__nav {
  background: var(--nyclaw-color-white);
  border: 1px solid var(--nyclaw-color-line);
  box-shadow: 0 12px 28px rgb(0 0 0 / 8%);
  padding: 24px;
}

.profile-fact-box h2,
.result-profile__card h2 {
  font-size: 1.35rem;
}

.profile-fact-box ul {
  margin: 0;
  padding-left: 1.2rem;
}

.profile-fact-box li + li {
  margin-top: 8px;
}

.result-profile__amount {
  color: var(--nyclaw-color-white);
  font-size: clamp(3rem, 9vw, 6rem);
  letter-spacing: 0;
}

.result-profile__nav {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}

.result-profile__nav p {
  color: var(--nyclaw-color-muted);
  font-size: 0.78rem;
  font-weight: 800;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.result-profile__nav a {
  color: var(--nyclaw-color-ink);
  font-family: var(--nyclaw-font-heading);
  font-weight: 800;
  text-decoration: none;
}

.result-profile__authority {
  border-bottom: 1px solid var(--nyclaw-color-line);
  border-top: 1px solid var(--nyclaw-color-line);
  margin-top: clamp(80px, 14vw, 180px);
  padding-block: clamp(48px, 8vw, 86px);
}

.result-profile__authority .authority-badges {
  justify-content: space-around;
  margin: 0;
}

.testimonial-card__quote-mark {
  color: var(--nyclaw-color-gold);
  font-family: var(--nyclaw-font-heading);
  font-size: 3rem;
  line-height: 0.7;
  margin-bottom: 10px;
}

.not-found {
  max-width: 980px;
  padding-block: clamp(72px, 9vw, 126px);
}

.not-found__panel {
  background: var(--nyclaw-color-white);
  border-top: 5px solid var(--nyclaw-color-gold);
  box-shadow: 0 18px 50px rgb(0 0 0 / 8%);
  padding: clamp(28px, 5vw, 58px);
}

.not-found__eyebrow {
  color: var(--nyclaw-color-maroon);
  font-family: var(--nyclaw-font-heading);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.not-found__panel h1 {
  font-size: clamp(2.4rem, 5vw, 4rem);
  margin-bottom: 12px;
}

.not-found__panel > p {
  color: var(--nyclaw-color-muted);
  font-size: 1.1rem;
  max-width: 720px;
}

.not-found__search {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 30px;
  max-width: 700px;
}

.not-found__search input {
  border: 1px solid var(--nyclaw-color-line);
  color: var(--nyclaw-color-text);
  font: inherit;
  min-height: 50px;
  padding: 0 16px;
  width: 100%;
}

.not-found__search button {
  background: var(--nyclaw-color-maroon);
  border: 0;
  color: var(--nyclaw-color-white);
  cursor: pointer;
  font-family: var(--nyclaw-font-heading);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  min-height: 50px;
  padding: 0 24px;
  text-transform: uppercase;
}

.not-found__resources {
  background: var(--nyclaw-color-light);
  margin-top: 28px;
  padding: 26px;
}

.not-found__resources h2 {
  font-size: 1.35rem;
  margin-bottom: 16px;
}

.not-found__resources-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.not-found__resources-list a {
  color: var(--nyclaw-color-maroon);
  font-family: var(--nyclaw-font-heading);
  font-weight: 800;
  text-decoration: none;
}

@media (max-width: 700px) {
  .not-found {
    padding-block: 44px 64px;
  }

  .not-found__panel {
    padding: 26px 20px;
  }

  .not-found__search,
  .not-found__resources-list {
    grid-template-columns: 1fr;
  }

  .home-hero,
  .home-hero__inner {
    min-height: 560px;
  }

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

  .inner-hero__inner {
    gap: 20px;
    grid-template-columns: 1fr;
    min-height: 0;
    padding-block: 32px 28px;
  }

  .inner-hero h1 {
    font-size: 3rem;
    margin-bottom: 14px;
    max-width: 100%;
  }

  .inner-hero p {
    font-size: 1rem;
  }

  .inner-hero__actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
  }

  .inner-hero__phone {
    font-size: 2rem;
  }

  .inner-hero__watch {
    min-height: 0;
    min-width: 160px;
    padding: 0;
  }

  .inner-hero__watch-preview {
    height: auto;
    width: 160px;
  }

  .inner-hero__watch-icon {
    height: 48px;
    width: 48px;
  }

  .inner-hero__form {
    margin-top: 0;
    padding: 0;
  }

  .inner-hero .inner-hero__form-title {
    font-size: 1.45rem;
    margin-bottom: 12px;
  }

  .inner-hero .nyclaw-lead-form {
    gap: 8px;
  }

  .inner-hero .nyclaw-lead-form__fields {
    gap: 8px;
  }

  .inner-hero .nyclaw-lead-form input,
  .inner-hero .nyclaw-lead-form select {
    min-height: 42px;
    padding-block: 8px;
  }

  .inner-intro-band {
    padding-block: 52px;
  }

  .inner-intro-band h2 {
    font-size: 2rem;
  }

  .inner-intro-band p {
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 18px;
  }

  .cancer-type-feature-band {
    padding-block: 48px;
  }

  .cancer-type-feature-band__inner {
    grid-template-columns: 1fr;
  }

  .cancer-type-feature-band__copy p {
    font-size: 1rem;
    line-height: 1.62;
  }

  .cancer-type-feature-band__media {
    margin-bottom: 0;
  }

  .cancer-type-feature-band + .content-wrap .content-shell--after-hero {
    padding-top: 48px;
  }

  .location-feature-band {
    padding-block: 48px;
  }

  .location-feature-band__inner {
    grid-template-columns: 1fr;
  }

  .location-feature-band__media {
    margin-bottom: 0;
  }

  .location-feature-band__copy p {
    font-size: 1rem;
    line-height: 1.62;
  }

  .location-feature-band + .content-wrap .content-shell--after-hero {
    padding-top: 48px;
  }

  .contact-page {
    min-height: 0;
  }

  .contact-page__inner {
    gap: 34px;
    grid-template-columns: 1fr;
    padding-block: 128px 54px;
  }

  .contact-page h1 {
    font-size: 2.85rem;
  }

  .contact-page h2 {
    font-size: 2.2rem;
  }

  .contact-page .nyclaw-lead-form {
    max-width: none;
  }

  .contact-page .nyclaw-lead-form__fields {
    grid-template-columns: 1fr;
  }

  .contact-page .nyclaw-lead-form input,
  .contact-page .nyclaw-lead-form textarea {
    min-height: 48px;
  }

  .contact-page .nyclaw-lead-form textarea {
    min-height: 132px;
  }

  .contact-page__method,
  .contact-page__location {
    padding-left: 44px;
  }

  .about-overview-band {
    padding-block: 48px;
  }

  .about-overview-band__inner {
    grid-template-columns: 1fr;
  }

  .about-overview-band__media::after {
    inset: 16px -12px -16px 12px;
  }

  .about-detail-band__intro,
  .about-detail-band__screening-inner,
  .about-detail-band__damages {
    gap: 28px;
    grid-template-columns: 1fr;
    padding-block: 48px;
  }

  .about-detail-band__proof {
    padding-block: 30px 54px;
  }

  .about-detail-band__proof-grid {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .about-detail-band__stats figcaption {
    bottom: 16px;
    left: 16px;
    min-width: 124px;
    padding: 18px 16px;
  }

  .about-detail-band__screening {
    background: var(--nyclaw-color-maroon);
    padding-block: 54px;
  }

  .about-detail-band__screening-media figcaption {
    bottom: 24px;
    left: 24px;
  }

  .about-detail-band__screening-card {
    padding: 26px;
  }

  .about-detail-band__cancer-links {
    columns: 1;
  }

  .about-detail-band__gold-note,
  .about-detail-band__final-cta {
    padding: 24px;
  }

  .about-detail-band__featured {
    padding-block: 54px 70px;
  }

  .types-overview-band__inner,
  .types-diagnosis-band__inner {
    grid-template-columns: 1fr;
    padding-block: 48px;
  }

  .types-grid-band {
    padding-block: 58px 66px;
  }

  .types-grid-band .legacy-cancer-grid {
    grid-template-columns: 1fr;
    max-width: 340px;
  }

  .guideline-card {
    grid-template-columns: 1fr;
  }

  .guideline-card__media {
    min-height: 150px;
  }

  .types-diagnosis-band__list {
    columns: 1;
  }

  .types-featured-articles {
    padding-block: 54px 70px;
  }

  .testimonial-intro-band {
    padding-block: 60px 118px;
  }

  .testimonial-intro-band__inner {
    gap: 22px;
    grid-template-columns: 1fr;
  }

  .testimonial-intro-band h2 {
    font-size: clamp(2.7rem, 13vw, 4rem);
  }

  .testimonial-intro-band p {
    font-size: 1rem;
    max-width: 100%;
  }

  .home-hero__inner {
    gap: 24px;
    grid-template-columns: 1fr;
    padding-block: 118px 42px;
  }

  .home-hero h1 {
    font-size: clamp(2.8rem, 13vw, 4.3rem);
  }

  .home-hero p {
    font-size: 1.08rem;
  }

  .home-hero__watch {
    justify-items: start;
    min-height: 0;
    min-width: 0;
    padding: 0;
  }

  .home-hero__watch-preview {
    height: 96px;
    width: 158px;
  }

  .home-hero__watch-icon {
    height: 44px;
    width: 44px;
  }

  .video-modal__close {
    right: 8px;
    top: 8px;
  }

  .section-heading--with-link,
  .home-call-strip .content-wrap {
    align-items: start;
    flex-direction: column;
    text-align: left;
  }

  .home-intro__grid,
  .home-why__grid,
  .home-testimonials__grid,
  .archive-grid--team,
  .archive-grid--results,
  .team-profile__hero,
  .team-profile__grid,
  .result-profile__grid,
  .result-profile__nav {
    grid-template-columns: 1fr;
  }

  .legacy-story-card {
    grid-template-columns: 1fr;
  }

  .testimonial-listing .testimonial-card,
  .testimonial-listing .testimonial-card:nth-child(odd),
  .testimonial-listing .testimonial-card:nth-child(even),
  .news-listing .archive-card {
    flex-direction: column;
  }

  .testimonial-listing .testimonial-card__media,
  .news-listing .archive-card__media {
    flex-basis: auto;
    width: 100%;
  }

  .testimonial-listing .testimonial-card__media,
  .testimonial-listing .testimonial-card__media img,
  .news-listing .archive-card__media,
  .news-listing .archive-card__media img {
    min-height: 220px;
  }

  .team-profile__hero,
  .result-profile__hero {
    padding: 24px;
  }

  .authority-badges {
    align-items: flex-start;
  }
}

@media (max-width: 900px) {
  .case-results-overview {
    padding-block: 56px 0;
  }

  .case-results-overview__grid {
    grid-template-columns: 1fr;
  }

  .case-results-overview__photo {
    margin-bottom: 0;
  }

  .case-results-overview__copy {
    padding-bottom: 34px;
  }

  .case-results-proof {
    padding: 54px 18px;
  }

  .case-results-proof .archive-grid--results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Eight cards go 2x4 here; three columns would leave a ragged 3-3-2. */
  .home-results .legacy-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /*
   * The about bands pair an image with a block of body copy. They used to
   * hold two columns all the way down to 700px, which left both halves too
   * narrow to read on a tablet. Stack them here instead.
   */
  .about-overview-band__inner,
  .about-detail-band__intro,
  .about-detail-band__screening-inner,
  .about-detail-band__damages {
    gap: 34px;
    grid-template-columns: minmax(0, 1fr);
  }

  /*
   * Portrait above the detail once the two columns stop being wide enough to
   * read. order is reset so every row stacks the same way round.
   */
  .team-row {
    gap: 24px;
    grid-template-columns: minmax(0, 1fr);
  }

  .team-row:nth-child(even) .team-row__portrait {
    order: 0;
  }

  .team-row__portrait {
    max-width: 420px;
  }
}

@media (max-width: 700px) {
	.content-shell__mobile-cta {
		align-items: stretch;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr;
		margin: -6px 0 28px;
	}

	.content-shell__mobile-phone,
	.content-shell__mobile-button {
		align-items: center;
		display: inline-flex;
		justify-content: center;
		min-height: 48px;
		text-align: center;
		text-decoration: none;
	}

	.content-shell__mobile-phone {
		border: 2px solid var(--nyclaw-color-maroon);
		color: var(--nyclaw-color-maroon);
		font-family: var(--nyclaw-font-heading);
		font-weight: 800;
	}

	.content-shell__mobile-button {
		background: var(--nyclaw-color-maroon);
		color: var(--nyclaw-color-white);
		font-size: 0.85rem;
		font-weight: 800;
		letter-spacing: 0.06em;
		padding: 12px 18px;
		text-transform: uppercase;
	}

	.about-detail-band__team-heading {
		max-width: none;
	}

  .home-hero,
  .home-hero__inner {
    min-height: 540px;
  }

  .inner-hero__inner {
    padding-block: 32px 28px;
  }

  .inner-hero h1 {
    font-size: 2.5rem;
  }

  .home-hero__inner {
    gap: 18px;
    padding-block: 108px 34px;
  }

  .home-hero h1 {
    font-size: clamp(2.5rem, 11.5vw, 3.8rem);
  }

  .home-hero__actions {
    gap: 12px;
    margin-top: 22px;
  }

  .home-hero__watch-icon {
    height: 60px;
    width: 60px;
  }

  .home-results .section-heading {
    margin-inline: auto;
    text-align: center;
  }

  /* Card styling itself now lives at base — only the narrow-screen deltas here. */
  .home-results .legacy-results-grid {
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
  }

  .home-results .legacy-result-card {
    padding: 30px 18px;
  }

  .case-results-proof .archive-grid--results {
    grid-template-columns: 1fr;
  }

  .case-results-proof .result-card {
    min-height: 0;
    padding: 26px;
  }
}