/* Personal hosts page, scoped to its renderer. */
.rh-about{padding-block:35px 85px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.rh-site:has(.rh-about) .rh-family-crest{opacity:.04}
body.rh-site #page-content .rh-about h1,body.rh-site #page-content .rh-about h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--rh-white);text-align:left}
body.rh-site #page-content .rh-about h1{font-size:clamp(38px,4.2vw,58px);line-height:1.12;margin:0 0 28px}
body.rh-site #page-content .rh-about h2{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:0 0 24px}
.rh-about p{font-size:17px;line-height:1.8;color:var(--rh-muted);max-width:51ch;margin:0;text-align:left}
.rh-about-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,85px);align-items:center}
body.rh-site #page-content .rh-about-label{font-size:16px;color:var(--rh-accent);margin:0 0 24px}
.rh-about-copy .rh-about-lead{max-width:37ch;font-size:18px}
.rh-about-photo,.rh-about-house{margin:0;min-width:0}.rh-about-photo img{display:block;width:100%;height:auto}.rh-about-photo figcaption{font-size:14px;color:var(--rh-muted);padding-top:12px}
.rh-about-home{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(30px,6vw,85px);margin-top:65px}
.rh-about-house img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
.rh-about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,85px);margin-top:100px;padding-top:55px;border-top:1px solid rgba(209,182,113,.28)}
.rh-about-story p{max-width:58ch}
.rh-about-story p+p{margin-top:22px}
.rh-about-invite{margin-top:80px;padding:40px;background:var(--rh-panel);display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}
body.rh-site #page-content .rh-about-invite h2{font-size:28px;margin-bottom:15px}
.rh-about-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.rh-site #page-content a.rh-about-contact{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;background:var(--rh-accent);color:var(--rh-bg);font:600 16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-decoration:none;text-align:center}
.rh-site #page-content a.rh-about-contact:hover{background:#e2c884}
.rh-site #page-content a.rh-about-apartment{color:var(--rh-accent);font-size:16px;text-decoration:none;border-bottom:1px solid var(--rh-accent);padding-bottom:5px}
.rh-about a:focus-visible{outline:2px solid var(--rh-white);outline-offset:5px}
@media(max-width:767px){.rh-about{padding-block:20px 60px}.rh-about-hero,.rh-about-home,.rh-about-story,.rh-about-invite{grid-template-columns:1fr;gap:28px}body.rh-site #page-content .rh-about h1{font-size:36px}body.rh-site #page-content .rh-about h2{font-size:28px}.rh-about-copy .rh-about-lead{font-size:17px;max-width:none}.rh-about-home{margin-top:60px}.rh-about-story{margin-top:55px;padding-top:38px}.rh-about-invite{margin-top:45px;padding:25px}.rh-about-house img{aspect-ratio:3/2}.rh-about p{font-size:16px}.rh-about-actions{gap:20px}}
@media(max-height:500px) and (orientation:landscape){body.rh-site #page-content .rh-about h1{font-size:36px}.rh-about-home,.rh-about-story{margin-top:60px}}
