:root {
  --color-bg: #fbfaf5;
  --color-surface: #f2efe5;
  --color-text: #172019;
  --color-muted: #5f6a61;
  --color-primary: #1d3425;
  --color-accent: #b28c55;
  --color-border: #d8d4c7;
  --color-on-primary: #f8f5ea;
  --color-on-accent: #152019;

  --font-heading: "Iowan Old Style", "Palatino Linotype", Palatino, Baskerville, Georgia, serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-sm: 999px;
  --radius-md: 1.1rem;
  --radius-lg: 1.8rem;
  --radius-xl: 2.4rem;
  --shadow-sm: 0 12px 32px rgba(24, 39, 28, 0.07);
  --shadow-md: 0 28px 70px rgba(24, 39, 28, 0.15);
  --container-standard: 1140px;
  --container-wide: 1320px;
  --header-height: 84px;

  /* Balanced editorial type scale: prominent without dominating the page. */
  --type-display: clamp(2.8rem, 4.6vw, 4.8rem);
  --type-section: clamp(2rem, 3.25vw, 3.25rem);
  --type-card-title: clamp(1.35rem, 1.75vw, 1.85rem);
}

html { background: var(--color-primary); }
body {
  background:
    radial-gradient(circle at 12% 18%, rgba(178, 140, 85, 0.08), transparent 26rem),
    var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection { background: #c8b184; color: #142018; }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 0.75rem;
  left: 0.75rem;
  transform: translateY(-180%);
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background: #fff;
  color: #111;
  font-weight: 800;
  text-decoration: none;
}
.skip-link:focus { transform: translateY(0); }

:focus-visible {
  outline: 3px solid #d1ad69;
  outline-offset: 3px;
}

.care-line {
  background: #14281b;
  color: #f7f4ea;
  border-bottom: 1px solid rgba(255,255,255,.1);
  font-size: 0.83rem;
}
.care-line__inner {
  width: min(calc(100% - 2rem), var(--container-wide));
  min-height: 2.25rem;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.care-line a { color: #f7f4ea; font-weight: 800; text-underline-offset: 3px; }

.site-header {
  background: rgba(251, 250, 245, 0.93);
  border-bottom: 1px solid rgba(29, 52, 37, 0.13);
  backdrop-filter: blur(18px) saturate(135%);
}
.header-inner { min-height: var(--header-height); }

.logo { gap: .85rem; min-width: 15rem; }
.logo-mark {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border: 1px solid rgba(29,52,37,.16);
  background: #111;
  box-shadow: 0 9px 24px rgba(23,32,25,.1);
}
.logo-mark img { width: 100%; height: 100%; object-fit: cover; display: block; }
.logo-copy { display: grid; gap: .1rem; line-height: 1.1; }
.logo-copy strong { font-family: var(--font-heading); font-size: 1.02rem; letter-spacing: -.015em; }
.logo-copy small { color: var(--color-muted); font-family: var(--font-body); font-size: .68rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }

.nav-links { gap: 1.05rem; }
.nav-links a {
  position: relative;
  color: #4e5a51;
  padding: .6rem .1rem;
  font-size: .9rem;
  font-weight: 720;
}
.nav-links a::after {
  content: "";
  position: absolute;
  left: .1rem;
  right: .1rem;
  bottom: .28rem;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  background: var(--color-accent);
  transition: transform 180ms ease;
}
.nav-links a:hover::after,
.nav-links a[aria-current="page"]::after { transform: scaleX(1); }
.nav-links a[aria-current="page"] { color: var(--color-primary); }

.nav-toggle {
  display: none;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--color-border);
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
}
.nav-toggle span:not(.sr-only) { display: block; width: 1.1rem; height: 2px; background: var(--color-primary); }

.button {
  min-height: 3.15rem;
  padding-inline: 1.3rem;
  border-radius: 999px;
  font-size: .94rem;
  letter-spacing: -.01em;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, color 160ms ease;
}
.button--primary { background: var(--color-primary); color: #fff; }
.button--primary:hover { background: #284934; box-shadow: 0 12px 30px rgba(29,52,37,.18); }
.button--secondary { border-color: rgba(29,52,37,.26); background: rgba(255,255,255,.3); }
.bg--dark .button--secondary { border-color: rgba(255,255,255,.38); }

.section { overflow: clip; }
.section::before,
.section::after { pointer-events: none; }

.bg--surface {
  background:
    linear-gradient(rgba(29,52,37,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29,52,37,.04) 1px, transparent 1px),
    var(--color-surface);
  background-size: 46px 46px;
}
.bg--gradient {
  background:
    radial-gradient(circle at 84% 16%, rgba(178,140,85,.20), transparent 30rem),
    radial-gradient(circle at 12% 70%, rgba(105,132,111,.16), transparent 28rem),
    linear-gradient(135deg, #eef0e8 0%, #f6f2e8 54%, #fbfaf5 100%);
}
.bg--dark {
  background:
    radial-gradient(circle at 82% 22%, rgba(178,140,85,.16), transparent 28rem),
    linear-gradient(135deg, #14281b, #1d3425 62%, #294534);
}

.section-heading { max-width: 780px; margin-bottom: 2.2rem; }
.eyebrow {
  color: #8f6d3d;
  font-size: .76rem;
  letter-spacing: .14em;
}
.bg--dark .eyebrow { color: #d8b677; }

h1, h2, h3 { text-wrap: balance; }
h1 {
  max-width: 14ch;
  font-size: var(--type-display);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 650;
}
h2 {
  font-size: var(--type-section);
  line-height: 1.04;
  font-weight: 620;
}
h3 { line-height: 1.08; font-weight: 680; }
.hero-subheadline,
.section-intro {
  max-width: 62ch;
  font-size: clamp(1.05rem, 1.4vw, 1.22rem);
  line-height: 1.7;
}

.section--hero .section__inner { gap: clamp(2.2rem, 6vw, 6rem); }
.section--hero.variant--split .section__inner { grid-template-columns: minmax(0, 1.04fr) minmax(340px, .96fr); }
.section--hero .hero-content { position: relative; z-index: 2; }
.section--hero .hero-content::before {
  content: "";
  width: 3.5rem;
  height: 1px;
  display: block;
  margin-bottom: 1.4rem;
  background: var(--color-accent);
}
.hero-content .button-row { margin-top: 2rem; }

.hero-media {
  position: relative;
  min-height: 34rem;
  aspect-ratio: 4 / 5;
  border-radius: 14rem 14rem 2rem 2rem;
  border: 1px solid rgba(29,52,37,.14);
  background: #dcd9ce;
  box-shadow: 0 35px 80px rgba(29,52,37,.16);
}
.hero-media::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1.1rem 1.2rem 1.2rem -1.1rem;
  border: 1px solid rgba(178,140,85,.58);
  border-radius: 14.8rem 14.8rem 2.2rem 2.2rem;
}
.hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero-media__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 54%, rgba(20,40,27,.18));
}

.section--emergencyBar { border-block: 1px solid rgba(255,255,255,.1); }
.section--emergencyBar .section__inner { min-height: 7rem; }
.emergency-copy .eyebrow { margin-bottom: .35rem; }
.emergency-copy h2 { font-size: clamp(1.55rem, 2.4vw, 2.2rem); }
.emergency-copy p:last-child { margin-top: .45rem; opacity: .78; }

.card-grid { gap: 1.4rem; }
.card {
  position: relative;
  overflow: hidden;
  padding: 1.45rem;
  border-color: rgba(29,52,37,.13);
  background: rgba(255,255,255,.74);
  box-shadow: 0 14px 38px rgba(23,32,25,.055);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.card:hover { transform: translateY(-3px); box-shadow: 0 22px 54px rgba(23,32,25,.1); border-color: rgba(178,140,85,.55); }
.card__image-wrap {
  margin: -1.45rem -1.45rem 1.35rem;
  aspect-ratio: 16 / 10;
  border-radius: var(--radius-md) var(--radius-md) .3rem .3rem;
}
.card__image { filter: saturate(.82) contrast(.98); }
.card h3 { font-size: clamp(1.4rem, 2vw, 2rem); margin-bottom: .7rem; }
.card p { line-height: 1.68; }
.card__meta { margin-bottom: .45rem !important; color: #856438 !important; }
.icon-badge,
.step-number {
  width: auto;
  min-width: 2.75rem;
  height: 2.75rem;
  padding-inline: .72rem;
  border-radius: 999px;
  border: 1px solid rgba(178,140,85,.34);
  background: #f5eddf;
  color: var(--color-primary);
  font-size: .8rem;
  letter-spacing: .05em;
}
.card__link { color: var(--color-primary); text-decoration: none; }
.card__link:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Homepage service overview: structured list instead of another card wall. */
.section--serviceGrid.variant--serviceList .service-overview {
  display: grid;
  grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}
.section--serviceGrid.variant--serviceList .section-heading {
  max-width: 35rem;
  margin-bottom: 1.55rem;
}
.section--serviceGrid.variant--serviceList .section-heading h2 {
  max-width: 14ch;
}
.section--serviceGrid.variant--serviceList .service-overview__button {
  display: inline-flex;
  margin-top: .2rem;
}
.service-overview__assist {
  margin-top: 2rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(29,52,37,.16);
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .75rem;
  align-items: baseline;
  color: var(--color-muted);
  font-size: .92rem;
}
.service-overview__assist-label { font-weight: 700; }
.service-overview__assist a {
  color: var(--color-primary);
  font-weight: 850;
  text-underline-offset: 4px;
}
.service-list {
  border-top: 1px solid rgba(29,52,37,.18);
}
.service-row {
  display: grid;
  grid-template-columns: 3.6rem minmax(0, 1fr);
  gap: 1rem;
  padding: 1.55rem .4rem 1.55rem 0;
  border-bottom: 1px solid rgba(29,52,37,.18);
}
.service-row__number {
  padding-top: .22rem;
  color: #856438;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .11em;
}
.service-row__body {
  display: grid;
  grid-template-columns: minmax(12rem, .8fr) minmax(0, 1.2fr);
  gap: clamp(1rem, 3vw, 2.4rem);
  align-items: baseline;
}
.service-row h3 {
  margin: 0;
  font-size: clamp(1.3rem, 2vw, 1.9rem);
}
.service-row p {
  margin: 0;
  color: var(--color-muted);
  line-height: 1.6;
}
.service-list__note {
  max-width: 54ch;
  margin: 1.15rem 0 0 4.6rem;
  color: var(--color-muted);
  font-size: .82rem;
  line-height: 1.55;
}

.section--featureGrid.variant--iconCards .card:not(:has(.card__image-wrap)) {
  min-height: 17rem;
  display: flex;
  flex-direction: column;
}
.section--featureGrid.variant--iconCards .card:not(:has(.card__image-wrap)) .card__footer { margin-top: auto; }

.section--processSteps .card {
  min-height: 18rem;
  padding-top: 1.75rem;
}
.section--processSteps .card::after {
  content: "";
  position: absolute;
  right: -1rem;
  bottom: -1rem;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 1px solid rgba(178,140,85,.24);
}

.faq-list { border-top: 1px solid var(--color-border); }
.faq-item { border-bottom: 1px solid var(--color-border); }
.faq-item summary {
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  list-style: none;
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
  font-weight: 650;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-plus {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: var(--font-body);
  transition: transform 180ms ease;
}
.faq-item[open] .faq-plus { transform: rotate(45deg); }
.faq-answer { padding: 0 3.5rem 1.6rem 0; }
.faq-answer p { margin: 0; color: var(--color-muted); line-height: 1.7; }

.cta-split {
  display: grid;
  grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr);
  align-items: center;
  gap: 3rem;
}
.cta-split .button-row { justify-content: flex-end; }
.bg--dark h2 { color: #fffdf5; }

.contact-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: 1.4rem; }
.contact-primary,
.contact-secondary { padding: clamp(1.6rem, 4vw, 3rem); }
.contact-big {
  display: inline-block;
  margin: .2rem 0 1rem;
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-size: clamp(2.2rem, 5vw, 4.5rem);
  line-height: 1;
  letter-spacing: -.045em;
  text-decoration: none;
}
.contact-big--email { font-family: var(--font-body); font-size: clamp(1.35rem, 2.7vw, 2.4rem); font-weight: 760; letter-spacing: -.035em; overflow-wrap: anywhere; }
.contact-primary hr { margin: 2rem 0; border: 0; border-top: 1px solid var(--color-border); }
.contact-secondary h3 { font-size: clamp(1.8rem, 3vw, 2.7rem); }
.contact-note { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--color-border); }
.contact-note p { margin-top: .45rem; }
.social-links { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.5rem; }

.empty-state {
  padding: clamp(2rem, 5vw, 4rem);
  border: 1px dashed rgba(29,52,37,.28);
  border-radius: var(--radius-lg);
  text-align: center;
  background: rgba(255,255,255,.62);
}
.empty-state p { margin: 0 auto 1.2rem; max-width: 44rem; color: var(--color-muted); }

.site-footer { padding: 5rem 0 0; }
.footer-inner { grid-template-columns: 1.15fr 1fr; gap: clamp(2rem, 6vw, 6rem); }
.footer-brand { max-width: 36rem; }
.logo--footer { color: #fff; align-items: flex-start; }
.logo--footer .logo-copy strong { font-size: 1.35rem; }
.logo--footer .logo-copy small { color: rgba(255,255,255,.7); line-height: 1.5; max-width: 32rem; text-transform: none; letter-spacing: 0; }
.footer-disclaimer { margin-top: 1.4rem; max-width: 42rem; color: rgba(255,255,255,.55); font-size: .78rem; line-height: 1.55; }
.footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
.footer-links h3 { color: #d8b677; font-size: .82rem; text-transform: uppercase; letter-spacing: .09em; }
.footer-links a { margin-top: .7rem; color: rgba(255,255,255,.8); }
.footer-links a:hover { color: #fff; }
.footer-bottom {
  width: min(calc(100% - 2rem), var(--container-wide));
  margin: 3rem auto 0;
  padding: 1.3rem 0;
  border-top: 1px solid rgba(255,255,255,.13);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255,255,255,.58);
  font-size: .78rem;
}

.mobile-contact-bar { display: none; }

@media (max-width: 1120px) {
  .header-actions { display: none; }
  .nav-toggle { display: inline-flex; margin-left: auto; }
  .nav-links {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    padding: 1rem;
    background: rgba(251,250,245,.99);
    border-bottom: 1px solid var(--color-border);
    box-shadow: 0 18px 36px rgba(23,32,25,.08);
    flex-direction: column;
    align-items: stretch;
    gap: .2rem;
  }
  .nav-links.is-open { display: flex; }
  .nav-links a { min-height: 3.2rem; display: flex; align-items: center; padding: .7rem 1rem; border-radius: .8rem; }
  .nav-links a:hover { background: var(--color-surface); }
  .nav-links a::after { display: none; }
  .section--hero.variant--split .section__inner { grid-template-columns: 1fr 1fr; }
  h1 { font-size: var(--type-display); }
}

@media (max-width: 860px) {
  .care-line__inner span { display: none; }
  .care-line__inner { justify-content: center; }
  .section--hero.variant--split .section__inner { grid-template-columns: 1fr; }
  .hero-media { aspect-ratio: 16 / 10; min-height: 0; border-radius: 9rem 9rem 1.6rem 1.6rem; }
  .hero-media::before { border-radius: 9.6rem 9.6rem 1.9rem 1.9rem; }
  .cta-split,
  .contact-layout { grid-template-columns: 1fr; }
  .cta-split .button-row { justify-content: flex-start; }
  .cols--4,
  .cols--3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-inner { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .section--serviceGrid.variant--serviceList .service-overview { grid-template-columns: 1fr; gap: 2.5rem; }
  .section--serviceGrid.variant--serviceList .section-heading h2 { max-width: 16ch; }
}

@media (max-width: 680px) {
  :root {
    --space-lg: 3.3rem;
    --space-xl: 4.6rem;
    --header-height: 74px;
    --type-display: clamp(2.35rem, 10vw, 3.25rem);
    --type-section: clamp(1.9rem, 7.6vw, 2.5rem);
    --type-card-title: clamp(1.25rem, 6vw, 1.65rem);
  }
  body { padding-bottom: 4.2rem; }
  .header-inner { width: min(calc(100% - 1.2rem), var(--container-wide)); }
  .logo { min-width: 0; gap: .65rem; }
  .logo-mark { width: 3rem; height: 3rem; }
  .logo-copy strong { max-width: 15rem; font-size: .9rem; }
  .logo-copy small { display: none; }
  .section__inner,
  .container,
  .container--wide,
  .section__inner.container--wide { width: min(calc(100% - 1.35rem), var(--container-wide)); }
  h1 { font-size: var(--type-display); line-height: 1; max-width: 15ch; }
  h2 { font-size: var(--type-section); line-height: 1.06; }
  .hero-media { aspect-ratio: 4 / 3; border-radius: 7rem 7rem 1.4rem 1.4rem; }
  .hero-media::before { inset: -.6rem .55rem .6rem -.6rem; border-radius: 7.4rem 7.4rem 1.6rem 1.6rem; }
  .service-row { grid-template-columns: 2.5rem minmax(0,1fr); padding-block: 1.3rem; }
  .service-row__body { grid-template-columns: 1fr; gap: .5rem; }
  .service-list__note { margin-left: 3.5rem; }
  .cols--2,
  .cols--3,
  .cols--4,
  .cols--5,
  .cols--6 { grid-template-columns: 1fr; }
  .section--processSteps .card,
  .section--featureGrid.variant--iconCards .card:not(:has(.card__image-wrap)) { min-height: 0; }
  .section--emergencyBar .button-row { width: 100%; }
  .section--emergencyBar .button { flex: 1 1 10rem; }
  .contact-big { font-size: clamp(2.25rem, 12vw, 3.7rem); }
  .contact-big--email { font-size: 1.25rem; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; padding-bottom: 1.7rem; }
  .mobile-contact-bar {
    position: fixed;
    z-index: 90;
    left: .7rem;
    right: .7rem;
    bottom: .65rem;
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: .45rem;
    padding: .45rem;
    border: 1px solid rgba(29,52,37,.17);
    border-radius: 999px;
    background: rgba(251,250,245,.96);
    box-shadow: 0 16px 40px rgba(23,32,25,.18);
    backdrop-filter: blur(16px);
  }
  .mobile-contact-bar a {
    min-height: 3rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 850;
  }
  .mobile-contact-bar a:first-child { background: var(--color-primary); color: #fff; }
  .mobile-contact-bar a:last-child { border: 1px solid var(--color-border); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Contact service area: compact, scan-first logistics band. */
.section--featureGrid.variant--serviceAreaPanel {
  overflow: hidden;
}

.section--featureGrid.variant--serviceAreaPanel .section__inner {
  position: relative;
}


/* Planning questions: editorial checklist instead of a four-card wall. */
.section--featureGrid.variant--checklist .question-checklist {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: start;
}

.section--featureGrid.variant--checklist .question-checklist__lead {
  min-width: 0;
}

.section--featureGrid.variant--checklist .section-heading {
  max-width: 31rem;
  margin-bottom: 0;
}

.section--featureGrid.variant--checklist .section-heading h2 {
  max-width: 14ch;
}

.section--featureGrid.variant--checklist .section-intro {
  max-width: 34rem;
  margin-top: 1.25rem;
}

.question-checklist__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(29,52,37,.22);
}

.question-checklist__item {
  display: grid;
  grid-template-columns: 3.35rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding: 1.55rem 0 1.6rem;
  border-bottom: 1px solid rgba(29,52,37,.22);
}

.question-checklist__number {
  padding-top: .38rem;
  color: #8f6d3d;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .13em;
  line-height: 1;
}

.question-checklist__copy h3 {
  max-width: 28ch;
  margin: 0 0 .55rem;
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
  line-height: 1.08;
}

.question-checklist__copy p {
  max-width: 62ch;
  margin: 0;
  color: var(--color-muted);
  line-height: 1.62;
}

@media (max-width: 860px) {
  .section--featureGrid.variant--checklist .question-checklist {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .section--featureGrid.variant--checklist .section-heading {
    max-width: 42rem;
  }

  .section--featureGrid.variant--checklist .section-heading h2 {
    max-width: 17ch;
  }
}

@media (max-width: 680px) {
  .section--featureGrid.variant--checklist .question-checklist {
    gap: 2rem;
  }

  .question-checklist__item {
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: .75rem;
    padding-block: 1.25rem;
  }

  .question-checklist__copy h3 {
    font-size: clamp(1.4rem, 7vw, 1.8rem);
  }
}

.service-area-band {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(29, 52, 37, .14);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 96% 0%, rgba(178, 140, 85, .16), transparent 20rem),
    rgba(255, 255, 255, .78);
  box-shadow: 0 18px 50px rgba(24, 39, 28, .06);
}

.service-area-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(29, 52, 37, .028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29, 52, 37, .028) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(90deg, #000 0 58%, transparent 94%);
  pointer-events: none;
}

.service-area-band > * {
  position: relative;
  z-index: 1;
}

.service-area-band__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
  padding: clamp(1.75rem, 3.5vw, 3.25rem);
}

.service-area-band__lead {
  max-width: 54rem;
}

.section--featureGrid.variant--serviceAreaPanel .section-heading {
  margin: 0;
  max-width: none;
}

.section--featureGrid.variant--serviceAreaPanel .section-heading h2 {
  max-width: 18ch;
  margin-bottom: .8rem;
  font-size: var(--type-section);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.section--featureGrid.variant--serviceAreaPanel .section-intro {
  max-width: 64ch;
  margin-bottom: 0;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
}

.service-area-band__contact {
  display: grid;
  gap: .7rem;
  justify-items: start;
  min-width: max-content;
}

.service-area-band__contact-label {
  color: var(--color-muted);
  font-size: .75rem;
  font-weight: 820;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.service-area-band__button {
  min-height: 48px;
  padding-inline: 1.25rem;
  white-space: nowrap;
}

.service-area-band__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(29, 52, 37, .13);
}

.service-area-band__facts li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  min-width: 0;
  padding: clamp(1.25rem, 2.5vw, 2rem) clamp(1.25rem, 2.6vw, 2.15rem);
}

.service-area-band__facts li + li {
  border-left: 1px solid rgba(29, 52, 37, .12);
}

.service-area-band__number {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid rgba(178, 140, 85, .34);
  border-radius: 999px;
  background: rgba(247, 240, 227, .78);
  color: #765a33;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .05em;
}

.service-area-band__facts strong {
  display: block;
  margin: .08rem 0 .35rem;
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  line-height: 1.1;
}

.service-area-band__facts p {
  margin: 0;
  color: var(--color-muted);
  font-size: .93rem;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .service-area-band__top {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 1.5rem;
  }

  .service-area-band__contact {
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .8rem 1rem;
  }

  .service-area-band__contact-label {
    grid-column: 1 / -1;
  }

  .service-area-band__facts {
    grid-template-columns: 1fr;
  }

  .service-area-band__facts li + li {
    border-left: 0;
    border-top: 1px solid rgba(29, 52, 37, .12);
  }
}

@media (max-width: 520px) {
  .service-area-band {
    border-radius: var(--radius-lg);
  }

  .service-area-band__top {
    padding: 1.5rem;
  }

  .section--featureGrid.variant--serviceAreaPanel .section-heading h2 {
    font-size: var(--type-section);
  }

  .service-area-band__contact {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .service-area-band__button {
    width: 100%;
    justify-content: center;
  }

  .service-area-band__facts li {
    padding: 1.25rem 1.5rem;
  }
}



/* Planning FAQ: editorial accordion with stronger hierarchy and full-row interaction. */
.section--faq.variant--editorialAccordion .faq-editorial {
  display: grid;
  grid-template-columns: minmax(16rem, .62fr) minmax(0, 1.38fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: start;
}

.section--faq.variant--editorialAccordion .faq-editorial__lead {
  min-width: 0;
}

.section--faq.variant--editorialAccordion .section-heading {
  max-width: 30rem;
  margin-bottom: 0;
}

.section--faq.variant--editorialAccordion .section-heading h2 {
  max-width: 13ch;
}

.section--faq.variant--editorialAccordion .section-intro {
  max-width: 32rem;
  margin-top: 1.15rem;
}

.faq-editorial__assist {
  display: grid;
  gap: .35rem;
  max-width: 28rem;
  margin-top: 2rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(29,52,37,.18);
  color: var(--color-muted);
  font-size: .92rem;
}

.faq-editorial__assist a {
  width: fit-content;
  color: var(--color-primary);
  font-weight: 800;
  text-decoration: none;
}

.faq-editorial__assist a:hover,
.faq-editorial__assist a:focus-visible {
  text-decoration: underline;
  text-underline-offset: .2em;
}

.faq-editorial__list {
  border-top: 1px solid rgba(29,52,37,.22);
}

.faq-editorial__item {
  border-bottom: 1px solid rgba(29,52,37,.22);
}

.faq-editorial__item summary {
  min-height: 6.35rem;
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr) 2.8rem;
  gap: 1rem;
  align-items: center;
  padding: .65rem 0;
  cursor: pointer;
  list-style: none;
  border-radius: .5rem;
}

.faq-editorial__item summary::-webkit-details-marker {
  display: none;
}

.faq-editorial__item summary:hover .faq-editorial__question {
  color: #294b35;
}

.faq-editorial__item summary:focus-visible {
  outline: 3px solid rgba(178,140,85,.45);
  outline-offset: 5px;
}

.faq-editorial__index {
  color: #8f6d3d;
  font-size: .76rem;
  font-weight: 850;
  letter-spacing: .13em;
}

.faq-editorial__question {
  max-width: 34ch;
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.15vw, 1.85rem);
  font-weight: 650;
  line-height: 1.18;
  transition: color 160ms ease;
}

.faq-editorial__toggle {
  position: relative;
  width: 2.6rem;
  height: 2.6rem;
  justify-self: end;
  border: 1px solid rgba(29,52,37,.22);
  border-radius: 50%;
  background: rgba(255,255,255,.58);
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.faq-editorial__toggle::before,
.faq-editorial__toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .82rem;
  height: 1.5px;
  background: var(--color-primary);
  transform: translate(-50%, -50%);
  transition: transform 180ms ease, opacity 180ms ease;
}

.faq-editorial__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq-editorial__item[open] .faq-editorial__toggle {
  border-color: rgba(178,140,85,.5);
  background: #f5ecdc;
}

.faq-editorial__item[open] .faq-editorial__toggle::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
}

.faq-editorial__answer {
  padding: 0 4.5rem 1.8rem 4.25rem;
}

.faq-editorial__answer p {
  max-width: 60ch;
  margin: 0;
  color: var(--color-muted);
  font-size: 1rem;
  line-height: 1.72;
}

@media (min-width: 861px) {
  .section--faq.variant--editorialAccordion .faq-editorial__lead {
    position: sticky;
    top: calc(var(--header-height) + 2rem);
  }
}

@media (max-width: 860px) {
  .section--faq.variant--editorialAccordion .faq-editorial {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .section--faq.variant--editorialAccordion .section-heading h2 {
    max-width: 14ch;
  }
}

@media (max-width: 680px) {
  .section--faq.variant--editorialAccordion .faq-editorial {
    gap: 2rem;
  }

  .faq-editorial__item summary {
    min-height: 5.5rem;
    grid-template-columns: 2.35rem minmax(0, 1fr) 2.45rem;
    gap: .7rem;
  }

  .faq-editorial__question {
    font-size: clamp(1.2rem, 6vw, 1.55rem);
  }

  .faq-editorial__toggle {
    width: 2.3rem;
    height: 2.3rem;
  }

  .faq-editorial__answer {
    padding: 0 0 1.55rem 3.05rem;
  }
}


/* Immediate-help page: decision guide. These are alternatives, not four feature cards. */
.section--featureGrid.variant--decisionList {
  padding-block: clamp(4.75rem, 7vw, 7.5rem);
}

.section--featureGrid.variant--decisionList .situation-guide {
  display: grid;
  grid-template-columns: minmax(18rem, .66fr) minmax(0, 1.34fr);
  gap: clamp(3.5rem, 7vw, 7.5rem);
  align-items: start;
}

.section--featureGrid.variant--decisionList .section-heading {
  max-width: 33rem;
  margin: 0;
}

.section--featureGrid.variant--decisionList .section-heading h2 {
  max-width: 14ch;
  font-size: var(--type-section);
}

.section--featureGrid.variant--decisionList .section-intro {
  max-width: 32rem;
  margin-top: 1.35rem;
}

.situation-guide__list {
  list-style: none;
  margin: .25rem 0 0;
  padding: 0;
  border-top: 1px solid rgba(29,52,37,.24);
}

.situation-guide__item {
  position: relative;
  display: grid;
  grid-template-columns: 3.1rem minmax(0, 1fr);
  gap: 1rem;
  padding: 1.7rem 0 1.75rem;
  border-bottom: 1px solid rgba(29,52,37,.18);
}

.situation-guide__number {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: .38rem;
  color: #8a6738;
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .13em;
}

.situation-guide__title-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
}

.situation-guide__item h3 {
  max-width: 24ch;
  font-size: clamp(1.5rem, 2.1vw, 2.05rem);
  line-height: 1.06;
}

.situation-guide__item p {
  max-width: 61ch;
  margin: .72rem 0 0;
  color: var(--color-muted);
  font-size: .98rem;
  line-height: 1.65;
}

.situation-guide__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: .4rem .78rem;
  border: 1px solid rgba(178,140,85,.38);
  border-radius: 999px;
  background: #f7efe1;
  color: #694d29;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .025em;
  white-space: nowrap;
}

.situation-guide__item--authority {
  margin-inline: -1rem;
  padding-inline: 1rem;
  background: linear-gradient(90deg, rgba(29,52,37,.055), rgba(29,52,37,0) 72%);
  box-shadow: inset 3px 0 0 rgba(29,52,37,.78);
}

.situation-guide__item--authority .situation-guide__action {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: #fffdf7;
}

/* Immediate-help page: one call-prep checklist, because these details are not sequential steps. */
.section--processSteps.variant--callChecklist {
  padding-block: clamp(4.75rem, 7vw, 7.5rem);
}

.section--processSteps.variant--callChecklist .call-checklist {
  display: grid;
  grid-template-columns: minmax(18rem, .66fr) minmax(0, 1.34fr);
  gap: clamp(3.5rem, 7vw, 7.5rem);
  align-items: start;
}

.section--processSteps.variant--callChecklist .section-heading {
  max-width: 33rem;
  margin: 0;
}

.section--processSteps.variant--callChecklist .section-heading h2 {
  max-width: 14ch;
  font-size: var(--type-section);
}

.section--processSteps.variant--callChecklist .section-intro {
  max-width: 31rem;
  margin-top: 1.35rem;
}

.call-checklist__panel {
  overflow: hidden;
  border: 1px solid rgba(29,52,37,.16);
  border-radius: 1.15rem;
  background: rgba(255,255,255,.76);
  box-shadow: 0 20px 55px rgba(23,32,25,.055);
}

.call-checklist__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3.5rem;
  padding: .85rem 1.35rem;
  border-bottom: 1px solid rgba(29,52,37,.14);
  background: rgba(247,239,225,.72);
  color: #76582f;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.call-checklist__panel-head span:last-child {
  color: var(--color-muted);
  font-weight: 750;
  letter-spacing: .035em;
}

.call-checklist__sheet {
  list-style: none;
  margin: 0;
  padding: 0;
}

.call-checklist__item {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  gap: 1rem;
  padding: 1.25rem 1.35rem 1.3rem;
  border-bottom: 1px solid rgba(29,52,37,.12);
}

.call-checklist__check {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  margin-top: .05rem;
  border: 1px solid rgba(178,140,85,.42);
  border-radius: 50%;
  background: #f7efe1;
  color: var(--color-primary);
  font-size: .82rem;
  font-weight: 900;
}

.call-checklist__item h3 {
  font-size: clamp(1.3rem, 1.9vw, 1.68rem);
  line-height: 1.08;
}

.call-checklist__item p {
  max-width: 62ch;
  margin: .48rem 0 0;
  color: var(--color-muted);
  font-size: .94rem;
  line-height: 1.6;
}

.call-checklist__footer {
  margin: 0;
  padding: 1rem 1.35rem 1.08rem 4.7rem;
  background: rgba(29,52,37,.045);
  color: var(--color-muted);
  font-size: .9rem;
  line-height: 1.55;
}

.call-checklist__footer strong {
  color: var(--color-primary);
}

@media (max-width: 980px) {
  .section--featureGrid.variant--decisionList .situation-guide,
  .section--processSteps.variant--callChecklist .call-checklist {
    grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);
    gap: 3rem;
  }

  .situation-guide__title-row {
    grid-template-columns: 1fr;
    gap: .65rem;
  }

  .situation-guide__action {
    width: fit-content;
    white-space: normal;
  }
}

@media (max-width: 760px) {
  .section--featureGrid.variant--decisionList,
  .section--processSteps.variant--callChecklist {
    padding-block: 4rem;
  }

  .section--featureGrid.variant--decisionList .situation-guide,
  .section--processSteps.variant--callChecklist .call-checklist {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .section--featureGrid.variant--decisionList .section-heading h2,
  .section--processSteps.variant--callChecklist .section-heading h2 {
    max-width: 16ch;
  }
}

@media (max-width: 560px) {
  .situation-guide__item {
    grid-template-columns: 2.2rem minmax(0, 1fr);
    gap: .65rem;
    padding: 1.35rem 0;
  }

  .situation-guide__item--authority {
    margin-inline: -.55rem;
    padding-inline: .55rem;
  }

  .call-checklist__panel-head {
    align-items: flex-start;
    flex-direction: column;
    gap: .3rem;
  }

  .call-checklist__item {
    grid-template-columns: 2.1rem minmax(0, 1fr);
    gap: .75rem;
    padding: 1.15rem 1rem;
  }

  .call-checklist__check {
    width: 1.85rem;
    height: 1.85rem;
  }

  .call-checklist__footer {
    padding: 1rem;
  }
}

/* First-call FAQ uses the editorial accordion treatment, but with a wider answer column. */
[data-section-id="death-faq"].variant--editorialAccordion .faq-editorial {
  grid-template-columns: minmax(17rem, .62fr) minmax(0, 1.38fr);
}

[data-section-id="death-faq"].variant--editorialAccordion .section-heading h2 {
  max-width: 13ch;
}

@media (max-width: 900px) {
  .section--featureGrid.variant--decisionList .situation-guide,
  .section--processSteps.variant--callChecklist .call-checklist {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }

  .section--featureGrid.variant--decisionList .section-heading h2,
  .section--processSteps.variant--callChecklist .section-heading h2 {
    max-width: 14ch;
  }
}

@media (max-width: 680px) {
  .situation-guide__item {
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: .7rem;
    padding: 1.35rem 0;
  }

  .situation-guide__title-row {
    grid-template-columns: 1fr;
    gap: .7rem;
  }

  .situation-guide__action {
    width: fit-content;
    white-space: normal;
  }

  .call-checklist__sheet {
    grid-template-columns: 1fr;
  }

  .call-checklist__item {
    min-height: 0;
    padding: 1.35rem;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(29,52,37,.13);
  }

  .call-checklist__item:last-child {
    border-bottom: 0;
  }
}

/* --------------------------------------------------------------------------
   Services + About refinements: information-first patterns, not card walls.
   -------------------------------------------------------------------------- */

/* Services: compact service directory. Six service categories are navigation,
   so they read as a scan-first directory rather than six equal promo cards. */
.section--serviceGrid.variant--serviceDirectory {
  padding-block: clamp(4.5rem, 6.5vw, 7rem);
}

.section--serviceGrid.variant--serviceDirectory .service-directory {
  display: grid;
  grid-template-columns: minmax(17.5rem, .62fr) minmax(0, 1.38fr);
  gap: clamp(3.5rem, 7vw, 7.25rem);
  align-items: start;
}

.section--serviceGrid.variant--serviceDirectory .section-heading {
  max-width: 34rem;
  margin: 0;
}

.section--serviceGrid.variant--serviceDirectory .section-heading h2 {
  max-width: 14ch;
  font-size: var(--type-section);
  line-height: 1.04;
}

.section--serviceGrid.variant--serviceDirectory .section-intro {
  max-width: 34rem;
  margin-top: 1.35rem;
}

.service-directory__assist {
  display: grid;
  gap: .28rem;
  max-width: 22rem;
  margin-top: 2rem;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(29,52,37,.18);
  color: var(--color-muted);
  font-size: .88rem;
}

.service-directory__assist span:first-child {
  font-weight: 720;
}

.service-directory__assist a {
  width: fit-content;
  color: var(--color-primary);
  font-weight: 850;
  text-decoration: none;
  text-underline-offset: 4px;
}

.service-directory__assist a:hover { text-decoration: underline; }

.service-directory__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(2rem, 4vw, 4.25rem);
  border-top: 1px solid rgba(29,52,37,.24);
}

.service-directory__item {
  min-width: 0;
  min-height: 12.5rem;
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  column-gap: .9rem;
  padding: 1.55rem .35rem 1.45rem 0;
  border-bottom: 1px solid rgba(29,52,37,.18);
  color: inherit;
  text-decoration: none;
  transition: background 160ms ease, padding 160ms ease;
}

.service-directory__item:hover {
  padding-left: .75rem;
  background: linear-gradient(90deg, rgba(29,52,37,.05), transparent 88%);
}

.service-directory__number {
  grid-row: 1 / span 2;
  padding-top: .22rem;
  color: #8a6738;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.service-directory__copy {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: .62rem;
}

.service-directory__copy strong {
  max-width: 21ch;
  color: var(--color-text);
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 2vw, 1.92rem);
  font-weight: 680;
  line-height: 1.04;
  letter-spacing: -.02em;
}

.service-directory__copy > span {
  max-width: 47ch;
  color: var(--color-muted);
  font-size: .94rem;
  line-height: 1.58;
}

.service-directory__cta {
  grid-column: 2;
  align-self: end;
  margin-top: 1rem;
  color: var(--color-primary);
  font-size: .82rem;
  font-weight: 850;
}

/* Services: one confirmation sheet instead of four independent feature cards. */
.section--featureGrid.variant--confirmationPanel {
  padding-block: clamp(4.5rem, 6.5vw, 6.75rem);
}

.section--featureGrid.variant--confirmationPanel .confirmation-layout {
  display: grid;
  grid-template-columns: minmax(17rem, .62fr) minmax(0, 1.38fr);
  gap: clamp(3.5rem, 7vw, 7.25rem);
  align-items: start;
}

.section--featureGrid.variant--confirmationPanel .section-heading {
  max-width: 34rem;
  margin: 0;
}

.section--featureGrid.variant--confirmationPanel .section-heading h2 {
  max-width: 14ch;
  font-size: var(--type-section);
  line-height: 1.04;
}

.section--featureGrid.variant--confirmationPanel .section-intro {
  max-width: 31rem;
  margin-top: 1.35rem;
}

.confirmation-panel {
  overflow: hidden;
  border: 1px solid rgba(29,52,37,.16);
  border-radius: 1.2rem;
  background: rgba(255,255,255,.8);
  box-shadow: 0 20px 58px rgba(23,32,25,.055);
}

.confirmation-panel__head {
  min-height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem 1.35rem;
  border-bottom: 1px solid rgba(29,52,37,.13);
  background: rgba(247,239,225,.78);
  color: #7c5d32;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .085em;
  text-transform: uppercase;
}

.confirmation-panel__head strong {
  color: var(--color-primary);
  font-size: .72rem;
}

.confirmation-panel__grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}

.confirmation-panel__item {
  min-height: 11.5rem;
  display: grid;
  grid-template-columns: 2.15rem minmax(0, 1fr);
  gap: .9rem;
  padding: 1.45rem 1.35rem;
  border-bottom: 1px solid rgba(29,52,37,.12);
}

.confirmation-panel__item:nth-child(odd) {
  border-right: 1px solid rgba(29,52,37,.12);
}

.confirmation-panel__check {
  width: 1.9rem;
  height: 1.9rem;
  display: grid;
  place-items: center;
  margin-top: .08rem;
  border: 1px solid rgba(178,140,85,.44);
  border-radius: 50%;
  background: #f7efe1;
  color: var(--color-primary);
  font-size: .78rem;
  font-weight: 900;
}

.confirmation-panel__item h3 {
  max-width: 20ch;
  font-size: clamp(1.35rem, 1.75vw, 1.7rem);
  line-height: 1.06;
}

.confirmation-panel__item p {
  max-width: 45ch;
  margin: .62rem 0 0;
  color: var(--color-muted);
  font-size: .93rem;
  line-height: 1.58;
}

.confirmation-panel__footer {
  margin: 0;
  padding: 1rem 1.35rem 1.05rem 4.35rem;
  background: rgba(29,52,37,.045);
  color: var(--color-muted);
  font-size: .88rem;
  line-height: 1.55;
}

/* About: service area is a fact; phone/email/immediate help are actions.
   Give them different visual weights instead of four identical cards. */
.section--featureGrid.variant--contactSummary {
  padding-block: clamp(4.5rem, 6.5vw, 6.8rem);
}

.section--featureGrid.variant--contactSummary .about-summary {
  display: grid;
  grid-template-columns: minmax(18rem, .7fr) minmax(0, 1.3fr);
  gap: clamp(3.5rem, 7vw, 7.5rem);
  align-items: start;
}

.section--featureGrid.variant--contactSummary .section-heading {
  max-width: 34rem;
  margin: 0;
}

.section--featureGrid.variant--contactSummary .section-heading h2 {
  max-width: 14ch;
  font-size: var(--type-section);
  line-height: 1.04;
}

.section--featureGrid.variant--contactSummary .section-intro {
  max-width: 32rem;
  margin-top: 1.35rem;
}

.about-summary__area {
  display: grid;
  gap: .2rem;
  max-width: 25rem;
  margin-top: 2.1rem;
  padding: 1.25rem 0 0 1.15rem;
  border-top: 1px solid rgba(29,52,37,.18);
  border-left: 3px solid rgba(178,140,85,.7);
}

.about-summary__label {
  color: #87663a;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.about-summary__area strong {
  margin-top: .28rem;
  font-family: var(--font-heading);
  font-size: clamp(1.55rem, 2.2vw, 2.05rem);
  line-height: 1.06;
}

.about-summary__area p {
  margin: .35rem 0 0;
  color: var(--color-muted);
  font-size: .94rem;
}

.about-summary__actions {
  border-top: 1px solid rgba(29,52,37,.24);
}

.about-summary__action {
  min-height: 9.3rem;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr) 2.7rem;
  gap: 1rem;
  align-items: center;
  padding: 1.25rem .2rem 1.3rem 0;
  border-bottom: 1px solid rgba(29,52,37,.18);
  color: inherit;
  text-decoration: none;
  transition: background 160ms ease, padding 160ms ease;
}

.about-summary__action:hover {
  padding-left: .75rem;
  background: linear-gradient(90deg, rgba(29,52,37,.05), transparent 88%);
}

.about-summary__index {
  align-self: start;
  padding-top: .35rem;
  color: #8a6738;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.about-summary__action-copy {
  min-width: 0;
  display: grid;
  gap: .28rem;
}

.about-summary__action-copy > span:first-child {
  color: #87663a;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.about-summary__action-copy strong {
  overflow-wrap: anywhere;
  font-family: var(--font-heading);
  font-size: clamp(1.55rem, 2.45vw, 2.25rem);
  font-weight: 680;
  line-height: 1.02;
  letter-spacing: -.02em;
}

.about-summary__action-copy small {
  margin-top: .2rem;
  color: var(--color-muted);
  font-size: .9rem;
  line-height: 1.55;
}

.about-summary__arrow {
  width: 2.45rem;
  height: 2.45rem;
  display: grid;
  place-items: center;
  justify-self: end;
  border: 1px solid rgba(29,52,37,.2);
  border-radius: 50%;
  color: var(--color-primary);
  font-size: 1rem;
  transition: transform 160ms ease, background 160ms ease, color 160ms ease;
}

.about-summary__action:hover .about-summary__arrow {
  transform: translateX(3px);
  background: var(--color-primary);
  color: #fff;
}

/* About: two family routes are navigation, not image promos. */
.section--featureGrid.variant--familyRoutes {
  padding-block: clamp(4.5rem, 6.5vw, 6.8rem);
}

.section--featureGrid.variant--familyRoutes .family-routes {
  display: grid;
  grid-template-columns: minmax(18rem, .7fr) minmax(0, 1.3fr);
  gap: clamp(3.5rem, 7vw, 7.5rem);
  align-items: start;
}

.section--featureGrid.variant--familyRoutes .section-heading {
  max-width: 34rem;
  margin: 0;
}

.section--featureGrid.variant--familyRoutes .section-heading h2 {
  max-width: 14ch;
  font-size: var(--type-section);
  line-height: 1.04;
}

.section--featureGrid.variant--familyRoutes .section-intro {
  max-width: 31rem;
  margin-top: 1.35rem;
}

.family-routes__list {
  display: grid;
  border-top: 1px solid rgba(29,52,37,.24);
}

.family-route {
  min-height: 12.6rem;
  display: grid;
  grid-template-columns: minmax(10rem, 13.5rem) minmax(0, 1fr);
  gap: 1.35rem;
  align-items: stretch;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(29,52,37,.18);
  color: inherit;
  text-decoration: none;
}

.family-route__image {
  min-height: 10.25rem;
  overflow: hidden;
  border-radius: .85rem;
  background: #e8e4d9;
}

.family-route__image img {
  width: 100%;
  height: 100%;
  min-height: 10.25rem;
  object-fit: cover;
  filter: saturate(.82) contrast(.98);
  transition: transform 260ms ease, filter 260ms ease;
}

.family-route:hover .family-route__image img {
  transform: scale(1.025);
  filter: saturate(.92) contrast(1);
}

.family-route__copy {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  align-content: start;
  padding: .35rem .2rem .25rem 0;
}

.family-route__index {
  color: #8a6738;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.family-route__copy > strong {
  max-width: 22ch;
  margin-top: .45rem;
  font-family: var(--font-heading);
  font-size: clamp(1.55rem, 2.25vw, 2.15rem);
  font-weight: 680;
  line-height: 1.03;
  letter-spacing: -.02em;
}

.family-route__text {
  max-width: 48ch;
  margin-top: .62rem;
  color: var(--color-muted);
  font-size: .94rem;
  line-height: 1.58;
}

.family-route__link {
  align-self: end;
  width: fit-content;
  margin-top: .8rem;
  color: var(--color-primary);
  font-size: .83rem;
  font-weight: 850;
}

.family-route:hover .family-route__link { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 980px) {
  .section--serviceGrid.variant--serviceDirectory .service-directory,
  .section--featureGrid.variant--confirmationPanel .confirmation-layout,
  .section--featureGrid.variant--contactSummary .about-summary,
  .section--featureGrid.variant--familyRoutes .family-routes {
    grid-template-columns: minmax(15rem, .78fr) minmax(0, 1.22fr);
    gap: 3rem;
  }

  .service-directory__list { grid-template-columns: 1fr; }
  .service-directory__item { min-height: 0; }
  .family-route { grid-template-columns: 10.25rem minmax(0, 1fr); }
}

@media (max-width: 780px) {
  .section--serviceGrid.variant--serviceDirectory,
  .section--featureGrid.variant--confirmationPanel,
  .section--featureGrid.variant--contactSummary,
  .section--featureGrid.variant--familyRoutes {
    padding-block: 4rem;
  }

  .section--serviceGrid.variant--serviceDirectory .service-directory,
  .section--featureGrid.variant--confirmationPanel .confirmation-layout,
  .section--featureGrid.variant--contactSummary .about-summary,
  .section--featureGrid.variant--familyRoutes .family-routes {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .section--serviceGrid.variant--serviceDirectory .section-heading h2,
  .section--featureGrid.variant--confirmationPanel .section-heading h2,
  .section--featureGrid.variant--contactSummary .section-heading h2,
  .section--featureGrid.variant--familyRoutes .section-heading h2 {
    max-width: 16ch;
  }

  .service-directory__assist { margin-top: 1.5rem; }
}

@media (max-width: 620px) {
  .confirmation-panel__grid { grid-template-columns: 1fr; }
  .confirmation-panel__item,
  .confirmation-panel__item:nth-child(odd) { border-right: 0; }
  .confirmation-panel__item { min-height: 0; padding: 1.15rem 1rem; }
  .confirmation-panel__head { padding-inline: 1rem; }
  .confirmation-panel__footer { padding: 1rem; }

  .about-summary__action {
    grid-template-columns: 2.25rem minmax(0, 1fr) 2.4rem;
    gap: .7rem;
    min-height: 8.5rem;
  }

  .family-route {
    grid-template-columns: 7.25rem minmax(0, 1fr);
    gap: 1rem;
  }

  .family-route__image,
  .family-route__image img { min-height: 8.75rem; }
}

@media (max-width: 440px) {
  .service-directory__item {
    grid-template-columns: 2rem minmax(0, 1fr);
    padding-block: 1.3rem;
  }

  .service-directory__cta { grid-column: 2; }

  .about-summary__action {
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .about-summary__arrow { display: none; }

  .family-route {
    grid-template-columns: 1fr;
  }

  .family-route__image { min-height: 11rem; max-height: 12rem; }
  .family-route__image img { min-height: 11rem; max-height: 12rem; }
}

/* ================================================================
   Obituaries: directory cards + individual notice pages
   ================================================================ */
body[data-page="obituaries"] .section--hero.variant--centered {
  padding-block: clamp(4.75rem, 7vw, 7.5rem);
  border-bottom: 1px solid rgba(29,52,37,.11);
}

body[data-page="obituaries"] .section--hero.variant--centered .section__inner {
  width: min(100% - 2rem, var(--container-wide));
  max-width: var(--container-wide);
  margin-inline: auto;
  text-align: left;
}

body[data-page="obituaries"] .section--hero.variant--centered .hero-content {
  max-width: 58rem;
}

body[data-page="obituaries"] .section--hero.variant--centered h1 {
  max-width: 15ch;
  font-size: var(--type-display);
  line-height: .98;
}

body[data-page="obituaries"] .section--hero.variant--centered .hero-subheadline {
  max-width: 48rem;
}

.section--obituaryGrid.variant--memorialDirectory {
  padding-block: clamp(4.5rem, 7vw, 7.25rem);
}

.obituary-directory__lead {
  display: grid;
  grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3.25rem);
}

.obituary-directory__lead .section-heading {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(2rem, 6vw, 6rem);
  max-width: none;
  margin: 0;
  align-items: end;
}

.obituary-directory__lead .section-heading .eyebrow {
  grid-column: 1;
  align-self: start;
}

.obituary-directory__lead .section-heading h2 {
  grid-column: 1;
  max-width: 13ch;
  margin-top: .6rem;
  font-size: var(--type-section);
  line-height: 1.04;
}

.obituary-directory__lead .section-heading .section-intro {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  max-width: 42rem;
  margin: 0 0 .15rem;
}

.obituary-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding-block: 1rem;
  margin-bottom: 1.75rem;
  border-block: 1px solid rgba(29,52,37,.16);
}

.obituary-search {
  width: min(100%, 31rem);
  min-height: 3.35rem;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  align-items: center;
  border: 1px solid rgba(29,52,37,.2);
  border-radius: 999px;
  background: #fff;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.obituary-search:focus-within {
  border-color: rgba(29,52,37,.7);
  box-shadow: 0 0 0 3px rgba(178,140,85,.18);
}

.obituary-search__icon {
  display: grid;
  place-items: center;
  color: #8a6738;
  font-size: 1.2rem;
}

.obituary-search input {
  width: 100%;
  min-height: 3.2rem;
  padding: 0 1.1rem 0 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--color-text);
  font: inherit;
}

.obituary-search input::placeholder { color: color-mix(in srgb, var(--color-muted) 82%, white); }

.obituary-results {
  margin: 0;
  color: var(--color-muted);
  font-size: .9rem;
  white-space: nowrap;
}

.obituary-results strong { color: var(--color-primary); }

.obituary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2vw, 1.8rem);
}

.obituary-card {
  min-width: 0;
  border: 1px solid rgba(29,52,37,.14);
  border-radius: 1.1rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 45px rgba(29,52,37,.07);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.obituary-card:hover,
.obituary-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(178,140,85,.58);
  box-shadow: 0 24px 52px rgba(29,52,37,.11);
}

.obituary-card__link {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.obituary-card__link:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: -3px;
}

.obituary-card__portrait {
  position: relative;
  aspect-ratio: 4 / 4.25;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 32%, rgba(178,140,85,.18), transparent 42%),
    #ebe7dc;
}

.obituary-card__portrait::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 30%;
  background: linear-gradient(180deg, transparent, rgba(19,35,24,.08));
  pointer-events: none;
}

.obituary-card__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(.86) contrast(.98);
  transition: transform 260ms ease, filter 260ms ease;
}

.obituary-card:hover .obituary-card__portrait img {
  transform: scale(1.02);
  filter: saturate(.96) contrast(1);
}

.obituary-card__portrait--fallback {
  display: grid;
  place-items: center;
}

.obituary-card__portrait--fallback span {
  width: 5.25rem;
  height: 5.25rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(138,103,56,.36);
  border-radius: 50%;
  color: #75552d;
  font-family: var(--font-heading);
  font-size: 1.7rem;
}

.obituary-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1.45rem 1.5rem 1.35rem;
}

.obituary-card__kicker {
  margin: 0 0 .65rem;
  color: #8a6738;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.obituary-card h3 {
  max-width: 18ch;
  margin: 0;
  font-size: clamp(1.65rem, 2.2vw, 2.2rem);
  line-height: 1.02;
  letter-spacing: -.025em;
}

.obituary-card__years {
  margin: .5rem 0 0;
  color: var(--color-muted);
  font-size: .92rem;
  font-weight: 650;
}

.obituary-card__summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 1rem 0 1.25rem;
  color: var(--color-muted);
  font-size: .94rem;
  line-height: 1.62;
}

.obituary-card__meta {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  margin-top: auto;
  border-top: 1px solid rgba(29,52,37,.12);
}

.obituary-card__meta > span:first-child {
  display: grid;
  gap: .2rem;
}

.obituary-card__meta small {
  color: var(--color-muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.obituary-card__meta strong {
  color: var(--color-primary);
  font-size: .84rem;
}

.obituary-card__cta {
  color: var(--color-primary);
  font-size: .84rem;
  font-weight: 900;
  white-space: nowrap;
}

.obituary-no-results,
.obituary-empty {
  padding: clamp(2rem, 5vw, 4rem);
  border: 1px solid rgba(29,52,37,.16);
  border-radius: 1.1rem;
  background: color-mix(in srgb, var(--color-surface) 72%, white);
}

.obituary-no-results { text-align: center; }
.obituary-empty { max-width: 48rem; }
.obituary-empty h3,
.obituary-no-results h3 { max-width: 22ch; margin-bottom: .7rem; }
.obituary-empty p:not(.eyebrow),
.obituary-no-results p { max-width: 48ch; color: var(--color-muted); }
.obituary-empty .button { margin-top: 1.25rem; }

/* Individual obituary notice */
.obituary-detail-hero {
  padding-block: clamp(3.5rem, 6vw, 6.5rem);
  border-bottom: 1px solid rgba(29,52,37,.12);
}

.obituary-back {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 2rem;
  color: var(--color-primary);
  font-size: .86rem;
  font-weight: 850;
  text-decoration: none;
}

.obituary-back:hover { text-decoration: underline; text-underline-offset: 4px; }

.obituary-detail-hero__grid {
  display: grid;
  grid-template-columns: minmax(16rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: center;
}

.obituary-detail__portrait {
  aspect-ratio: 4 / 5;
  max-height: 40rem;
  overflow: hidden;
  border-radius: 1.2rem;
  border: 1px solid rgba(29,52,37,.16);
  background: #e9e5db;
  box-shadow: 0 30px 70px rgba(29,52,37,.11);
}

.obituary-detail__portrait img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(.88) contrast(.98);
}

.obituary-detail__portrait--fallback {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 32%, rgba(178,140,85,.2), transparent 42%),
    #e9e5db;
}

.obituary-detail__portrait--fallback span {
  width: 7.5rem;
  height: 7.5rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(138,103,56,.42);
  border-radius: 50%;
  color: #75552d;
  font-family: var(--font-heading);
  font-size: 2.4rem;
}

.obituary-detail-hero__copy { max-width: 52rem; }

.obituary-detail-hero__copy h1 {
  max-width: 13ch;
  margin: .7rem 0 0;
  font-size: var(--type-display);
  line-height: .98;
}

.obituary-detail__preferred {
  margin: .85rem 0 0;
  color: #8a6738;
  font-family: var(--font-heading);
  font-size: 1.35rem;
}

.obituary-detail__dates {
  margin: 1rem 0 0;
  color: var(--color-primary);
  font-size: 1.08rem;
  font-weight: 780;
}

.obituary-detail__parish {
  margin: .35rem 0 0;
  color: var(--color-muted);
}

.obituary-detail__lead {
  max-width: 48rem;
  margin: 1.7rem 0 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(29,52,37,.16);
  color: var(--color-muted);
  font-size: clamp(1.05rem, 1.5vw, 1.22rem);
  line-height: 1.72;
}

.obituary-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
}

.obituary-story h2 {
  max-width: 15ch;
  margin-top: .6rem;
  font-size: var(--type-section);
  line-height: 1.04;
}

.obituary-story__prose {
  max-width: 46rem;
  margin-top: 2rem;
}

.obituary-story__prose p {
  color: color-mix(in srgb, var(--color-text) 88%, var(--color-muted));
  font-size: 1.03rem;
  line-height: 1.85;
}

.obituary-story__prose p + p { margin-top: 1.25rem; }

.obituary-sidebar {
  position: sticky;
  top: 7rem;
  display: grid;
  gap: 1rem;
}

.obituary-service-panel,
.obituary-contact-panel {
  padding: 1.5rem;
  border: 1px solid rgba(29,52,37,.15);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--color-surface) 54%, white);
}

.obituary-service-panel > p:not(.eyebrow),
.obituary-contact-panel > p { color: var(--color-muted); line-height: 1.62; }

.obituary-service-list { margin: 1rem 0 0; }

.obituary-service-list > div {
  display: grid;
  grid-template-columns: 5.5rem 1fr;
  gap: .75rem;
  padding-block: .8rem;
  border-top: 1px solid rgba(29,52,37,.11);
}

.obituary-service-list dt {
  color: var(--color-muted);
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.obituary-service-list dd {
  margin: 0;
  color: var(--color-primary);
  font-weight: 720;
  line-height: 1.45;
}

.obituary-service-panel__note {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(29,52,37,.11);
}

.obituary-contact-panel h3 { margin: .35rem 0 .6rem; }
.obituary-contact-panel .button { width: 100%; margin-top: 1.2rem; }
.obituary-email-link {
  display: block;
  margin-top: .9rem;
  color: var(--color-primary);
  font-size: .88rem;
  font-weight: 800;
  text-align: center;
}

.obituary-detail-footer__inner {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
}

.obituary-detail-footer h2 {
  max-width: 12ch;
  margin-top: .4rem;
  font-size: clamp(1.9rem, 3vw, 2.8rem);
}

@media (max-width: 980px) {
  .obituary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .obituary-detail-hero__grid { grid-template-columns: minmax(14rem, .72fr) minmax(0, 1.28fr); gap: 3rem; }
  .obituary-detail-layout { grid-template-columns: minmax(0, 1.2fr) minmax(16rem, .8fr); gap: 3rem; }
}

@media (max-width: 780px) {
  .obituary-directory__lead,
  .obituary-directory__lead .section-heading {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
  .obituary-directory__lead .section-heading .eyebrow,
  .obituary-directory__lead .section-heading h2,
  .obituary-directory__lead .section-heading .section-intro {
    grid-column: 1;
    grid-row: auto;
  }
  .obituary-directory__lead .section-heading .section-intro { margin-top: .2rem; }
  .obituary-detail-hero__grid,
  .obituary-detail-layout { grid-template-columns: 1fr; }
  .obituary-detail__portrait { max-width: 27rem; }
  .obituary-sidebar { position: static; }
}

@media (max-width: 620px) {
  body[data-page="obituaries"] .section--hero.variant--centered { padding-block: 3.5rem; }
  body[data-page="obituaries"] .section--hero.variant--centered h1 { font-size: var(--type-display); }
  .obituary-toolbar { align-items: stretch; flex-direction: column; }
  .obituary-search { width: 100%; }
  .obituary-results { padding-left: .25rem; }
  .obituary-grid { grid-template-columns: 1fr; }
  .obituary-card__portrait { aspect-ratio: 4 / 3.55; }
  .obituary-detail-hero__copy h1 { font-size: var(--type-display); }
  .obituary-detail__portrait { width: 100%; max-width: none; aspect-ratio: 4 / 4.6; }
  .obituary-detail-footer__inner { align-items: stretch; flex-direction: column; }
  .obituary-detail-footer__inner .button { width: 100%; }
}


/* Homepage decision routes: one urgent route, two secondary routes. */
.section--featureGrid.variant--priorityRoutes .priority-routes {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: clamp(2.5rem, 6vw, 6.5rem);
  align-items: start;
}
.section--featureGrid.variant--priorityRoutes .section-heading {
  max-width: 32rem;
  margin: 0;
}
.section--featureGrid.variant--priorityRoutes .section-heading h2 {
  max-width: 13ch;
}
.section--featureGrid.variant--priorityRoutes .priority-routes__nav {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
  grid-template-rows: repeat(2, minmax(10rem, 1fr));
  gap: 1rem;
}
.priority-route {
  min-width: 0;
  min-height: 10rem;
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding: clamp(1.4rem, 2.8vw, 2rem);
  border: 1px solid rgba(29, 52, 37, .16);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, .58);
  color: var(--color-text);
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.priority-route:hover {
  border-color: rgba(178, 140, 85, .7);
  background: #fff;
  transform: translateY(-2px);
}
.priority-route--primary {
  grid-row: 1 / span 2;
  min-height: 21rem;
  align-items: stretch;
  align-content: stretch;
  background:
    radial-gradient(circle at 82% 16%, rgba(178, 140, 85, .18), transparent 15rem),
    var(--color-primary);
  border-color: rgba(255,255,255,.1);
  color: var(--color-on-primary);
}
.priority-route--primary:hover {
  background:
    radial-gradient(circle at 82% 16%, rgba(178, 140, 85, .23), transparent 15rem),
    #24412e;
  border-color: rgba(216, 182, 119, .7);
}
.priority-route__index {
  padding-top: .2rem;
  color: #8d6a38;
  font-size: .77rem;
  font-weight: 850;
  letter-spacing: .12em;
}
.priority-route--primary .priority-route__index { color: #d8b677; }
.priority-route--primary .priority-route__copy { min-height: 100%; }
.priority-route--primary .priority-route__copy > strong { margin-top: auto; }
.priority-route__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.priority-route__status {
  display: inline-flex;
  margin: 0 0 1.15rem;
  padding: .48rem .7rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .03em;
}
.priority-route strong {
  font-family: var(--font-heading);
  font-size: clamp(1.55rem, 2.4vw, 2.45rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}
.priority-route__text {
  max-width: 34rem;
  margin-top: .65rem;
  color: var(--color-muted);
  line-height: 1.55;
}
.priority-route--primary .priority-route__text { color: rgba(255,255,255,.72); }
.priority-route__cta {
  margin-top: auto;
  padding-top: 1.3rem;
  color: var(--color-primary);
  font-size: .86rem;
  font-weight: 850;
}
.priority-route--primary .priority-route__cta { color: #f6efe1; }

/* Homepage process: ordered flow, not feature cards. */
.section--processSteps.variant--nextStepFlow .next-step-layout {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: start;
}
.section--processSteps.variant--nextStepFlow .section-heading {
  max-width: 34rem;
  margin: 0;
}
.section--processSteps.variant--nextStepFlow .section-heading h2 {
  max-width: 13ch;
}
.next-step-layout__note {
  max-width: 34rem;
  margin: 1.7rem 0 0;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(29,52,37,.16);
  color: var(--color-muted);
  font-size: .92rem;
  line-height: 1.6;
}
.next-step-flow {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(29,52,37,.2);
}
.next-step-flow__item {
  position: relative;
  display: grid;
  grid-template-columns: 4.2rem minmax(0,1fr);
  gap: 1.1rem;
  padding: 1.7rem .25rem 1.7rem 0;
  border-bottom: 1px solid rgba(29,52,37,.2);
}
.next-step-flow__marker {
  width: 2.8rem;
  height: 2.8rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(178,140,85,.45);
  border-radius: 50%;
  background: #f6efe3;
  color: var(--color-primary);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .05em;
}
.next-step-flow__copy { min-width: 0; }
.next-step-flow__topline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
.next-step-flow__topline h3 {
  max-width: 21ch;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
}
.next-step-flow__status {
  flex: 0 0 auto;
  padding: .4rem .65rem;
  border-radius: 999px;
  background: var(--color-primary);
  color: #fff;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .03em;
}
.next-step-flow__item p {
  max-width: 48rem;
  margin: .6rem 0 0;
  color: var(--color-muted);
  line-height: 1.62;
}

/* Homepage contact summary: direct actions instead of large decorative image cards. */
.section--featureGrid.variant--directContactBand .direct-contact-band {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: clamp(2.5rem, 6vw, 6.5rem);
  align-items: center;
}
.section--featureGrid.variant--directContactBand .section-heading {
  max-width: 35rem;
  margin: 0;
}
.section--featureGrid.variant--directContactBand .section-heading h2 {
  max-width: 14ch;
}
.direct-contact-band__facts {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1.5rem;
}
.direct-contact-band__facts span {
  min-height: 2.2rem;
  display: inline-flex;
  align-items: center;
  padding: .48rem .72rem;
  border: 1px solid rgba(29,52,37,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.4);
  color: #4e5a51;
  font-size: .78rem;
  font-weight: 760;
}
.direct-contact-band__actions {
  border-top: 1px solid rgba(29,52,37,.2);
}
.direct-contact-action {
  min-height: 8.4rem;
  display: grid;
  grid-template-columns: 4.7rem minmax(0,1fr) 2rem;
  gap: 1rem;
  align-items: center;
  padding: 1.35rem .15rem;
  border-bottom: 1px solid rgba(29,52,37,.2);
  color: var(--color-text);
  text-decoration: none;
}
.direct-contact-action:hover .direct-contact-action__arrow {
  transform: translateX(4px);
}
.direct-contact-action__type {
  color: #866538;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.direct-contact-action__copy {
  min-width: 0;
  display: grid;
  gap: .35rem;
}
.direct-contact-action__copy strong {
  font-family: var(--font-heading);
  font-size: clamp(1.55rem, 2.8vw, 2.5rem);
  line-height: 1.04;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.direct-contact-action__copy small {
  max-width: 48rem;
  color: var(--color-muted);
  font-size: .9rem;
  line-height: 1.55;
}
.direct-contact-action__arrow {
  justify-self: end;
  font-size: 1.25rem;
  transition: transform 160ms ease;
}

@media (max-width: 960px) {
  .section--featureGrid.variant--priorityRoutes .priority-routes,
  .section--processSteps.variant--nextStepFlow .next-step-layout,
  .section--featureGrid.variant--directContactBand .direct-contact-band {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .section--featureGrid.variant--priorityRoutes .section-heading,
  .section--processSteps.variant--nextStepFlow .section-heading,
  .section--featureGrid.variant--directContactBand .section-heading {
    max-width: 43rem;
  }

  .section--featureGrid.variant--priorityRoutes .section-heading h2,
  .section--processSteps.variant--nextStepFlow .section-heading h2,
  .section--featureGrid.variant--directContactBand .section-heading h2 {
    max-width: 14ch;
  }
}

@media (max-width: 680px) {
  .section--featureGrid.variant--priorityRoutes .priority-routes__nav {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .priority-route,
  .priority-route--primary {
    grid-row: auto;
    min-height: 0;
    padding: 1.25rem;
  }
  .priority-route--primary {
    min-height: 16rem;
  }
  .priority-route__status {
    margin-bottom: .85rem;
  }
  .next-step-flow__item {
    grid-template-columns: 3.25rem minmax(0,1fr);
    gap: .8rem;
    padding-block: 1.35rem;
  }
  .next-step-flow__marker {
    width: 2.5rem;
    height: 2.5rem;
  }
  .next-step-flow__topline {
    display: block;
  }
  .next-step-flow__status {
    display: inline-flex;
    margin-top: .6rem;
  }
  .direct-contact-action {
    grid-template-columns: 3.5rem minmax(0,1fr) 1.4rem;
    min-height: 7rem;
    gap: .7rem;
  }
  .direct-contact-action__copy strong {
    font-size: clamp(1.35rem, 7vw, 2rem);
  }
}

/* ================================================================
   V6 — Compact page heroes
   Keep page intros prominent without letting the first viewport become
   mostly headline/image. Uses fluid, bounded sizing and wider headline
   measures to reduce unnecessary line wraps.
   ================================================================ */
.section--hero.variant--split .section__inner {
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .82fr);
  gap: clamp(2rem, 4vw, 4rem);
}

.section--hero.variant--split .hero-content {
  max-width: 43rem;
}

.section--hero.variant--split h1 {
  max-width: 16.5ch;
  font-size: clamp(2.7rem, 4vw, 4.2rem);
  line-height: 1;
}

.section--hero.variant--split .hero-subheadline {
  max-width: 56ch;
  font-size: clamp(1rem, 1.15vw, 1.13rem);
  line-height: 1.62;
}

.section--hero .hero-content::before {
  margin-bottom: 1rem;
}

.hero-content .button-row {
  margin-top: 1.4rem;
}

.section--hero.variant--split .hero-media {
  height: clamp(27rem, 35vw, 34rem);
  min-height: 0;
  aspect-ratio: auto;
  border-radius: 11rem 11rem 1.8rem 1.8rem;
}

.section--hero.variant--split .hero-media::before {
  inset: -.8rem .9rem .9rem -.8rem;
  border-radius: 11.6rem 11.6rem 2rem 2rem;
}

/* The obituary directory has no hero image, so vertical padding should be
   especially restrained. */
body[data-page="obituaries"] .section--hero.variant--centered {
  padding-block: clamp(3rem, 4.2vw, 4.5rem);
}

body[data-page="obituaries"] .section--hero.variant--centered .hero-content {
  max-width: 52rem;
}

body[data-page="obituaries"] .section--hero.variant--centered h1 {
  max-width: 18ch;
  font-size: clamp(2.7rem, 4vw, 4.2rem);
  line-height: 1;
}

/* Generated obituary detail pages use a separate hero shell. */
.obituary-detail-hero {
  padding-block: clamp(2.75rem, 4vw, 4.5rem);
}

@media (max-width: 960px) {
  .section--hero.variant--split .section__inner {
    grid-template-columns: minmax(0, 1fr) minmax(290px, .82fr);
    gap: 2.25rem;
  }

  .section--hero.variant--split h1 {
    max-width: 17ch;
    font-size: clamp(2.55rem, 5.4vw, 3.75rem);
  }

  .section--hero.variant--split .hero-media {
    height: clamp(24rem, 44vw, 29rem);
  }
}

@media (max-width: 860px) {
  .section--hero.variant--split .section__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .section--hero.variant--split .hero-content {
    max-width: 46rem;
  }

  .section--hero.variant--split h1 {
    max-width: 18ch;
  }

  .section--hero.variant--split .hero-media {
    width: min(100%, 42rem);
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
    border-radius: 7rem 7rem 1.4rem 1.4rem;
  }

  .section--hero.variant--split .hero-media::before {
    inset: -.55rem .55rem .55rem -.55rem;
    border-radius: 7.4rem 7.4rem 1.6rem 1.6rem;
  }
}

@media (max-width: 680px) {
  .section--hero.variant--split h1,
  body[data-page="obituaries"] .section--hero.variant--centered h1 {
    font-size: clamp(2.25rem, 9vw, 3rem);
    line-height: 1.02;
  }

  .section--hero.variant--split .hero-subheadline {
    font-size: 1rem;
    line-height: 1.58;
  }

  .section--hero.variant--split .hero-media {
    aspect-ratio: 4 / 3;
    border-radius: 5.5rem 5.5rem 1.2rem 1.2rem;
  }

  body[data-page="obituaries"] .section--hero.variant--centered {
    padding-block: 2.75rem;
  }
}

/* ================================================================
   V7 — Mobile-first optimization pass
   Purpose: reduce vertical load, preserve readable measure, improve touch
   ergonomics, and make every custom section behave naturally on phones.
   ================================================================ */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

a,
button,
summary,
input,
select,
textarea {
  touch-action: manipulation;
}

@media (max-width: 1120px) {
  body.nav-open { overflow: hidden; }

  .site-header { position: sticky; top: 0; }
  .nav-links {
    max-height: calc(100dvh - var(--header-height));
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .nav-links a { min-height: 3.25rem; }
}

@media (max-width: 860px) {
  :root {
    --space-lg: 3.25rem;
    --space-xl: 4.25rem;
  }

  .section__inner,
  .container,
  .container--narrow,
  .container--standard,
  .container--wide,
  .section__inner.container--narrow,
  .section__inner.container--standard,
  .section__inner.container--wide {
    width: min(calc(100% - 2.25rem), var(--container-wide));
  }

  .section--hero.variant--split .section__inner { gap: 1.8rem; }
  .section--hero.variant--split .hero-content { max-width: 42rem; }
  .section--hero.variant--split .hero-media {
    width: 100%;
    max-width: 42rem;
    aspect-ratio: 16 / 9;
  }

  .button,
  .nav-toggle,
  .mobile-contact-bar a,
  .obituary-search,
  .obituary-search input {
    min-height: 48px;
  }

  .card-grid { gap: 1rem; }

  /* Override legacy section-specific desktop padding that otherwise remains
     taller than the generic spacing scale on tablets. */
  .section--featureGrid.variant--decisionList,
  .section--processSteps.variant--callChecklist,
  .section--serviceGrid.variant--serviceDirectory,
  .section--featureGrid.variant--confirmationPanel,
  .section--featureGrid.variant--contactSummary,
  .section--featureGrid.variant--familyRoutes,
  .section--obituaryGrid.variant--memorialDirectory {
    padding-block: 3.75rem;
  }

  .section--featureGrid.variant--decisionList .situation-guide,
  .section--processSteps.variant--callChecklist .call-checklist,
  .section--serviceGrid.variant--serviceDirectory .service-directory,
  .section--featureGrid.variant--confirmationPanel .confirmation-layout,
  .section--featureGrid.variant--contactSummary .about-summary,
  .section--featureGrid.variant--familyRoutes .family-routes,
  .section--featureGrid.variant--priorityRoutes .priority-routes,
  .section--processSteps.variant--nextStepFlow .next-step-layout,
  .section--featureGrid.variant--directContactBand .direct-contact-band,
  .section--faq.variant--editorialAccordion .faq-editorial,
  .section--featureGrid.variant--checklist .question-checklist {
    gap: 2.25rem;
  }
}

@media (max-width: 680px) {
  :root {
    --header-height: 64px;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 3.15rem;
    --type-display: clamp(2.05rem, 8.4vw, 2.7rem);
    --type-section: clamp(1.7rem, 7vw, 2.15rem);
    --type-card-title: clamp(1.22rem, 5.6vw, 1.5rem);
  }

  body { padding-bottom: 0; }
  .care-line { display: none; }

  .site-header { backdrop-filter: blur(14px) saturate(125%); }
  .header-inner {
    width: min(calc(100% - 2rem), var(--container-wide));
    min-height: var(--header-height);
    gap: .65rem;
  }
  .logo { min-width: 0; gap: .55rem; }
  .logo-mark {
    flex: 0 0 auto;
    width: 2.55rem;
    height: 2.55rem;
    box-shadow: 0 6px 18px rgba(23,32,25,.08);
  }
  .logo-copy { min-width: 0; }
  .logo-copy strong {
    display: block;
    max-width: 12.5rem;
    font-size: .82rem;
    line-height: 1.08;
  }
  .logo-copy small { display: none; }
  .nav-toggle {
    flex: 0 0 auto;
    width: 2.8rem;
    height: 2.8rem;
  }
  .nav-links {
    top: calc(100% + 1px);
    padding: .65rem 1rem calc(1rem + env(safe-area-inset-bottom));
    gap: .15rem;
    box-shadow: 0 20px 42px rgba(23,32,25,.13);
  }
  .nav-links a {
    min-height: 3.25rem;
    padding: .7rem .85rem;
    font-size: .95rem;
  }

  .section__inner,
  .container,
  .container--narrow,
  .container--standard,
  .container--wide,
  .section__inner.container--narrow,
  .section__inner.container--standard,
  .section__inner.container--wide,
  body[data-page="obituaries"] .section--hero.variant--centered .section__inner {
    width: min(calc(100% - 2rem), var(--container-wide));
  }

  .spacing--compact { --section-padding: 1.75rem; }
  .spacing--normal { --section-padding: 2.45rem; }
  .spacing--large { --section-padding: 3rem; }
  .spacing--xl { --section-padding: 3.4rem; }

  h1,
  h2 {
    max-width: none !important;
    text-wrap: pretty;
  }
  h1 {
    font-size: var(--type-display) !important;
    line-height: 1.03 !important;
    letter-spacing: -.045em;
  }
  h2 {
    font-size: var(--type-section) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em;
  }
  h3 { text-wrap: pretty; }

  .section-heading { margin-bottom: 1.45rem; }
  .section-heading .eyebrow,
  .hero-content .eyebrow { margin-bottom: .55rem; }
  .eyebrow {
    font-size: .7rem;
    letter-spacing: .12em;
  }
  .hero-subheadline,
  .section-intro,
  .lede {
    font-size: 1rem;
    line-height: 1.62;
  }

  .section--hero .section__inner,
  .section--hero.variant--split .section__inner { gap: 1.4rem; }
  .section--hero .hero-content::before {
    width: 2.5rem;
    margin-bottom: .75rem;
  }
  .section--hero.variant--split .hero-content { max-width: none; }
  .section--hero.variant--split .hero-subheadline { max-width: none; }
  .hero-content .button-row { margin-top: 1.05rem; }
  .section--hero.variant--split .hero-media,
  .hero-media {
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
    border-radius: 3.75rem 3.75rem 1.1rem 1.1rem;
    box-shadow: 0 20px 50px rgba(29,52,37,.13);
  }
  .section--hero.variant--split .hero-media::before,
  .hero-media::before {
    inset: -.4rem .4rem .4rem -.4rem;
    border-radius: 4rem 4rem 1.25rem 1.25rem;
  }

  /* One consistent mobile rhythm for custom sections. */
  .section--featureGrid.variant--decisionList,
  .section--processSteps.variant--callChecklist,
  .section--serviceGrid.variant--serviceDirectory,
  .section--featureGrid.variant--confirmationPanel,
  .section--featureGrid.variant--contactSummary,
  .section--featureGrid.variant--familyRoutes,
  .section--obituaryGrid.variant--memorialDirectory {
    padding-block: 3rem;
  }
  body[data-page="obituaries"] .section--hero.variant--centered {
    padding-block: 2.45rem;
  }
  .obituary-detail-hero { padding-block: 2.5rem; }

  /* Action groups: maintain 48px targets and avoid compressed pill rows. */
  .button {
    min-height: 48px;
    padding: .78rem 1.05rem;
    line-height: 1.2;
    text-align: center;
  }
  .button-row { gap: .65rem; margin-top: 1.2rem; }

  /* Homepage */
  .section--featureGrid.variant--priorityRoutes .priority-routes,
  .section--processSteps.variant--nextStepFlow .next-step-layout,
  .section--featureGrid.variant--directContactBand .direct-contact-band,
  .section--serviceGrid.variant--serviceList .service-overview {
    gap: 1.8rem;
  }
  .section--featureGrid.variant--priorityRoutes .priority-routes__nav { gap: .75rem; }
  .priority-route,
  .priority-route--primary {
    grid-template-columns: 2.25rem minmax(0,1fr);
    min-height: 0;
    gap: .65rem;
    padding: 1.15rem;
  }
  .priority-route--primary { min-height: 0; }
  .priority-route__status { margin-bottom: .7rem; }
  .priority-route strong { font-size: 1.55rem; line-height: 1.06; }
  .priority-route__text { margin-top: .5rem; line-height: 1.5; }
  .priority-route__cta { padding-top: 1rem; }

  .service-row {
    grid-template-columns: 2.1rem minmax(0,1fr);
    gap: .65rem;
    padding-block: 1.15rem;
  }
  .service-row__body h3 { font-size: 1.38rem; }
  .service-list__note {
    margin-left: 0;
    padding: 1rem 0 0;
    line-height: 1.55;
  }
  .service-overview__assist { margin-top: 1.35rem; }

  .next-step-layout__note { margin-top: 1.2rem; padding-top: 1rem; }
  .next-step-flow__item {
    grid-template-columns: 2.75rem minmax(0,1fr);
    gap: .65rem;
    padding-block: 1.15rem;
  }
  .next-step-flow__marker { width: 2.25rem; height: 2.25rem; }
  .next-step-flow__topline h3 { max-width: none; font-size: 1.4rem; }
  .next-step-flow__item p { margin-top: .45rem; line-height: 1.55; }

  .direct-contact-band__facts { margin-top: 1.1rem; }
  .direct-contact-action {
    min-height: 0;
    grid-template-columns: 3rem minmax(0,1fr) 1.25rem;
    gap: .6rem;
    padding: 1.15rem 0;
  }
  .direct-contact-action__copy strong { font-size: 1.45rem; }
  .direct-contact-action__copy small { line-height: 1.5; }

  /* Immediate help */
  .section--featureGrid.variant--decisionList .situation-guide,
  .section--processSteps.variant--callChecklist .call-checklist,
  .section--faq.variant--editorialAccordion .faq-editorial,
  .section--featureGrid.variant--checklist .question-checklist {
    gap: 1.8rem;
  }
  .situation-guide__item {
    grid-template-columns: 2rem minmax(0,1fr);
    gap: .6rem;
    padding: 1.15rem 0;
  }
  .situation-guide__item--authority { margin-inline: -.5rem; padding-inline: .5rem; }
  .situation-guide__item h3 { max-width: none; font-size: 1.42rem; }
  .situation-guide__item p { margin-top: .5rem; line-height: 1.55; }
  .situation-guide__action { min-height: 2.75rem; padding: .5rem .75rem; }

  .call-checklist__panel,
  .confirmation-panel { border-radius: .95rem; }
  .call-checklist__panel-head,
  .confirmation-panel__head {
    min-height: 0;
    padding: .8rem 1rem;
  }
  .call-checklist__item,
  .confirmation-panel__item {
    grid-template-columns: 2rem minmax(0,1fr);
    gap: .65rem;
    padding: 1rem;
  }
  .call-checklist__item h3,
  .confirmation-panel__item h3 { font-size: 1.3rem; }
  .call-checklist__item p,
  .confirmation-panel__item p { margin-top: .4rem; line-height: 1.52; }
  .call-checklist__footer,
  .confirmation-panel__footer { padding: .9rem 1rem; }

  /* Planning / FAQ */
  .question-checklist__item {
    grid-template-columns: 2rem minmax(0,1fr);
    gap: .6rem;
    padding-block: 1.05rem;
  }
  .question-checklist__copy h3 { max-width: none; font-size: 1.35rem; }

  .faq-editorial__item summary {
    min-height: 4.75rem;
    grid-template-columns: 2rem minmax(0,1fr) 2.75rem;
    gap: .55rem;
    padding: .55rem 0;
  }
  .faq-editorial__question { max-width: none; font-size: 1.25rem; line-height: 1.2; }
  .faq-editorial__toggle { width: 2.75rem; height: 2.75rem; }
  .faq-editorial__answer { padding: 0 0 1.35rem 2.55rem; }
  .faq-editorial__answer p { font-size: .97rem; line-height: 1.65; }
  .faq-editorial__assist { margin-top: 1.35rem; padding-top: 1rem; }

  /* Services */
  .section--serviceGrid.variant--serviceDirectory .service-directory,
  .section--featureGrid.variant--confirmationPanel .confirmation-layout,
  .section--featureGrid.variant--contactSummary .about-summary,
  .section--featureGrid.variant--familyRoutes .family-routes {
    gap: 1.8rem;
  }
  .service-directory__assist { margin-top: 1.25rem; padding-top: 1rem; }
  .service-directory__item {
    grid-template-columns: 2rem minmax(0,1fr);
    gap: .55rem;
    min-height: 0;
    padding: 1.15rem 0;
  }
  .service-directory__copy strong { max-width: none; font-size: 1.38rem; line-height: 1.08; }
  .service-directory__copy > span { line-height: 1.52; }
  .service-directory__cta { margin-top: .7rem; }

  /* About */
  .about-summary__area { margin-top: 1.3rem; padding-top: 1rem; }
  .about-summary__area strong { font-size: 1.4rem; }
  .about-summary__action {
    min-height: 0;
    grid-template-columns: 2rem minmax(0,1fr) 2.75rem;
    gap: .6rem;
    padding: 1.05rem 0;
  }
  .about-summary__action-copy strong { font-size: 1.4rem; line-height: 1.08; }
  .about-summary__arrow { width: 2.75rem; height: 2.75rem; }

  .family-route {
    min-height: 0;
    grid-template-columns: 7rem minmax(0,1fr);
    gap: .85rem;
    padding: 1rem 0;
  }
  .family-route__image,
  .family-route__image img {
    min-height: 8rem;
    height: 100%;
  }
  .family-route__copy > strong { max-width: none; font-size: 1.4rem; }
  .family-route__text { margin-top: .45rem; line-height: 1.5; }

  /* Contact */
  .contact-primary,
  .contact-secondary { padding: 1.2rem; }
  .contact-big { font-size: clamp(2rem, 10.5vw, 2.8rem); }
  .contact-big--email { font-size: 1.05rem; line-height: 1.4; }
  .contact-primary hr { margin: 1.5rem 0; }
  .contact-secondary h3 { font-size: 1.75rem; }

  .service-area-band { border-radius: 1rem; }
  .service-area-band__top { gap: 1rem; padding: 1.2rem; }
  .service-area-band__facts li { padding: 1rem 1.2rem; gap: .75rem; }
  .service-area-band__number { width: 2rem; height: 2rem; }

  /* Obituaries directory and detail */
  .obituary-directory__lead { margin-bottom: 1.5rem; }
  .obituary-toolbar { gap: .75rem; margin-bottom: 1.25rem; padding-block: .8rem; }
  .obituary-search { min-height: 3rem; border-radius: .85rem; }
  .obituary-search input { min-height: 3rem; font-size: 1rem; }
  .obituary-results { white-space: normal; }
  .obituary-grid { gap: 1rem; }
  .obituary-card { border-radius: .9rem; box-shadow: 0 12px 30px rgba(29,52,37,.06); }
  .obituary-card__portrait { aspect-ratio: 4 / 3.45; }
  .obituary-card__body { padding: 1.1rem; }
  .obituary-card h3 { max-width: none; font-size: 1.55rem; }
  .obituary-card__summary { margin: .75rem 0 1rem; line-height: 1.55; }
  .obituary-card__meta { align-items: start; gap: .75rem; }

  .obituary-back { min-height: 44px; margin-bottom: 1.15rem; }
  .obituary-detail-hero__grid { gap: 1.5rem; }
  .obituary-detail__portrait {
    width: 100%;
    max-width: none;
    max-height: 28rem;
    aspect-ratio: 4 / 4.5;
    border-radius: .95rem;
  }
  .obituary-detail-hero__copy h1 { max-width: none; }
  .obituary-detail__preferred { font-size: 1.18rem; }
  .obituary-detail__lead { margin-top: 1.2rem; padding-top: 1.1rem; line-height: 1.65; }
  .obituary-detail-layout { gap: 2rem; }
  .obituary-story__prose { margin-top: 1.25rem; }
  .obituary-story__prose p { font-size: 1rem; line-height: 1.72; }
  .obituary-service-panel,
  .obituary-contact-panel { padding: 1.15rem; }
  .obituary-service-list > div { grid-template-columns: 4.5rem minmax(0,1fr); gap: .55rem; }
  .obituary-email-link { min-height: 44px; display: flex; align-items: center; justify-content: center; }

  /* Footer + fixed contact controls */
  .site-footer {
    padding: 2.75rem 0 calc(6.3rem + env(safe-area-inset-bottom));
  }
  .footer-inner,
  .footer-bottom {
    width: min(calc(100% - 2rem), var(--container-wide));
  }
  .footer-inner { gap: 1.75rem; }
  .footer-brand .logo-mark { width: 2.8rem; height: 2.8rem; }
  .footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
  .footer-links a {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    margin-top: 0;
  }
  .footer-bottom {
    margin-top: 1.8rem;
    padding: 1rem 0 0;
    gap: .5rem;
  }

  .mobile-contact-bar {
    left: max(.75rem, env(safe-area-inset-left));
    right: max(.75rem, env(safe-area-inset-right));
    bottom: max(.65rem, env(safe-area-inset-bottom));
    gap: .4rem;
    padding: .4rem;
  }
  .mobile-contact-bar a { min-height: 48px; }
}

@media (max-width: 480px) {
  :root {
    --space-lg: 2.35rem;
    --space-xl: 2.85rem;
    --type-display: clamp(2rem, 8.6vw, 2.45rem);
    --type-section: clamp(1.62rem, 7.1vw, 2rem);
  }

  .header-inner { width: min(calc(100% - 1.5rem), var(--container-wide)); }
  .logo-copy strong { max-width: 10.75rem; font-size: .78rem; }

  .section__inner,
  .container,
  .container--narrow,
  .container--standard,
  .container--wide,
  .section__inner.container--narrow,
  .section__inner.container--standard,
  .section__inner.container--wide,
  body[data-page="obituaries"] .section--hero.variant--centered .section__inner {
    width: min(calc(100% - 1.75rem), var(--container-wide));
  }

  .spacing--normal { --section-padding: 2.2rem; }
  .spacing--large { --section-padding: 2.65rem; }
  .spacing--xl { --section-padding: 3rem; }

  .section--featureGrid.variant--decisionList,
  .section--processSteps.variant--callChecklist,
  .section--serviceGrid.variant--serviceDirectory,
  .section--featureGrid.variant--confirmationPanel,
  .section--featureGrid.variant--contactSummary,
  .section--featureGrid.variant--familyRoutes,
  .section--obituaryGrid.variant--memorialDirectory {
    padding-block: 2.65rem;
  }
  body[data-page="obituaries"] .section--hero.variant--centered { padding-block: 2.2rem; }

  .section--hero.variant--split .hero-media,
  .hero-media { aspect-ratio: 16 / 9; border-radius: 3rem 3rem 1rem 1rem; }
  .section--hero.variant--split .hero-media::before,
  .hero-media::before { border-radius: 3.25rem 3.25rem 1.1rem 1.1rem; }

  .button-row {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .button-row .button { width: 100%; }

  .priority-route,
  .priority-route--primary { grid-template-columns: 1.8rem minmax(0,1fr); padding: 1rem; }
  .priority-route__index { font-size: .68rem; }

  .direct-contact-action {
    grid-template-columns: minmax(0,1fr) 1.5rem;
    gap: .55rem;
  }
  .direct-contact-action__type { grid-column: 1 / -1; }
  .direct-contact-action__copy { grid-column: 1; }
  .direct-contact-action__arrow { grid-column: 2; grid-row: 2; }
  .direct-contact-action__copy strong { font-size: 1.32rem; }

  .faq-editorial__item summary {
    grid-template-columns: 1.65rem minmax(0,1fr) 2.75rem;
    gap: .45rem;
  }
  .faq-editorial__index { font-size: .68rem; }
  .faq-editorial__answer { padding-left: 2.1rem; }

  .family-route {
    grid-template-columns: 1fr;
    gap: .75rem;
  }
  .family-route__image,
  .family-route__image img {
    min-height: 0;
    height: auto;
    max-height: none;
    aspect-ratio: 16 / 9;
  }
  .family-route__copy { padding: 0; }

  .about-summary__action { grid-template-columns: 1.65rem minmax(0,1fr); }
  .about-summary__arrow { display: none; }

  .obituary-card__meta { flex-direction: column; }
  .obituary-card__cta { min-height: 44px; display: inline-flex; align-items: center; }
  .obituary-service-list > div { grid-template-columns: 1fr; gap: .2rem; }

  .footer-links { grid-template-columns: 1fr 1fr; }
  .mobile-contact-bar { grid-template-columns: 1.25fr .75fr; }
}

@media (max-width: 360px) {
  .logo-copy strong { max-width: 8.4rem; font-size: .74rem; }
  .footer-links { grid-template-columns: 1fr; }
  .mobile-contact-bar { grid-template-columns: 1fr 1fr; }
  .faq-editorial__index { display: none; }
  .faq-editorial__item summary { grid-template-columns: minmax(0,1fr) 2.75rem; }
  .faq-editorial__answer { padding-left: 0; }
}


/* Immediate Help: common first-call questions are short reference content, so keep answers visible instead of hiding them in an accordion. */
.section--faq.variant--answerList {
  padding-block: clamp(3.75rem, 6vw, 5.75rem);
}

.section--faq.variant--answerList .first-call-faq {
  display: grid;
  gap: clamp(2rem, 3.5vw, 3rem);
  max-width: 78rem;
}

.section--faq.variant--answerList .first-call-faq__header {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(20rem, 1.2fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
}

.section--faq.variant--answerList .section-heading {
  display: contents;
}

.section--faq.variant--answerList .section-heading h2 {
  max-width: 13ch;
  margin: 0;
}

.section--faq.variant--answerList .section-intro {
  max-width: 38rem;
  margin: 0 0 .35rem;
  font-size: clamp(1rem, 1.4vw, 1.14rem);
  line-height: 1.7;
}

.first-call-faq__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(2.5rem, 5vw, 5rem);
  row-gap: 0;
  margin: 0;
  border-top: 1px solid rgba(29,52,37,.22);
}

.first-call-faq__item {
  min-width: 0;
  padding: 1.55rem 0 1.65rem;
  border-bottom: 1px solid rgba(29,52,37,.22);
}

.first-call-faq__item dt {
  display: grid;
  grid-template-columns: 2.35rem minmax(0,1fr);
  gap: .75rem;
  align-items: start;
  margin: 0;
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.28rem, 1.8vw, 1.65rem);
  font-weight: 650;
  line-height: 1.2;
}

.first-call-faq__index {
  padding-top: .26rem;
  color: #8f6d3d;
  font-family: var(--font-body);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .12em;
}

.first-call-faq__item dd {
  max-width: 58ch;
  margin: .75rem 0 0 3.1rem;
  color: var(--color-muted);
  font-size: .98rem;
  line-height: 1.66;
}

.first-call-faq__contact {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 1.5rem;
  align-items: center;
  padding: 1.25rem 1.4rem;
  border: 1px solid rgba(29,52,37,.16);
  border-radius: .9rem;
  background: rgba(245,236,220,.42);
}

.first-call-faq__contact > div {
  display: grid;
  gap: .25rem;
}

.first-call-faq__contact strong {
  color: var(--color-primary);
  font-size: 1rem;
}

.first-call-faq__contact span {
  max-width: 58rem;
  color: var(--color-muted);
  font-size: .92rem;
  line-height: 1.5;
}

@media (max-width: 860px) {
  .section--faq.variant--answerList .first-call-faq__header {
    grid-template-columns: 1fr;
    gap: .7rem;
  }

  .section--faq.variant--answerList .section-heading {
    display: block;
  }

  .section--faq.variant--answerList .section-heading h2 { max-width: none; }
  .section--faq.variant--answerList .section-intro { margin-top: .65rem; }
}

@media (max-width: 680px) {
  .section--faq.variant--answerList { padding-block: 2.8rem; }
  .section--faq.variant--answerList .first-call-faq { gap: 1.5rem; }
  .first-call-faq__list { grid-template-columns: 1fr; }
  .first-call-faq__item { padding: 1.25rem 0 1.35rem; }
  .first-call-faq__item dt {
    grid-template-columns: 1.8rem minmax(0,1fr);
    gap: .5rem;
    font-size: 1.28rem;
  }
  .first-call-faq__item dd {
    margin: .6rem 0 0 2.3rem;
    font-size: .95rem;
    line-height: 1.6;
  }
  .first-call-faq__index { padding-top: .22rem; font-size: .66rem; }
  .first-call-faq__contact {
    grid-template-columns: 1fr;
    gap: .9rem;
    padding: 1rem;
  }
  .first-call-faq__contact .button { width: 100%; min-height: 48px; }
}

@media (max-width: 380px) {
  .first-call-faq__item dt { grid-template-columns: 1fr; gap: .25rem; }
  .first-call-faq__item dd { margin-left: 0; }
}

@media (hover: none) and (pointer: coarse) {
  .card:hover,
  .priority-route:hover,
  .service-directory__item:hover,
  .about-summary__action:hover,
  .obituary-card:hover {
    transform: none;
  }
  .service-directory__item:hover,
  .about-summary__action:hover { padding-left: 0; }
  .card:hover .card__image,
  .obituary-card:hover .obituary-card__portrait img,
  .family-route:hover .family-route__image img { transform: none; }
}

/* Tablet/mobile touch refinements that sit above the phone-only layer. */
@media (max-width: 1120px) and (min-width: 681px) {
  .care-line__inner { min-height: 44px; }
  .care-line a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

@media (max-width: 680px) {
  .card { padding: 1.15rem; }
  .card__image-wrap {
    margin: -1.15rem -1.15rem 1rem;
    aspect-ratio: 16 / 9;
  }
  .card h3 { font-size: 1.35rem; }
  a[href^="mailto:"] { overflow-wrap: anywhere; }
}