.wbh-m02 { max-width: 1200px; margin-inline: auto; padding: clamp(3rem, 7vw, 6rem) clamp(1.25rem, 5vw, 4rem) 5rem; }
.wbh-m02 .wbh-m02__hero .wp-block-columns { align-items: center; gap: clamp(2rem, 6vw, 5rem); }
.wbh-m02 .wbh-m02__eyebrow { color: #78806f; font-size: .78rem; letter-spacing: .15em; }
.wbh-m02 h1 { font-size: clamp(2.4rem, 5vw, 4.2rem); letter-spacing: -.055em; line-height: 1.2; margin-block: 1rem 1.5rem; }
.wbh-m02 .wbh-m02__lead { color: #60665c; font-size: 1.06rem; line-height: 1.95; }
.wbh-m02 .wbh-m02__portrait { max-width: 300px; margin: 0 auto; padding: .9rem; background: #e3e6d7; border: 1px solid #cbd0bf; border-radius: 10px; }
.wbh-m02 .wbh-m02__portrait img { display: block; width: 100%; height: auto; border-radius: 4px; }
.wbh-m02 .wbh-m02__body { max-width: 780px; border-top: 1px solid #d9dccf; margin-top: 4rem; padding-top: 2.5rem; }
.wbh-m02 h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-block: 1rem 1.25rem; letter-spacing: -.025em; }
.wbh-m02 .wbh-m02__body p { color: #60665c; line-height: 1.95; }
.wbh-m02 .wbh-m02__contact { background: #e6eadc; border: 1px solid #ccd3bd; border-radius: 6px; margin-top: 2.5rem; padding: 2rem; }
.wbh-m02 .wbh-m02__contact p { color: #60665c; line-height: 1.85; }
.wbh-m02 .wbh-contact-links { display: grid; gap: .8rem; margin-top: 1.2rem; }
.wbh-m02 .wbh-contact-links a { width: fit-content; max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 781px) {
    .wbh-m02 .wbh-m02__portrait { max-width: 250px; }
    .wbh-m02 .wbh-m02__body { margin-top: 2.7rem; }
    .wbh-m02 .wbh-m02__contact { padding: 1.5rem; }
}

/* About page owns the introduction, directions, method and contact content. */
.wbh-m02 :is(.wbh-m02__hero, .wbh-m02__body, .wbh-m02__directions, .wbh-m02__method, .wbh-m02__contact) { scroll-margin-top: 1.5rem; }
.wbh-m02 :is(.wbh-m02__directions, .wbh-m02__method) {
    margin-top: 3rem;
    padding-top: 2.5rem;
    border-top: 1px solid var(--wbh-line, #d8dccf);
}
.wbh-m02 :is(.wbh-m02__directions, .wbh-m02__method) .wbh-m02__section-label {
    margin: 0;
    color: #78806f;
    font-size: .75rem;
    font-weight: 650;
    letter-spacing: .12em;
    line-height: 1.6;
}
.wbh-m02 :is(.wbh-m02__directions, .wbh-m02__method) h2 { margin: .65rem 0 1.5rem; line-height: 1.4; }
.wbh-m02 .wbh-m02__directions .wp-block-columns,
.wbh-m02 .wbh-m02__method .wp-block-columns {
    display: flex;
    align-items: stretch;
    gap: 1.25rem;
    margin: 0;
}
.wbh-m02 :is(.wbh-m02__directions, .wbh-m02__method) .wp-block-columns > .wp-block-column { flex: 1 1 0; min-width: 0; }
.wbh-m02 .wbh-m02__directions .wbh-m02__focus-card {
    height: 100%;
    margin: 0;
    padding: 1.5rem;
    border: 1px solid var(--wbh-line, #d8dccf);
    border-radius: 10px;
    background: var(--wbh-surface, #fffdf7);
}
.wbh-m02 .wbh-m02__focus-card .wbh-m02__card-number { margin: 0; color: var(--wbh-gold, #8d692b); font-size: .8rem; letter-spacing: .1em; }
.wbh-m02 .wbh-m02__focus-card h3 { margin: .6rem 0 .75rem; font-size: 1.12rem; line-height: 1.45; }
.wbh-m02 .wbh-m02__focus-card p:last-child { margin: 0; color: var(--wbh-muted, #626a5c); font-size: .93rem; line-height: 1.85; }
.wbh-m02 .wbh-m02__method .wp-block-columns > .wp-block-column { padding: 0 1rem 0 0; }
.wbh-m02 .wbh-m02__method .wp-block-column > h3 { margin: 0 0 .65rem; font-size: 1.08rem; line-height: 1.5; }
.wbh-m02 .wbh-m02__method .wp-block-column > p { margin: 0; color: var(--wbh-muted, #626a5c); font-size: .95rem; line-height: 1.9; }
.wbh-m02 .wbh-m02__contact .wbh-contact-links a { min-height: 44px; }
.wbh-m02 :is(.wbh-m02__body, .wbh-m02__directions, .wbh-m02__method, .wbh-m02__contact) a:focus-visible { outline: 3px solid var(--wbh-blue, #005bee); outline-offset: 3px; }
@media (max-width: 781px) {
    .wbh-m02 :is(.wbh-m02__directions, .wbh-m02__method) { margin-top: 2.5rem; padding-top: 2rem; }
    .wbh-m02 .wbh-m02__directions .wp-block-columns,
    .wbh-m02 .wbh-m02__method .wp-block-columns { flex-direction: column; gap: 1rem; }
    .wbh-m02 :is(.wbh-m02__directions, .wbh-m02__method) .wp-block-columns > .wp-block-column { flex: 0 0 auto; flex-basis: auto !important; width: 100%; }
    .wbh-m02 .wbh-m02__directions .wbh-m02__focus-card { padding: 1.25rem; }
    .wbh-m02 .wbh-m02__method .wp-block-columns > .wp-block-column { padding: .5rem 0; }
}
@media (max-width: 390px) {
    .wbh-m02 { padding-inline: 1rem; }
    .wbh-m02 .wbh-m02__contact { padding: 1.25rem; }
}
.wbh-m02 .wbh-m02__project { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--wbh-line); }
.wbh-m02 .wbh-m02__project li { margin-block: .75rem; }
.wbh-m02 .wbh-m02__project a { display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }