/* Homepage content expansion. Existing SET 04 tokens and photography retained. */
.page-home .home-content__keep { display: inline-block; }
.page-home .home-symbols { position: absolute; overflow: hidden; pointer-events: none; }
.page-home .home-line-icon { display: block; width: 64px; height: 64px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; color: var(--mz-deep-sage); }
.page-home .home-content__eyebrow {
  display: block; margin: 0 0 .8rem; color: var(--mz-deep-sage);
  font: 500 .76rem/1.7 var(--font-display); letter-spacing: .025em;
}
.page-home .home-content__number { display: block; margin-bottom: 1.4rem; color: var(--mz-deep-sage); font: 400 .85rem/1.5 var(--font-latin); }
.page-home .home-content__subheading { display: flex; align-items: baseline; justify-content: space-between; gap: 2rem; margin-bottom: 1.8rem; }
.page-home .home-content__subheading h3 { margin: 0; font-size: 1.5rem; font-weight: 500; }
.page-home .home-content__subheading p { margin: 0; color: var(--mz-muted); font-size: .92rem; line-height: 1.85; }

/* Photo briefs for three everyday observations and a separate groundwater route. */

.page-home .home-concerns { border-top: 1px solid var(--mz-line); }
.page-home .home-concerns__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 2.5rem); }
.page-home .home-concerns__grid article { display: flex; flex-direction: column; min-width: 0; }
.page-home .home-concerns__photo { align-self: start; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; border: 1px solid var(--mz-line); border-radius: 14px; background: var(--mz-arch-white); box-shadow: 0 18px 38px -34px rgba(32,39,36,.55); }
.page-home .home-concerns__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-home .home-concerns__photo-brief { display: flex; flex-direction: column; justify-content: space-between; gap: 1.1rem; aspect-ratio: 3 / 2; padding: clamp(1.25rem, 2.1vw, 1.75rem); border: 1px solid var(--mz-line-strong); border-radius: 14px; background: var(--mz-arch-white); color: var(--mz-deep-sage); }
.page-home .home-concerns__photo-label { font: 500 .75rem/1.7 var(--font-display); }
.page-home .home-concerns__photo-brief p { margin: 0; font-size: .88rem; line-height: 1.85; color: var(--mz-ink); }
.page-home .home-concerns__photo-size { padding-top: .65rem; border-top: 1px solid var(--mz-line-strong); font: 400 .72rem/1.7 var(--font-display); }
.page-home .home-concerns__body { display: flex; flex: 1; flex-direction: column; padding-top: 1.4rem; }
.page-home .home-concerns__body h3 { margin: 0 0 .75rem; font-size: clamp(1.15rem, 1.75vw, 1.4rem); }
.page-home .home-concerns__body p { margin: 0 0 1.4rem; color: var(--mz-muted); font-size: .93rem; line-height: 1.9; }
.page-home .home-concerns__body .home-concerns__check { margin-top: auto; padding-left: 1rem; border-left: 2px solid var(--mz-pale-sage); font-size: .87rem; }
.page-home .home-concerns__check strong { display: block; margin-bottom: .2rem; color: var(--mz-ink); font-weight: 500; }
.page-home .home-concerns__body .text-link { align-self: flex-start; }
.page-home .home-concerns__groundwater { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); align-items: center; gap: clamp(2rem, 4vw, 3.5rem); margin-top: 3rem; padding: 1.5rem; border: 1px solid var(--mz-line); border-radius: 18px; }
.page-home .home-concerns__groundwater-copy { padding-right: 1.25rem; }
.page-home .home-concerns__groundwater h3 { margin: 0 0 1rem; font-size: clamp(1.3rem, 2vw, 1.65rem); }
.page-home .home-concerns__groundwater-copy p { max-width: 39em; margin: 0 0 1.2rem; color: var(--mz-muted); font-size: .93rem; line-height: 1.9; }

@media (min-width: 761px) and (max-width: 1050px) {
  .page-home .home-concerns__grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .page-home .home-concerns__grid article { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 2rem; }
  .page-home .home-concerns__body { padding-top: 0; }
  .page-home .home-concerns__body h3 { font-size: 1.3rem; }
  .page-home .home-concerns__groundwater { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); padding: 1.25rem; gap: 1.75rem; }
  .page-home .home-concerns__groundwater-copy { padding-right: 0; }
}

@media (max-width: 760px) {
  .page-home .home-concerns__grid { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
  .page-home .home-concerns__body { padding-top: 1.2rem; }
  .page-home .home-concerns__body h3 { font-size: 1.3rem; }
  .page-home .home-concerns__body p { margin-bottom: 1.2rem; }
  .page-home .home-concerns__groundwater { grid-template-columns: minmax(0, 1fr); margin-top: 2.5rem; padding: 1rem; gap: 1.25rem; }
  .page-home .home-concerns__groundwater-copy { padding: 0 .25rem .5rem; }
}


/* Explain functions without implying a fixed sequence or cartridge count. */
.page-home .home-system { background: var(--mz-arch-white); }
.page-home .home-system__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 3rem clamp(2.5rem, 6vw, 5rem); }
.page-home .home-system__intro > p:not(.home-content__eyebrow) { margin: 1.3rem 0 1rem; max-width: 31em; color: var(--mz-muted); font-size: 1rem; line-height: 1.9; }
.page-home .home-system__functions article { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); align-items: center; gap: 1.5rem; padding: 1.5rem 0; border-bottom: 1px solid var(--mz-line-strong); }
.page-home .home-system__functions article:first-child { padding-top: 0; }
.page-home .home-system__topic { padding-top: .2rem; color: var(--mz-deep-sage); font: 500 .83rem/1.8 var(--font-display); }
.page-home .home-system__topic .home-line-icon { width: 42px; height: 42px; margin-bottom: .4rem; }
.page-home .home-system__functions h3 { margin: 0 0 .55rem; font-size: 1.2rem; }
.page-home .home-system__functions p { margin: 0; color: var(--mz-muted); font-size: .92rem; line-height: 1.9; }
.page-home .home-system__functions .home-system__note { margin-top: 1.2rem; font-size: .8rem; }
.page-home .home-system__uv { grid-column: 1 / -1; display: flex; align-items: center; gap: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--mz-line-strong); }
.page-home .home-system__uv strong { flex-shrink: 0; color: var(--mz-deep-sage); font: 500 1.15rem/1.5 var(--font-display); }
.page-home .home-system__uv p { margin: 0; color: var(--mz-muted); font-size: .9rem; line-height: 1.9; }
.page-home .home-system__uv a { flex-shrink: 0; }

/* Home scenarios and the team's role extend the existing assessment section. */
.page-home .home-scenarios { margin-top: clamp(3rem, 5vw, 4.5rem); }
.page-home .home-assessment-detail .home-detail__body { padding-bottom: 0; }
.page-home .home-assessment-detail .home-understand__details { border-top: 0; }
.page-home .home-assessment-detail .home-understand__details > div { padding-block: .85rem; }
.page-home .home-assessment-detail .home-understand__details > div:last-child { border-bottom: 0; }
.page-home .home-scenarios__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 1.5rem; }
.page-home .home-scenario { min-width: 0; border-block: 1px solid var(--mz-line-strong); }
.page-home .home-scenario summary { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr) 1rem; align-items: center; gap: .6rem; padding: 1.15rem 0; cursor: pointer; list-style: none; }
.page-home .home-scenario summary::-webkit-details-marker { display: none; }
.page-home .home-scenario summary::after { content: '+'; color: var(--mz-deep-sage); font: 400 1.2rem/1 var(--font-latin); }
.page-home .home-scenario[open] summary::after { content: '−'; }
.page-home .home-scenario summary:focus-visible { outline: 2px solid var(--mz-deep-sage); outline-offset: 3px; }
.page-home .home-scenario__index { align-self: start; margin-top: .25rem; font: 400 .72rem/1.5 var(--font-latin); color: var(--mz-muted); }
.page-home .home-scenario .home-content__eyebrow { margin: 0 0 .25rem; }
.page-home .home-scenario__title { font: 500 1.1rem/1.6 var(--font-display); }
.page-home .home-scenario__body { padding: 0 0 1.25rem 2.1rem; }
.page-home .home-scenarios__grid p { margin: 0 0 1rem; color: var(--mz-muted); font-size: .92rem; line-height: 1.9; }
.page-home .home-scenarios__send { display: block; color: var(--mz-deep-sage); font-size: .83rem; line-height: 1.85; }
.page-home .home-engineered { margin-top: 2.5rem; padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--mz-arch-white); scroll-margin-top: 110px; }
.page-home .home-engineered__intro { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem 3rem; align-items: end; }
.page-home .home-engineered__intro .home-content__eyebrow { grid-column: 1 / -1; margin: 0; }
.page-home .home-engineered__intro h3 { margin: 0; font-size: 1.6rem; line-height: 1.5; font-weight: 500; }
.page-home .home-engineered__intro > p:last-child { margin: 0; color: var(--mz-muted); font-size: .9rem; line-height: 1.9; }
.page-home .home-engineered__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; list-style: none; padding: 1.5rem 0 0; margin: 1.5rem 0 0; border-top: 1px solid var(--mz-line-strong); }
.page-home .home-engineered__steps li { display: flex; align-items: baseline; gap: .9rem; }
.page-home .home-engineered__steps li > span { color: var(--mz-deep-sage); font: 400 .78rem/1.5 var(--font-latin); }
.page-home .home-engineered__steps h4 { margin: 0 0 .35rem; font-size: 1rem; font-weight: 500; }
.page-home .home-engineered__steps p { margin: 0; color: var(--mz-muted); font-size: .85rem; line-height: 1.85; }

/* Shared package scope is stated once beneath the existing product cards. */
.page-home .home-package { margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid var(--mz-line-strong); scroll-margin-top: 110px; }
.page-home .home-package__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.7rem; list-style: none; margin: 0 0 2rem; padding: 0; }
.page-home .home-package__list li > span { display: block; margin-bottom: 1rem; color: var(--mz-deep-sage); font: 400 .8rem/1.5 var(--font-latin); }
.page-home .home-package__list h4 { margin: 0 0 .6rem; font-size: 1.05rem; font-weight: 500; }
.page-home .home-package__list p { margin: 0; color: var(--mz-muted); font-size: .88rem; line-height: 1.9; }
.page-home .home-detail { border-top: 1px solid var(--mz-line-strong); border-bottom: 1px solid var(--mz-line-strong); }
.page-home .home-detail summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 60px; padding-block: 1rem; list-style: none; cursor: pointer; font: 500 .95rem/1.7 var(--font-display); }
.page-home .home-detail summary::-webkit-details-marker { display: none; }
.page-home .home-detail summary::after { content: '+'; flex-shrink: 0; font: 400 1.4rem/1 var(--font-latin); }
.page-home .home-detail[open] summary::after { content: '−'; }
.page-home .home-detail__body { max-width: 65em; padding-bottom: 1.2rem; color: var(--mz-muted); font-size: .9rem; line-height: 1.9; }
.page-home .home-detail__body p { margin: 0 0 .65rem; }
.page-home .home-detail__body p:last-child { margin-bottom: 0; }

/* Compact care summary; full conditions remain in a native disclosure. */

.page-home .home-care--compact { padding-block: clamp(2.5rem, 5vw, 4rem); }
.page-home .home-care__heading { display: flex; justify-content: space-between; align-items: center; gap: 2rem; margin-bottom: 1.9rem; }
.page-home .home-care__heading .text-link { flex-shrink: 0; color: var(--mz-card); border-color: var(--mz-sage); }
.page-home .home-care-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; margin: 0; padding: 0; list-style: none; }
.page-home .home-care-steps li { padding-top: 1rem; border-top: 1px solid var(--mz-sage); }
.page-home .home-care-steps h3 { margin: 0 0 .55rem; color: var(--mz-card); font-size: 1.1rem; }
.page-home .home-care-steps p { margin: 0; color: var(--mz-pale-sage); font-size: .91rem; line-height: 1.85; }
.page-home .home-care__note { margin: 1.3rem 0 .8rem; color: var(--mz-pale-sage); font-size: .75rem; line-height: 1.85; }
.page-home .home-care__details { border-color: var(--mz-sage); border-bottom: 0; }
.page-home .home-care__details summary { min-height: 50px; padding-block: .9rem; color: var(--mz-card); font-size: .9rem; }
.page-home .home-care__details .home-detail__body { max-width: none; padding-top: .5rem; padding-bottom: .25rem; color: var(--mz-pale-sage); font-size: .87rem; }
.page-home .home-care__details .home-detail__body > p { margin-bottom: .85rem; max-width: 76em; }
.page-home .home-care__details .home-detail__body > p:last-child { margin-bottom: 0; }
.page-home .home-care__details strong { color: var(--mz-card); font-weight: 500; }
.page-home .home-care__terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin: 0 0 1.2rem; }
.page-home .home-care__terms dt { margin-bottom: .4rem; color: var(--mz-card); font: 500 .98rem/1.7 var(--font-display); }
.page-home .home-care__terms dd { margin: 0; line-height: 1.9; }
.page-home .home-care :is(summary, .text-link):focus-visible { outline: 2px solid var(--mz-pale-sage); outline-offset: 4px; }

@media (min-width: 761px) and (max-width: 1050px) {
  .page-home .home-care-steps { gap: 1.5rem; }
  .page-home .home-care-steps p br { display: none; }
}

@media (max-width: 760px) {
  .page-home .home-care__heading { display: block; margin-bottom: 1.5rem; }
  .page-home .home-care__heading .text-link { margin-top: .8rem; }
  .page-home .home-care-steps { grid-template-columns: minmax(0, 1fr); gap: 1.15rem; }
  .page-home .home-care-steps li { padding-top: .9rem; }
  .page-home .home-care-steps h3 { margin-bottom: .4rem; font-size: 1.05rem; }
  .page-home .home-care-steps p { font-size: .88rem; }
  .page-home .home-care-steps p br { display: none; }
  .page-home .home-care__terms { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}


/* Native details keep eight purchasing questions compact and keyboard usable. */
.page-home .home-faq { border-top: 1px solid var(--mz-line); }
.page-home .home-faq__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2.5rem, 6vw, 5rem); align-items: start; }
.page-home .home-faq__intro > p:last-child { margin: 1.3rem 0 0; color: var(--mz-muted); font-size: .95rem; line-height: 1.9; }
.page-home .home-faq__list { border: 0; border-top: 1px solid var(--mz-line-strong); border-radius: 0; overflow: visible; }
.page-home .home-faq__list details { border-bottom: 1px solid var(--mz-line-strong); }
.page-home .home-faq__list summary { min-height: 68px; padding: 1.2rem .25rem; font-size: 1rem; line-height: 1.75; }
.page-home .home-faq__list summary::after { flex-shrink: 0; }
.page-home .home-faq__list .faq__a { padding: 0 2rem 1.35rem .25rem; font-size: .93rem; line-height: 1.95; }
.page-home .home-faq__list details[open] summary { color: var(--mz-deep-sage); }
.page-home :is(.home-detail, .home-faq__list) summary:focus-visible { outline: 2px solid var(--mz-deep-sage); outline-offset: 4px; }

/* Closing contact explains what the homeowner receives and what to prepare. */
.page-home .home-contact--expanded .home-contact__layout { align-items: start; }
.page-home .home-contact__layout > div > .home-content__eyebrow { margin: 0 0 .8rem; font-size: .76rem; line-height: 1.7; }
.page-home .home-contact__layout > div > .home-contact__intro { margin: 1.3rem 0 0; max-width: 31em; color: var(--mz-muted); font-size: .98rem; line-height: 1.9; }
.page-home .home-contact__outcomes { list-style: none; margin: 0; padding: 0; }
.page-home .home-contact__outcomes li { display: flex; gap: 1.5rem; padding: 1.1rem 0; border-bottom: 1px solid var(--mz-line-strong); }
.page-home .home-contact__outcomes li:first-child { padding-top: 0; }
.page-home .home-contact__outcomes li > span { padding-top: .25rem; color: var(--mz-deep-sage); font: 400 .8rem/1.5 var(--font-latin); }
.page-home .home-contact__outcomes h3 { margin: 0 0 .35rem; font-size: 1.15rem; }
.page-home .home-contact__outcomes p { margin: 0; color: var(--mz-muted); font-size: .9rem; line-height: 1.85; }
.page-home .home-contact__prepare { display: flex; align-items: center; justify-content: space-between; gap: 3rem; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--mz-sage); }
.page-home .home-contact__prepare h3 { margin: 0 0 .8rem; font-size: 1.15rem; }
.page-home .home-contact__prepare ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem 2rem; margin: 0; padding-left: 1.2rem; color: var(--mz-deep-sage); font-size: .88rem; line-height: 1.85; }
.page-home .home-contact__prepare p { margin: .8rem 0 0; color: var(--mz-muted); font-size: .8rem; line-height: 1.85; }
.page-home .home-contact__prepare .home-contact__actions { flex-shrink: 0; flex-direction: column; align-items: flex-start; gap: .5rem; }

@media (min-width: 761px) and (max-width: 1050px) {
  .page-home .home-system__functions article { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
  .page-home .home-system__topic { display: flex; align-items: center; gap: .6rem; }
  .page-home .home-system__topic .home-line-icon { width: 32px; height: 32px; margin: 0; }
  .page-home .home-scenario__title { font-size: .98rem; }
  .page-home .home-engineered__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-home .home-package__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
  .page-home .home-contact__prepare { align-items: flex-start; }
  .page-home .home-contact__prepare ul { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
  .page-home .home-content__subheading { display: block; margin-bottom: 1.5rem; }
  .page-home .home-content__subheading h3 { font-size: 1.35rem; }
  .page-home .home-content__subheading p { margin-top: .65rem; }
  .page-home .home-content__number { margin-bottom: .9rem; }
  .page-home .home-system__layout { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .page-home .home-system__functions article { grid-template-columns: minmax(0, 1fr); gap: .55rem; padding-block: 1.35rem; }
  .page-home .home-system__topic { display: flex; align-items: center; gap: .6rem; }
  .page-home .home-system__topic .home-line-icon { width: 32px; height: 32px; margin: 0; }
  .page-home .home-system__functions h3 { font-size: 1.15rem; }
  .page-home .home-system__uv { display: block; }
  .page-home .home-system__uv p { margin-top: .65rem; }
  .page-home .home-system__uv a { margin-top: .65rem; }
  .page-home .home-scenarios { margin-top: 3rem; }
  .page-home .home-scenarios__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .page-home .home-scenario + .home-scenario { border-top: 0; }
  .page-home .home-scenario summary { padding-block: 1rem; }
  .page-home .home-engineered { margin-top: 2rem; padding: 1.5rem; }
  .page-home .home-engineered__intro { grid-template-columns: minmax(0, 1fr); gap: .8rem; }
  .page-home .home-engineered__intro h3 { font-size: 1.4rem; }
  .page-home .home-engineered__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; }
  .page-home .home-engineered__steps li { gap: .6rem; }
  .page-home .home-engineered__steps h4 { font-size: .95rem; }
  .page-home .home-package { margin-top: 2rem; padding-top: 2rem; }
  .page-home .home-package__list { grid-template-columns: minmax(0, 1fr); gap: 1.1rem; }
  .page-home .home-package__list li { display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); gap: .35rem .8rem; padding-bottom: 1.1rem; border-bottom: 1px solid var(--mz-line); }
  .page-home .home-package__list li:last-child { padding-bottom: 0; border-bottom: 0; }
  .page-home .home-package__list li > span { grid-row: span 2; margin: .2rem 0 0; }
  .page-home .home-package__list h4 { margin: 0; }
  .page-home .home-package__list p { grid-column: 2; }
  .page-home .home-faq__layout { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .page-home .home-faq__list summary { font-size: .95rem; }
  .page-home .home-faq__list .faq__a { padding-right: .25rem; font-size: .9rem; }
  .page-home .home-contact--expanded .home-contact__layout { gap: 2rem; }
  .page-home .home-contact__prepare { flex-direction: column; align-items: stretch; gap: 1.5rem; margin-top: 2rem; }
  .page-home .home-contact__prepare ul { grid-template-columns: minmax(0, 1fr); }
  .page-home .home-contact__prepare .home-contact__actions { align-items: flex-start; }
}

@media (max-width: 359px) {
  .page-home .home-engineered__steps { grid-template-columns: minmax(0, 1fr); }
  .page-home .home-contact__prepare .home-contact__actions .btn { width: auto; }
}



/* Everyday outcomes: selected concept previews alongside the remaining photo briefs. */
.page-home .home-outcomes { padding-block: clamp(3.25rem, 5vw, 5rem); background: var(--mz-ink); color: var(--mz-card); }
.page-home .home-outcomes__heading { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 3rem; align-items: end; margin-bottom: 2.25rem; }
.page-home .home-outcomes .home-content__eyebrow { color: var(--mz-pale-sage); margin-bottom: 1rem; }
.page-home .home-outcomes h2 { font-size: clamp(1.9rem, 3.25vw, 2.85rem); color: var(--mz-card); }
.page-home .home-outcomes h2 span { color: var(--mz-pale-sage); }
.page-home .home-outcomes__intro { margin: 0; color: var(--mz-card); font-size: .95rem; line-height: 1.9; }
.page-home .home-outcomes__intro > span { display: block; margin-top: .75rem; color: var(--mz-pale-sage); font-size: .8rem; }
.page-home .home-outcomes__benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0 0 2rem; padding: 0; list-style: none; border-block: 1px solid var(--mz-graphite-detail); }
.page-home .home-outcomes__benefits li { display: flex; align-items: center; gap: .75rem; padding: .95rem clamp(.8rem, 1.6vw, 1.25rem); border-left: 1px solid var(--mz-graphite-detail); }
.page-home .home-outcomes__benefits li:first-child { padding-left: 0; border-left: 0; }
.page-home .home-outcomes__benefits li:last-child { padding-right: 0; }
.page-home .home-outcomes__index { display: block; flex-shrink: 0; color: var(--mz-sage); font: 400 .74rem/1.4 var(--font-latin); }
.page-home .home-outcomes__benefit-label { color: var(--mz-card); font: 500 .98rem/1.6 var(--font-display); }
.page-home .home-outcomes__stories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; }
.page-home .home-outcomes__story { min-width: 0; overflow: hidden; border: 1px solid var(--mz-graphite-detail); border-radius: 20px; display: flex; flex-direction: column; }
.page-home .home-outcomes__photo { flex-shrink: 0; aspect-ratio: 8 / 5; overflow: hidden; background: var(--mz-pale-sage); }
.page-home .home-outcomes__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-home .home-outcomes__placeholder { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; aspect-ratio: 3 / 2; padding: clamp(1.4rem, 3vw, 2.5rem); background: var(--mz-pale-sage); color: var(--mz-deep-sage); }
.page-home .home-outcomes__photo-label { font: 500 .75rem/1.7 var(--font-display); }
.page-home .home-outcomes__photo-title { margin: 0 0 .6rem; font: 500 clamp(1.25rem, 2vw, 1.65rem)/1.5 var(--font-display); }
.page-home .home-outcomes__brief { max-width: 32em; margin: 0; color: var(--mz-ink); font-size: .9rem; line-height: 1.85; }
.page-home .home-outcomes__photo-size { display: block; padding-top: .85rem; border-top: 1px solid var(--mz-sage); font: 400 .73rem/1.7 var(--font-display); }
.page-home .home-outcomes__caption { flex: 1; padding: 1.4rem clamp(1.3rem, 2.2vw, 1.75rem) 1.55rem; }
.page-home .home-outcomes__caption h3 { margin: 0 0 .65rem; color: var(--mz-card); font-size: clamp(1.1rem, 1.65vw, 1.35rem); }
.page-home .home-outcomes__caption p { max-width: 38em; margin: 0; color: var(--mz-pale-sage); font-size: .92rem; line-height: 1.9; }
.page-home .home-outcomes__footer { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; margin-top: 2rem; padding-top: 1.2rem; border-top: 1px solid var(--mz-graphite-detail); }
.page-home .home-outcomes__footer p { margin: 0; color: var(--mz-pale-sage); font-size: .88rem; line-height: 1.9; }
.page-home .home-outcomes__footer .text-link { flex-shrink: 0; color: var(--mz-card); border-color: var(--mz-sage); }
.page-home .home-outcomes__footer .text-link:focus-visible { outline: 2px solid var(--mz-pale-sage); outline-offset: 5px; }

@media (max-width: 1050px) {
  .page-home .home-outcomes__heading { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .page-home .home-outcomes__intro { max-width: 42em; }
  .page-home .home-outcomes__intro br { display: none; }
  .page-home .home-outcomes__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-home .home-outcomes__benefits li:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--mz-graphite-detail); }
  .page-home .home-outcomes__benefits li:nth-child(4) { border-top: 1px solid var(--mz-graphite-detail); }
}

@media (max-width: 760px) {
  .page-home .home-outcomes { padding-block: 2.75rem; }
  .page-home .home-outcomes h2 { font-size: clamp(1.65rem, 6.5vw, 2.15rem); }
  .page-home .home-outcomes__heading { margin-bottom: 1.6rem; }
  .page-home .home-outcomes__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 1.6rem; }
  .page-home .home-outcomes__benefits li, .page-home .home-outcomes__benefits li:nth-child(3), .page-home .home-outcomes__benefits li:nth-child(4) { padding: .85rem .55rem; border-top: 1px solid var(--mz-graphite-detail); border-left: 0; }
  .page-home .home-outcomes__benefits li:nth-child(even) { border-left: 1px solid var(--mz-graphite-detail); }
  .page-home .home-outcomes__benefits li:nth-child(-n+2) { border-top: 0; }
  .page-home .home-outcomes__benefit-label { font-size: .9rem; }
  .page-home .home-outcomes__stories { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .page-home .home-outcomes__story { border-radius: 14px; }
  .page-home .home-outcomes__placeholder { gap: 1.25rem; }
  .page-home .home-outcomes__caption { padding: 1.1rem 1.25rem 1.3rem; }
  .page-home .home-outcomes__caption p { font-size: .88rem; }
  .page-home .home-outcomes__footer { display: block; margin-top: 1.6rem; }
  .page-home .home-outcomes__footer .text-link { margin-top: .8rem; }
}

@media (max-width: 359px) {
  .page-home .home-outcomes h2 { font-size: 1.45rem; }
  .page-home .home-outcomes__benefits { grid-template-columns: minmax(0, 1fr); }
  .page-home .home-outcomes__benefits li, .page-home .home-outcomes__benefits li:nth-child(-n+2), .page-home .home-outcomes__benefits li:nth-child(even) { border-left: 0; border-top: 1px solid var(--mz-graphite-detail); }
  .page-home .home-outcomes__benefits li:first-child { border-top: 0; }
}

/* Installation concepts for local review; unfilled slots retain their photo briefs. */
.page-home .home-site-gallery { padding-block: clamp(3.25rem, 5vw, 5rem); background: var(--mz-arch-white); }
.page-home .home-site-gallery__intro { max-width: 27em; }
.page-home .home-site-gallery__intro p { margin: 0; color: var(--mz-muted); font-size: .96rem; line-height: 1.9; }
.page-home .home-site-gallery__intro .home-site-gallery__status { margin-top: .6rem; font-size: .78rem; }
.page-home .home-site-gallery__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem 1.25rem; counter-reset: site-gallery; }
.page-home .home-site-gallery__item { min-width: 0; margin: 0; counter-increment: site-gallery; }
.page-home .home-site-gallery__photo { aspect-ratio: 3 / 2; overflow: hidden; border: 1px solid var(--mz-line); border-radius: 14px; background: var(--mz-card); box-shadow: 0 18px 38px -34px rgba(32,39,36,.55); }
.page-home .home-site-gallery__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-home .home-site-gallery__placeholder { display: flex; flex-direction: column; justify-content: space-between; gap: 1.2rem; aspect-ratio: 3 / 2; padding: clamp(1.2rem, 2vw, 1.7rem); border: 1px solid var(--mz-line-strong); border-radius: 14px; background: var(--mz-card); color: var(--mz-deep-sage); }
.page-home .home-site-gallery__label { font: 500 .73rem/1.7 var(--font-display); }
.page-home .home-site-gallery__placeholder p { margin: 0; color: var(--mz-ink); font-size: .88rem; line-height: 1.85; }
.page-home .home-site-gallery__size { padding-top: .7rem; border-top: 1px solid var(--mz-line); font: 400 .72rem/1.7 var(--font-display); }
.page-home .home-site-gallery__item figcaption { display: grid; grid-template-columns: 2rem minmax(0, 1fr); align-items: baseline; gap: .45rem; margin-top: .7rem; color: var(--mz-ink); font: 500 .92rem/1.7 var(--font-display); }
.page-home .home-site-gallery__item figcaption::before { content: counter(site-gallery, decimal-leading-zero); color: var(--mz-sage); font: 400 .7rem/1.6 var(--font-latin); }
.page-home .home-site-gallery__mobile-guide { display: none; }
.page-home .home-site-gallery__conditions { margin-top: 2.4rem; scroll-margin-top: 110px; }
.page-home .home-site-gallery__conditions .home-detail__body { max-width: none; padding-top: .6rem; }
.page-home .home-site-gallery__conditions .home-boundaries__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; border: 0; }
.page-home .home-site-gallery__conditions .home-boundaries__list li { padding-block: .5rem 1rem; border-bottom: 0; }
.page-home .home-site-gallery__conditions .home-boundaries__note { margin-top: .5rem; }

@media (min-width: 761px) and (max-width: 1050px) {
  .page-home .home-site-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-home .home-site-gallery__conditions .home-boundaries__list { grid-template-columns: minmax(0, 1fr); gap: 0; }
}

@media (max-width: 760px) {
  .page-home .home-site-gallery { padding-block: 2.75rem; }
  .page-home .home-site-gallery__intro { margin-top: 1.2rem; }
  .page-home .home-site-gallery__grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: min(86%, 20rem);
    gap: 1rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
    scroll-padding-inline: 0;
    padding-bottom: .15rem;
    -webkit-overflow-scrolling: touch;
  }
  .page-home .home-site-gallery__grid::-webkit-scrollbar { display: none; }
  .page-home .home-site-gallery__item { scroll-snap-align: start; }
  .page-home .home-site-gallery__mobile-guide { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .85rem; padding-top: .65rem; border-top: 1px solid var(--mz-line-strong); color: var(--mz-deep-sage); font: 500 .72rem/1.6 var(--font-display); }
  .page-home .home-site-gallery__mobile-guide span:last-child { color: var(--mz-sage); font-family: var(--font-latin); letter-spacing: .04em; }
  .page-home .home-site-gallery__conditions { margin-top: 1.55rem; }
  .page-home .home-site-gallery__conditions .home-boundaries__list { grid-template-columns: minmax(0, 1fr); gap: 0; }
}


/* Story bridge: problem recognition to whole-system assessment. */
.page-home .home-reframe { background: var(--mz-pale-sage); color: var(--mz-ink); }
.page-home .home-reframe__intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; margin-bottom: 2.5rem; }
.page-home .home-reframe__intro h2 { font-size: clamp(2rem, 3.8vw, 3.35rem); }
.page-home .home-reframe__intro h2 span { color: var(--mz-deep-sage); }
.page-home .home-reframe__intro > p { max-width: 38em; margin: 0; color: var(--mz-graphite); font-size: 1rem; line-height: 1.95; }
.page-home .home-reframe__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; border-block: 1px solid var(--mz-sage); }
.page-home .home-reframe__steps li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; padding: 1.4rem clamp(1rem, 2.5vw, 2rem); border-left: 1px solid var(--mz-sage); }
.page-home .home-reframe__steps li:first-child { border-left: 0; padding-left: 0; }
.page-home .home-reframe__steps li:last-child { padding-right: 0; }
.page-home .home-reframe__steps li > span { padding-top: .2rem; color: var(--mz-deep-sage); font: 400 .78rem/1.6 var(--font-latin); }
.page-home .home-reframe__steps h3 { margin: 0 0 .45rem; font-size: 1.12rem; }
.page-home .home-reframe__steps p { margin: 0; color: var(--mz-graphite); font-size: .88rem; line-height: 1.85; }
.page-home .home-reframe__turn { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) auto; gap: 1.5rem 3rem; align-items: baseline; margin-top: 2.25rem; }
.page-home .home-reframe__turn p { margin: 0; color: var(--mz-graphite); font-size: .88rem; }
.page-home .home-reframe__turn strong { color: var(--mz-deep-sage); font: 500 clamp(1.2rem, 2.2vw, 1.7rem)/1.55 var(--font-display); }
.page-home .home-reframe__turn .text-link { white-space: nowrap; }

@media (max-width: 1050px) {
  .page-home .home-reframe__intro { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .page-home .home-reframe__turn { grid-template-columns: minmax(0, 1fr) auto; }
  .page-home .home-reframe__turn p { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .page-home .home-reframe__intro { margin-bottom: 2rem; }
  .page-home .home-reframe__intro h2 { font-size: clamp(1.7rem, 7.5vw, 2.25rem); }
  .page-home .home-reframe__steps { grid-template-columns: minmax(0, 1fr); }
  .page-home .home-reframe__steps li { padding: 1.25rem 0; border-left: 0; border-top: 1px solid var(--mz-sage); }
  .page-home .home-reframe__steps li:first-child { border-top: 0; }
  .page-home .home-reframe__turn { display: block; margin-top: 2rem; }
  .page-home .home-reframe__turn strong { display: block; margin-top: .5rem; }
  .page-home .home-reframe__turn .text-link { margin-top: 1rem; }
}