:root{--ink:#101a2b;--navy:#1b3358;--blue:#3d6488;--cream:#f4f1e9;--line:#d8d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfbf8;color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.nav{height:88px;padding:0 4.5vw;display:flex;align-items:center;gap:40px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid #e4e4df}.brand{display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.25;letter-spacing:.14em}.brand b{font-size:11px}.mark{width:42px;height:42px;border:1px solid var(--ink);display:grid;place-items:center;font:25px Georgia,serif}.nav nav{display:flex;gap:28px;margin-left:auto;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--navy);color:#fff;padding:15px 20px;min-width:158px;font-size:12px;border:0;transition:.2s}.button:hover{background:#274a7c;transform:translateY(-1px)}.button-light{background:#fff;color:var(--ink)}
.hero{min-height:calc(100vh - 88px);position:relative;background:linear-gradient(110deg,#101f33 0%,rgba(16,31,51,.72) 36%,rgba(10,22,40,.05) 75%),url('racine-traditional-hero.png') center/cover no-repeat;display:flex;align-items:center;color:#fff;padding:8vw 7vw}.hero-content{max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:bold;margin:0 0 25px}.eyebrow.light{color:#d7e0ea}.hero h1{font:400 clamp(64px,9vw,130px)/.88 Georgia,serif;letter-spacing:-.055em;margin:0}.hero-content>p:not(.eyebrow){font-size:17px;line-height:1.6;max-width:560px;margin:35px 0}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-link{font-size:12px;border-bottom:1px solid #909aa8;padding-bottom:5px}.text-link.light{border-color:#fff}.hero-note{position:absolute;right:5vw;bottom:4vw;display:flex;flex-direction:column;gap:6px;font-size:11px}.hero-note span{text-transform:uppercase;letter-spacing:.2em;font-size:9px;color:#d8dee6}
.section{padding:120px 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro h2,.section-head h2,.market h2,.worth h2,.contact h2,.expert h2{font:400 clamp(44px,6vw,78px)/.98 Georgia,serif;letter-spacing:-.045em;margin:0}.intro>div:last-child>p{font:25px/1.55 Georgia,serif;margin:0 0 35px}.agent-band{margin:0 3vw;background:var(--navy);color:#fff;padding:70px 4vw;display:grid;grid-template-columns:300px 1fr;gap:5vw;align-items:center}.agent-band img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top center}.agent-band h2{font:52px Georgia,serif;letter-spacing:-.02em;margin:0}.agent-band .brokerage{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#d7e0ea;margin:12px 0 0}.agent-band-copy>p:not(.eyebrow):not(.brokerage){max-width:520px;line-height:1.7;color:#d4dbe6;margin:22px 0 0}.agent-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.button-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}.button-outline:hover{background:rgba(255,255,255,.12)}.button-light:hover{background:#efefe8;color:var(--ink)}.disclaimer{font-size:10px;opacity:.7;margin:14px 0 0}.disclaimer a{text-decoration:underline}.disclaimer.dark{color:#666}
.city{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.section-head>p:not(.eyebrow){max-width:580px;font-size:16px;line-height:1.75;color:#535e6d}.section-head .button{margin-top:26px}.city-copy .lead{font:26px/1.45 Georgia,serif}.city-copy p{font-size:15px;line-height:1.85;color:#4f5a6a}.numbers{background:var(--ink);color:#fff;padding:110px 7vw}.numbers-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #495c73;padding-bottom:35px}.numbers h2{font:48px Georgia,serif;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr)}.stat{padding:34px 20px 34px 0;border-bottom:1px solid #424f63}.stat strong{display:block;font:32px Georgia,serif}.stat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-top:10px;color:#b8c1cd}.source{font-size:10px;color:#a3adbc;margin-top:20px}
.neighborhood-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid var(--line)}.neighborhood{display:grid;grid-template-columns:45px 1fr 25px;gap:15px;padding:25px 18px 25px 0;border-bottom:1px solid var(--line)}.neighborhood:nth-child(odd){border-right:1px solid var(--line);padding-right:30px}.neighborhood:nth-child(even){padding-left:30px}.neighborhood>span{font-size:10px;color:#7b8189}.neighborhood h3{margin:0;font:23px Georgia,serif}.neighborhood b{font-size:10px;letter-spacing:.12em;color:var(--blue)}.neighborhood p{margin:9px 0 0;color:#686f78;font-size:12px;line-height:1.5}.alt{background:var(--cream)}.school-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d2cbbc;margin-top:65px}.school-grid article{background:var(--cream);padding:38px}.school-grid span,.lifestyle-grid span{font-size:10px;color:#757f8b}.school-grid h3,.lifestyle-grid h3,.seller-points h3{font:27px Georgia,serif}.school-grid p{font-size:13px;line-height:1.7;color:#626a75}.lifestyle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:70px;border:1px solid var(--line)}.lifestyle-grid article{background:#fbfbf8;padding:32px}.lifestyle-grid ul{padding:0;list-style:none;margin:20px 0 0}.lifestyle-grid li{font-size:12px;line-height:1.55;padding:9px 0;border-top:1px solid #e2e2dd}
.market{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:#fff}.market-copy{padding:110px 7vw}.market-copy>p:not(.eyebrow){max-width:520px;line-height:1.7;color:#dbe2ea}.market-data{background:#2f4f6e;padding:80px 6vw;display:grid;grid-template-columns:1fr 1fr}.market-data div{padding:28px 15px 28px 0;border-bottom:1px solid #5c7590}.market-data strong{display:block;font:34px Georgia,serif}.market-data span,.market-data small{display:block}.market-data span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin:10px 0}.market-data small{font-size:10px;color:#c6cfda}.market-data>p{grid-column:1/-1;font-size:10px;color:#c0cad7;line-height:1.6;margin-top:30px}.seller{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.seller-points{display:grid;grid-template-columns:1fr 1fr}.seller-points article{padding:26px;border-top:1px solid var(--line)}.seller-points b{font-size:10px}.seller-points p{font-size:12px;line-height:1.6;color:#6b7178}.worth{background:var(--navy);color:#fff;padding:100px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.worth p:not(.eyebrow){line-height:1.7;color:#d4dbe6}.worth form{align-self:end;display:grid;grid-template-columns:1fr 1fr auto;background:#fff}.worth input{border:0;border-right:1px solid var(--line);padding:20px;min-width:0}.worth button{border:0;background:#cbbd9d;padding:20px 25px}
.expert{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.expert h3{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#535e6d}.portrait{background:#d8d7d0;aspect-ratio:4/5;overflow:hidden;margin-top:32px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.expert-copy>p{font:21px/1.65 Georgia,serif;color:#495364}.expert-copy>p.agent-bio{font:14px/1.85 Arial,sans-serif;color:#5e6672;max-width:640px}.agent-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin:35px 0}.agent-stats div{padding:22px 10px 22px 0}.agent-stats b{font:23px Georgia,serif;display:block}.agent-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#6e757f}.faq-list{margin-top:55px;border-top:1px solid var(--line)}.faq-list article{border-bottom:1px solid var(--line)}.faq-list button{width:100%;padding:25px 0;background:none;border:0;display:flex;justify-content:space-between;text-align:left;font:20px Georgia,serif;cursor:pointer}.faq-list p{max-width:760px;color:#5e6672;line-height:1.7;margin:0 0 30px}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--ink);color:#fff}.contact-copy,.contact-form{padding:100px 7vw}.contact-copy>p:not(.eyebrow){line-height:1.7;color:#bdc5d2}.contact-card{margin-top:55px;padding-top:25px;border-top:1px solid #4b5568;display:flex;flex-direction:column;gap:8px;font-size:12px}.contact-card b{font:23px Georgia,serif}.contact-form{background:#16243b;display:flex;flex-direction:column;gap:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#bdc5d2}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #626e80;background:transparent;color:#fff;padding:13px 0;outline:0;text-transform:none}.contact-form option{color:#111}.submit{padding:18px;background:#cbbd9d;border:0;color:var(--ink)}.contact-form small{color:#919daf;line-height:1.5}footer{padding:70px 7vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}footer>div{display:flex;flex-direction:column;gap:10px;font-size:11px}footer>div b{text-transform:uppercase;letter-spacing:.13em;margin-bottom:10px}.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:9px;color:#747a83;line-height:1.6}
@media(max-width:1000px){.nav nav{display:none}.nav .button{margin-left:auto}.stat-grid{grid-template-columns:repeat(3,1fr)}.lifestyle-grid{grid-template-columns:repeat(2,1fr)}.market,.contact{grid-template-columns:1fr}.seller{grid-template-columns:1fr}.worth{grid-template-columns:1fr}.expert{grid-template-columns:1fr;gap:35px}.portrait{max-width:340px}.agent-band{grid-template-columns:1fr;gap:40px}.agent-band-photo{max-width:300px}}
@media(max-width:700px){.nav{height:72px;padding:0 20px}.nav>.button{min-width:auto;padding:12px}.hero{min-height:760px;padding:100px 24px}.hero-note{display:none}.section{padding:80px 24px}.intro,.city{grid-template-columns:1fr}.intro>div:last-child>p{font-size:21px}.agent-band{margin:0;padding:60px 24px;gap:32px}.numbers{padding:80px 24px}.numbers-title{display:block}.stat-grid{grid-template-columns:repeat(2,1fr)}.neighborhood-grid{grid-template-columns:1fr}.neighborhood:nth-child(odd){border-right:0;padding-right:0}.neighborhood:nth-child(even){padding-left:0}.school-grid,.lifestyle-grid{grid-template-columns:1fr}.market-copy,.market-data,.contact-copy,.contact-form{padding:75px 24px}.market-data{grid-template-columns:1fr}.market-data>p{grid-column:auto}.seller-points{grid-template-columns:1fr}.worth{padding:75px 24px}.worth form{grid-template-columns:1fr}.worth input{border-right:0;border-bottom:1px solid var(--line)}.agent-stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding:55px 24px}.footer-brand,.legal{grid-column:1/-1}}