/* ONE HOMES — people and process. Century Gothic + brand manual palette. */
.about-page{background:var(--paper)}
.about-page .site-header{position:relative}
.about-page nav [aria-current="page"]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:8px}
.about-opening{display:grid;grid-template-columns:38% 62%;min-height:640px;border-bottom:1px solid var(--line)}
.about-intro{padding:80px 10% 65px 14%;align-self:center}
.about-intro h1{font-family:var(--font-century);font-size:clamp(48px,6.5vw,100px);font-weight:700;line-height:1.04;letter-spacing:-.065em;margin:35px 0}
.about-page h1 em,.about-page h2 em{font-weight:400;font-style:italic}
.about-intro h1 em{color:var(--petrol)}
.about-page .about-lead{font-size:clamp(19px,1.7vw,25px);line-height:1.6;letter-spacing:-.025em}
.about-names{font-size:14px;margin-top:28px}.about-names span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--petrol);margin-top:8px}
.about-intro .text-link{margin-top:32px}
.about-portrait{margin:0;position:relative;min-width:0;overflow:hidden}
.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:43% center;display:block}
.about-portrait figcaption{position:absolute;left:32px;bottom:28px;background:var(--paper);padding:16px 22px;font-size:13px;line-height:1.7}
.about-portrait figcaption span{display:block;color:var(--petrol);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.about-person,.about-listening{display:grid;grid-template-columns:1fr 1.2fr;gap:12vw;align-items:start}
.about-page h2{font-size:clamp(35px,4.6vw,66px);line-height:1.14;letter-spacing:-.05em}
.about-prose{max-width:570px}.about-prose>p{line-height:1.8;margin:0 0 24px}.about-prose .text-link{margin-top:16px}
.about-process{display:grid;grid-template-columns:58% 42%;background:var(--stone);align-items:stretch}
.about-process figure{margin:0;min-height:540px;min-width:0}.about-process figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:43% center}
.about-process-copy{padding:70px 13%;align-self:center}.about-process-copy h2{margin:28px 0}.about-process-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}
.about-process-reverse{direction:rtl;background:var(--paper)}.about-process-reverse>*{direction:ltr}.about-process-reverse figure img{object-position:65% center}
.about-invitation{background:var(--petrol);color:white;text-align:center}.about-invitation .eyebrow{color:white}.about-invitation h2{margin:32px auto}.about-invitation h2 em,.about-gold{color:var(--gold)}.about-invitation .text-link{font-size:20px;font-weight:700;border-bottom-color:var(--gold);gap:26px;margin:16px auto 0;max-width:100%}
.about-page a:focus-visible{outline:2px solid var(--petrol);outline-offset:6px}.about-invitation a:focus-visible{outline-color:var(--gold)}
@media(max-width:1000px){.about-opening{grid-template-columns:42% 58%;min-height:550px}.about-intro{padding:55px 10%}.about-process figure{min-height:460px}.about-process-copy{padding:50px 10%}}
@media(max-width:700px){.about-opening{display:flex;flex-direction:column;min-height:0}.about-intro{padding:45px 24px 38px;align-self:stretch}.about-intro h1{font-size:clamp(54px,13vw,78px);margin:24px 0}.about-intro h1 br{display:none}.about-intro .about-lead{max-width:310px}.about-names{margin-top:22px}.about-intro .text-link{margin-top:18px}.about-portrait{height:470px}.about-portrait img{object-position:43% center}.about-portrait figcaption{left:24px;bottom:24px;padding:13px 18px}.about-person,.about-listening{display:block}.about-person h2,.about-listening h2{margin-bottom:32px}.about-prose .about-lead{font-size:22px}.about-process,.about-process-reverse{display:flex;flex-direction:column;direction:ltr}.about-process figure{min-height:0;height:310px}.about-process-copy{padding:40px 24px 48px}.about-process figure img{object-position:40% center}.about-process-reverse figure img{object-position:65% center}.about-process-copy h2{margin:22px 0}.about-invitation{text-align:left}.about-invitation .text-link{font-size:19px;gap:10px}.about-page h2{font-size:clamp(32px,8vw,46px)}}
@media(prefers-reduced-motion:no-preference){.about-page .text-link span[aria-hidden]{transition:transform .3s ease}.about-page .text-link:hover span[aria-hidden]{transform:translateX(4px)}}

/* The conversation now leads the page; its former photo slot becomes an editorial text section. */
.about-listening{background:var(--stone);border-top:1px solid var(--line)}
@media(max-width:700px){.about-portrait{height:clamp(310px,95vw,470px)}}