/* A real mobile demo capture; keep the existing homepage proportions intact. */
.public-home .public-field {
    background: #edf4f1;
    border-block: 1px solid #dce8e2;
}
.public-home .public-field-inner {
    display: grid;
    grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 64px;
    width: 100%;
    max-width: var(--public-content-width);
    margin-inline: auto;
    padding: 64px var(--public-gutter);
}
.public-home .public-field-copy { grid-column: 2; grid-row: 1; max-width: 560px; min-width: 0; }
.public-home .public-field-eyebrow { color: #315e50; font-size: 12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.public-home .public-field-copy h2 { margin: 18px 0 24px; font-size: clamp(36px, 3.6vw, 50px); line-height: 1.08; letter-spacing: -.045em; }
.public-home .public-field-copy > p { max-width: 500px; color: #536961; font-size: 18px; line-height: 1.7; }
.public-home .public-field-copy dl { display: grid; gap: 24px; margin: 32px 0; }
.public-home .public-field-copy dt { margin-bottom: 6px; color: #123f35; font-size: 17px; font-weight: 750; }
.public-home .public-field-copy dd { margin: 0; max-width: 440px; color: #536961; font-size: 15px; line-height: 1.7; }
.public-home .public-field-link { display: inline-flex; gap: 18px; align-items: center; min-height: 44px; color: #123f35; font-weight: 750; text-decoration: underline; text-underline-offset: 5px; }
.public-home .public-field-preview { grid-column: 1; grid-row: 1; margin: 0; justify-self: center; width: min(100%, 310px); min-width: 0; }
.public-home .public-field-phone { display: block; overflow: hidden; border: 6px solid #173b32; border-radius: 32px; background: white; box-shadow: 0 20px 45px #173b3224; }
.public-home .public-field-phone img { display: block; width: 100%; height: auto; }
.public-home .public-field-preview figcaption { margin-top: 20px; text-align: center; color: #536961; font-size: 12px; line-height: 1.7; }
.public-home .public-field-preview figcaption span { text-decoration: underline; text-underline-offset: 3px; }
.public-home .public-field :is(a:focus-visible) { outline: 3px solid #207b67; outline-offset: 6px; }
@media (max-width: 900px) {
    .public-home .public-field-inner { gap: 36px; grid-template-columns: minmax(230px, .8fr) minmax(0, 1fr); padding-block: 48px; }
    .public-home .public-field-copy > p { font-size: 16px; }
}
@media (max-width: 700px) {
    .public-home .public-field-inner { grid-template-columns: minmax(0, 1fr); gap: 36px; }
    .public-home .public-field-copy { grid-column: 1; grid-row: 1; }
    .public-home .public-field-preview { grid-column: 1; grid-row: 2; }
    .public-home .public-field-copy h2 { font-size: 36px; }
}