:root{color-scheme:light;--ink:#172923;--paper:#f5f2eb;--muted:#536158;--gold:#b8a47a}
*{box-sizing:border-box}
html{min-width:280px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1600px;margin:auto;padding:0 clamp(24px,6vw,100px)}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:35px 0;border-bottom:1px solid #d3d6cd}
.wordmark{font-size:16px;letter-spacing:.2em;line-height:1.6;font-weight:700}
.wordmark span{font-weight:400}
.domain{font-size:13px;color:var(--muted);letter-spacing:.04em;margin:0}
main{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(40px,8vw,140px);align-items:center;min-height:calc(100svh - 190px);padding:70px 0 82px}
.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;line-height:1.8;margin:0 0 28px}
.intro .eyebrow{display:flex;align-items:center;gap:12px}
.intro .eyebrow span{height:7px;width:7px;flex-shrink:0;background:var(--muted);border-radius:50%}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(76px,8.6vw,132px);font-weight:400;line-height:.94;letter-spacing:-.055em;margin:0 0 34px}
h1 em{font-weight:400}
.description{font-size:18px;color:var(--muted);line-height:1.75;margin:0}
.contact{background:var(--ink);color:var(--paper);padding:clamp(28px,4vw,60px);position:relative}
.contact-top{display:flex;gap:20px;align-items:center;margin-bottom:45px}
.contact-top .eyebrow{margin:0;color:#d9cbaa;white-space:nowrap}
.rule{height:1px;background:#6c786a;flex:1}
h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,3.4vw,52px);font-weight:400;letter-spacing:-.025em;margin:0 0 12px}
.role{font-size:16px;margin:0 0 9px;line-height:1.5}
.brokerage{font-size:18px;margin:0 0 36px;line-height:1.5}
.email-button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;background:#eee5d0;color:var(--ink);padding:17px 22px;text-decoration:none;font-size:16px;font-weight:700;border:2px solid transparent}
.email-button:hover{background:#fff8e8}
.arrow{position:relative;width:18px;height:2px;background:currentColor;flex-shrink:0}.arrow::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.email-address{font-size:15px;line-height:1.6;overflow-wrap:anywhere;margin:18px 0 0;color:#f5f2eb}
.note{font-size:12px;line-height:1.6;color:#c4cec5;margin:7px 0 0}
footer{border-top:1px solid #d3d6cd;display:flex;justify-content:space-between;gap:16px;padding:24px 0;color:var(--muted);font-size:12px;line-height:1.7}
footer p{margin:0}
a:focus-visible{outline:3px solid #b67918;outline-offset:5px}
.email-button:focus-visible{outline-color:#fff}
.skip{position:absolute;left:20px;top:-80px;padding:14px 20px;z-index:2;background:var(--ink);color:white}
.skip:focus{top:12px}
#main:focus{outline:none}
@media(max-width:720px){
 .header{padding:24px 0;align-items:flex-start;flex-direction:column;gap:5px}
 .wordmark{font-size:14px}
 .domain{font-size:12px}
 main{grid-template-columns:1fr;gap:40px;padding:44px 0;min-height:0}
 h1{font-size:clamp(74px,18vw,108px);margin-bottom:26px}
 .intro .eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:24px}
 .description{font-size:16px}
 .contact{padding:28px}
 .contact-top{margin-bottom:30px}
 footer{flex-direction:column;gap:5px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}