/* Tree Health and Condition Reports draft */
.health-page main { overflow: hidden; background: var(--paper); }
.health-page .service-page-header { height: 0; display: block; padding: 0; border: 0; }
.health-page .service-page-header .menu-toggle { position: absolute; top: clamp(2rem, 4vw, 4rem); left: clamp(1.25rem, 4vw, 4.75rem); color: var(--ink); }
.health-page h1, .health-page .section h2 { margin: 0; font-family: var(--serif); font-weight: 400; letter-spacing: -.045em; }
.health-page .section h2 { font-size: clamp(2.9rem, 4.4vw, 5.2rem); line-height: .98; }
.health-page .section h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -.025em; }
.health-page figure { margin: 0; }
.health-page figure img { width: 100%; height: 100%; object-fit: cover; }
.health-page .hero-actions { display: flex; align-items: center; gap: clamp(1.5rem, 3vw, 3rem); margin-top: 3rem; }
.health-page .text-link { color: inherit; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid; padding-bottom: .7rem; }
.health-page .section-heading { max-width: 1060px; }
.health-page .section-intro { max-width: 760px; margin: 2rem 0 0; font-size: clamp(1.03rem, 1.2vw, 1.2rem); line-height: 1.72; }

.health-hero { min-height: min(940px, 100vh); display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, .88fr); background: var(--ivory); border-bottom: 1px solid var(--line); }
.health-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(9rem, 14vw, 13rem) clamp(2rem, 5vw, 6rem) clamp(5rem, 8vw, 8rem) clamp(1.25rem, 5vw, 5.5rem); }
.health-hero h1 { max-width: 900px; font-size: clamp(3.45rem, 5vw, 6.1rem); line-height: .98; }
.health-hero-line { max-width: 760px; margin: 1.8rem 0 0; font-family: var(--serif); font-size: clamp(1.55rem, 2.3vw, 2.55rem); line-height: 1.12; }
.health-hero-intro { max-width: 710px; margin: 1.7rem 0 0; font-size: clamp(1rem, 1.15vw, 1.17rem); line-height: 1.72; }
.health-hero-photo { min-height: 680px; border-left: 1px solid var(--line); }
.health-hero-photo img { object-position: 50% center; }

.health-when { background: var(--paper); }
.health-when-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: clamp(3rem, 7vw, 8rem); align-items: stretch; margin-top: clamp(3.5rem, 6vw, 6rem); }
.numbered-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.numbered-list li { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.35rem 0; border-bottom: 1px solid var(--line); font-size: clamp(1rem, 1.18vw, 1.17rem); line-height: 1.55; }
.numbered-list span { color: var(--moss); font-size: .68rem; font-weight: 800; letter-spacing: .15em; padding-top: .36rem; }
.editorial-photo { min-height: 640px; }
.editorial-photo img { object-position: 50% 42%; }
.urgent-note { display: grid; grid-template-columns: 4px 1fr; gap: clamp(1.5rem, 3vw, 3rem); max-width: 1100px; margin: clamp(4rem, 7vw, 7rem) 0 0; padding: clamp(2rem, 3vw, 3rem); background: var(--ivory); }
.urgent-rule { background: var(--moss); }
.urgent-note .eyebrow { margin-bottom: 1.2rem; }
.urgent-note h3 { margin: 0 0 1rem; font-size: clamp(1.75rem, 2.5vw, 2.6rem); }
.urgent-note p:not(.eyebrow) { max-width: 780px; margin: 0 0 1.6rem; line-height: 1.75; }

.health-assessment { background: var(--forest); color: var(--ivory); }
.health-assessment .eyebrow { color: rgba(243,240,232,.72); }
.assessment-intro { max-width: 800px; }
.assessment-intro > p:last-child { max-width: 700px; margin: 2rem 0 0; font-size: clamp(1.03rem, 1.18vw, 1.2rem); line-height: 1.72; }
.assessment-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(3.5rem, 6vw, 6rem); border-top: 1px solid rgba(243,240,232,.38); border-left: 1px solid rgba(243,240,232,.38); }
.assessment-grid article { min-height: 265px; padding: clamp(2rem, 3vw, 3rem); border-right: 1px solid rgba(243,240,232,.38); border-bottom: 1px solid rgba(243,240,232,.38); }
.assessment-grid article:nth-child(2), .assessment-grid article:nth-child(5) { background: rgba(255,255,255,.045); }
.assessment-grid span { display: block; margin-bottom: 2.1rem; color: #b8c5b5; font-size: .68rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.assessment-grid h3 { margin: 0 0 .8rem; font-size: clamp(1.5rem, 2vw, 2.1rem); }
.assessment-grid p { max-width: 340px; margin: 0; color: rgba(243,240,232,.78); line-height: 1.7; }
.assessment-photo { width: 100vw; max-width: 100vw; height: clamp(460px, 57vw, 780px); margin: clamp(4rem, 7vw, 7rem) 0 calc(-1 * clamp(5rem, 9vw, 9rem)) calc(-1 * clamp(1.25rem, 5vw, 5.5rem)) !important; }
.assessment-photo img { object-position: 50% 55%; }

.health-report { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 8vw, 8rem); }
.report-heading > p:last-child { max-width: 630px; margin-top: 2rem; font-size: clamp(1rem, 1.15vw, 1.18rem); line-height: 1.7; }
.report-content h3 { margin: 0 0 1.5rem; font-size: clamp(1.7rem, 2.3vw, 2.5rem); }
.lined-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.lined-list li { padding: 1.25rem 0; border-bottom: 1px solid var(--line); font-size: clamp(1rem, 1.1vw, 1.12rem); line-height: 1.65; }
.report-photo { grid-column: 1 / -1; width: 100vw; max-width: 100vw; height: clamp(410px, 47vw, 700px); margin: clamp(2rem, 4vw, 4rem) 0 calc(-1 * clamp(5rem, 9vw, 9rem)) calc(-1 * clamp(1.25rem, 5vw, 5.5rem)) !important; }
.report-photo img { object-position: center 48%; }

.health-scope { background: var(--ivory); border-block: 1px solid var(--line); }
.scope-heading { display: grid; grid-template-columns: .85fr 1.15fr; column-gap: clamp(3rem, 8vw, 8rem); }
.scope-heading .eyebrow { grid-column: 1 / -1; }
.scope-heading p:last-child { align-self: end; max-width: 700px; margin: 0; font-size: clamp(1.03rem, 1.2vw, 1.2rem); line-height: 1.72; }
.scope-cards { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: clamp(3.5rem, 6vw, 6rem); border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.scope-cards article { min-height: 355px; padding: clamp(2rem, 3vw, 3rem); border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.scope-cards article:nth-child(2) { background: rgba(156,174,157,.13); }
.scope-cards h3 { margin: 0 0 1.1rem; font-size: clamp(1.65rem, 2.2vw, 2.4rem); }
.scope-cards p { margin: 0; line-height: 1.75; }
.scope-photo { width: 100vw; max-width: 100vw; height: clamp(430px, 52vw, 740px); margin: clamp(4rem, 7vw, 7rem) 0 calc(-1 * clamp(5rem, 9vw, 9rem)) calc(-1 * clamp(1.25rem, 5vw, 5.5rem)) !important; }

.health-process { background: var(--paper); }
.health-process .process-grid { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); margin: clamp(3.5rem, 6vw, 6rem) 0 0; padding: 0; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.health-process .process-grid li { min-height: 335px; padding: clamp(1.7rem, 2.7vw, 3rem); border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.health-process .process-grid li:nth-child(even) { background: rgba(156,174,157,.12); }
.health-process .process-grid span { display: block; margin-bottom: 4rem; color: var(--moss); font-size: .68rem; font-weight: 800; letter-spacing: .15em; }
.health-process .process-grid h3 { margin: 0 0 1rem; font-size: clamp(1.5rem, 2vw, 2.2rem); }
.health-process .process-grid p { margin: 0; line-height: 1.7; }

.health-audience { background: var(--ivory); }
.audience-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 7vw, 8rem); align-items: stretch; margin-top: clamp(3.5rem, 6vw, 6rem); }
.audience-list { border-top: 1px solid var(--ink); }
.audience-list article { display: grid; grid-template-columns: .85fr 1.15fr; gap: 2rem; padding: 1.6rem 0; border-bottom: 1px solid var(--line); }
.audience-list h3 { margin: 0; font-size: clamp(1.4rem, 1.8vw, 1.9rem); }
.audience-list p { margin: 0; line-height: 1.68; }
.audience-photo { min-height: 610px; }

.health-info { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(3rem, 8vw, 9rem); }
.info-heading p:last-child { margin-top: 2rem; line-height: 1.7; }
.health-questions { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem, 8vw, 9rem); background: var(--forest); color: var(--ivory); }
.health-questions .eyebrow { color: rgba(243,240,232,.72); }
.health-questions .question-list { border-top: 1px solid rgba(243,240,232,.35); }
.health-questions .question-list details { border-bottom: 1px solid rgba(243,240,232,.35); }
.health-questions .question-list summary { padding: 1.4rem 2.5rem 1.4rem 0; font-family: var(--serif); font-size: clamp(1.2rem, 1.7vw, 1.75rem); cursor: pointer; }
.health-questions .question-list p { max-width: 760px; margin: 0; padding: 0 2.5rem 1.5rem 0; color: rgba(243,240,232,.75); line-height: 1.7; }
.closing-photo { width: 100%; height: clamp(430px, 55vw, 760px); }

@media (max-width: 1120px) {
  .health-hero { grid-template-columns: 1fr; }
  .health-hero-photo { min-height: 570px; border-left: 0; border-top: 1px solid var(--line); }
  .health-when-layout, .audience-layout { grid-template-columns: 1fr; }
  .editorial-photo, .audience-photo { min-height: 500px; }
  .assessment-grid { grid-template-columns: repeat(2, 1fr); }
  .scope-cards { grid-template-columns: 1fr; }
  .scope-cards article { min-height: 0; }
  .health-process .process-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .health-hero h1 { font-size: clamp(3rem, 13vw, 4.4rem); }
  .health-hero-photo { min-height: 440px; }
  .health-page .hero-actions { align-items: flex-start; flex-direction: column; }
  .health-when-layout { gap: 2.5rem; }
  .editorial-photo, .audience-photo { min-height: 380px; }
  .assessment-grid, .scope-heading, .health-process .process-grid, .health-report, .health-info, .health-questions, .audience-list article { grid-template-columns: 1fr; }
  .assessment-grid article, .health-process .process-grid li { min-height: 0; }
  .assessment-grid span, .health-process .process-grid span { margin-bottom: 2.4rem; }
  .scope-heading p:last-child { margin-top: 2rem; }
  .report-photo { grid-column: auto; }
  .audience-list article { gap: .7rem; }
}