/* Senator Realty main pages in Design A (luxury) + Simple view. Loaded after /sell/assets/styles.css. 2026-10-26 */
:root{--navy:#14110d;--navy2:#2a241b;--gold:#a8864a;--gold2:#f3ede2;--mute:#6b6253;--ok:#1d7a46;--err:#b42318}
html[data-theme=simple]{--navy:#0f172a;--navy2:#1e293b;--gold:#1d5bff;--gold2:#eaf1ff;--mute:#475569}
[id]{scroll-margin-top:130px}
.am h2{color:var(--ink)}.am h3{color:var(--ink);font-size:21px}
.am .hdr-in{min-height:64px;flex-wrap:wrap;row-gap:0}
.hcta{display:flex;gap:10px}
.hcta a{display:inline-block;padding:10px 16px;font:600 12.5px/1.15 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-radius:var(--r);border:1px solid var(--acc)}
.hcta .cta-sell{background:var(--acc);color:var(--on-acc)}.hcta .cta-sell:hover{filter:brightness(1.08)}
.hcta .cta-buy{color:var(--acc);background:transparent}.hcta .cta-buy:hover{background:rgba(184,151,90,.12)}
.mnav{border-top:1px solid rgba(184,151,90,.22)}
.mnav .wrap{display:flex;gap:4px 26px;flex-wrap:wrap;justify-content:center;padding:9px 0}
.mnav a{color:inherit;text-decoration:none;font-size:14.5px;font-weight:500;opacity:.82;padding:2px 0;white-space:nowrap}
.mnav a:hover,.mnav a[aria-current]{opacity:1;color:#d9bf8a;text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--acc)}
.am .menu-p{max-height:calc(100vh - 90px);overflow:auto}.am .menu-p a[aria-current]{color:var(--link);font-weight:600}.menu-p .msep{height:1px;background:var(--line);margin:6px 8px}
@media (max-width:980px){.mnav{display:none}.hcta{order:9;width:100%;padding:0 0 10px}.hcta a{flex:1;text-align:center;padding:10px 8px}}
/* hero */
.am main .hero{display:block;min-height:0;text-align:left;color:#f3ede2;background:radial-gradient(900px 420px at 88% -10%,rgba(184,151,90,.22),transparent 60%),#14110d;border-bottom:1px solid rgba(184,151,90,.3)}
.am main .hero>.wrap{position:relative;padding:clamp(48px,7vw,88px) 0 clamp(44px,6vw,72px)}
.am main .hero h1{font-size:clamp(36px,5.2vw,62px);max-width:920px;margin-bottom:.35em}
.am main .hero .lead{font-size:clamp(18px,2vw,21px);max-width:720px;opacity:.9;margin:0 0 26px}
.am .kicker{display:inline-block;font:600 13px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#d9bf8a;margin-bottom:14px}
.am main .hero .crumbs{padding:0 0 14px;color:#d9bf8a;opacity:.85}.am main .hero .crumbs a{color:#efe8da}
.am main .hero.ph{display:flex;align-items:flex-end;min-height:min(70vh,600px)}
.am main .hero.ph.home{min-height:min(88vh,780px)}
.am main .hero.ph .hshade{background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.28) 35%,rgba(0,0,0,.78))}
.am main .hero.ph>.wrap{padding-top:120px}
.am main .hero.ph.home h1{font-size:clamp(40px,6.4vw,80px)}
.am main .hero .capline{margin:22px 0 0;opacity:.62}
/* buttons */
.am .btn{min-height:48px}
.am .btn.gold{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}.am .btn.gold:hover{filter:brightness(1.08);color:var(--on-acc)}
.am .btn.white{background:#f3ede2;color:#0d0d0d;border-color:#f3ede2}.am .btn.white:hover{background:#fff;color:#0d0d0d}
.am .btn.line{background:transparent;color:inherit;border-color:currentColor}.am .btn.line:hover{color:var(--acc)}
.am .btn.navy{background:#0d0d0d;color:#f3ede2;border-color:#0d0d0d}.am .btn.navy:hover{color:var(--acc);border-color:var(--acc)}
.am .btn.block{width:100%}
.am .ctas{display:flex;flex-wrap:wrap;gap:12px}
/* sections */
.am main section{padding:clamp(48px,6.5vw,88px) 0}.am main section.hero{padding:0}
.am main section.alt{background:#f3ede2}
.am main h2{font-size:clamp(28px,3.6vw,40px)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.am .card{background:var(--card);border:1px solid var(--line);border-radius:var(--rc);padding:24px;color:var(--ink)}
.am a.card{display:block;text-decoration:none;transition:border-color .2s,transform .2s}.am a.card:hover{border-color:var(--acc);transform:translateY(-2px)}
.am .card p{margin:6px 0 0;opacity:.85}.am a.card h3{margin-top:4px}
.am a.card .go{color:var(--link);font:600 13px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;opacity:1;margin-top:14px}
.am .ico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--acc);color:var(--acc2);font:600 20px/1 var(--serif);margin-bottom:14px;border-radius:var(--r)}
.am .two-col{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:1fr}
@media(min-width:880px){.am .two-col{grid-template-columns:1.1fr .9fr;align-items:start}}
.am .two-col>.card{background:#14110d;color:#efe8da;border:0;border-top:3px solid var(--acc);padding:clamp(24px,3vw,34px)}
.am .two-col>.card h3{color:#d9bf8a;font-size:24px}.am .two-col>.card a:not(.btn){color:#d9bf8a}
.am .two-col>.card .btn.navy{background:transparent;color:var(--acc);border-color:var(--acc)}
.am .prose{max-width:740px}.am .prose li{margin:6px 0}
.am .note{background:#f3ede2;border-left:3px solid var(--acc);padding:16px 18px;margin:20px 0;font-size:16px}
.am section.alt .note{background:#fff}
.am .help{background:#f6f2ea;border-left:3px solid #14110d;padding:16px 18px;margin:20px 0}
.am main .steps{counter-reset:s;list-style:none;padding:0;margin:0 0 1em;display:block}
.am main .steps li{display:block;counter-increment:s;padding-left:50px;position:relative;margin:16px 0}
.am main .steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:-3px;font:italic 600 27px/1 var(--serif);color:var(--acc2)}
.am table.data{border-collapse:collapse;width:100%;font-size:15px;background:var(--card)}
.am table.data th,.am table.data td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.am table.data th{opacity:.7;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.am .src{font-size:13px;opacity:.72}
.stat{font:600 30px/1.1 var(--serif);color:var(--ink)}.stat small{display:block;font:600 12px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:6px}
.stats{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:10px 0 18px}.stats .card{padding:16px}.stats .stat{font-size:24px}
/* forms (markup unchanged; same /lead.php posts) */
.am form.lead{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--acc);padding:clamp(22px,3vw,34px);box-shadow:var(--shadow);color:var(--ink)}
.am form.lead h2{font-size:28px}
.field{display:block;margin:0 0 14px}.field span{display:block;font:600 14px/1.3 var(--sans);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;font:16px var(--sans);padding:13px 12px;border:1px solid #d9d0bf;border-radius:calc(var(--r) * .7);background:#fff;color:#111}
.field textarea{min-height:100px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--acc2);outline-offset:1px;border-color:transparent}
.am .row2{grid-template-columns:1fr}@media(min-width:520px){.am .row2{grid-template-columns:1fr 1fr}}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;opacity:.85;margin:6px 0 14px}.consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--acc)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.am .ferr{color:var(--err)}.am .fine{text-align:left}
.am .okbox{border:1px solid var(--line);border-top:3px solid var(--acc)}
.hidden{display:none!important}
.sales-tool{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.sales-tool input{flex:1 1 160px;font:16px var(--sans);padding:13px 12px;border:1px solid #d9d0bf;border-radius:calc(var(--r) * .7);background:#fff;color:#111}
/* footer */
.am .ftr-in{grid-template-columns:1.3fr 1fr 1fr 1.3fr}
.am .ftr .eho{display:flex;gap:14px;align-items:center;margin-bottom:14px}.am .ftr .eho svg{flex:none;color:var(--acc)}.am .ftr .eho p{margin:0;font-size:14px}
@media (max-width:980px){.am .ftr-in{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.am .ftr-in{grid-template-columns:1fr}}
/* mobile call bar */
.callbar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(13,13,13,.96);border-top:1px solid rgba(184,151,90,.4);z-index:45}
.callbar .btn{flex:1;padding:12px 8px;min-height:46px;font-size:13px}
.callbar .btn.navy{background:transparent;color:#f3ede2;border-color:rgba(243,237,226,.45)}
@media(max-width:879px){.am .ftr{padding-bottom:100px}}
@media(min-width:880px){.callbar{display:none}}
@media(max-width:519px){.am main .hero .ctas .btn{flex:1 1 100%}}
@media(max-width:560px){.hcta a{font-size:11.5px;letter-spacing:.06em}}
/* website chat button in the same palette */
#src-b{background:#0d0d0d!important;color:#d9bf8a!important;border:1px solid #b8975a!important}#src-p .h{background:#0d0d0d!important}
/* ===== Simple view ===== */
html[data-theme=simple] .hcta a{letter-spacing:0;text-transform:none;font-size:14px;border-radius:999px}
html[data-theme=simple] .hcta .cta-buy:hover{background:#eaf1ff}
html[data-theme=simple] .mnav{border-top:1px solid var(--line)}html[data-theme=simple] .mnav a:hover,html[data-theme=simple] .mnav a[aria-current]{color:var(--acc)}
html[data-theme=simple] .am main .hero{color:var(--ink);background:radial-gradient(1000px 500px at 85% 0,#eaf1ff,transparent),#fff;border-bottom:1px solid var(--line)}
html[data-theme=simple] .am main .hero.ph,html[data-theme=simple] .am main .hero.ph.home{display:block;min-height:0}
html[data-theme=simple] .am main .hero.ph>.wrap{padding-top:clamp(48px,7vw,80px)}
html[data-theme=simple] .am main .hero .crumbs,html[data-theme=simple] .am .kicker{color:var(--acc)}html[data-theme=simple] .am main .hero .crumbs a{color:var(--ink)}
html[data-theme=simple] .am main .hero h1,html[data-theme=simple] .am main .hero.ph.home h1{font-size:clamp(34px,5vw,58px)}
html[data-theme=simple] .am main .hero .capline{display:none}
html[data-theme=simple] .am .btn.white{background:#fff;color:var(--ink);border-color:var(--line)}
html[data-theme=simple] .am .btn.navy{background:#0f172a;color:#fff;border-color:#0f172a}html[data-theme=simple] .am .btn.navy:hover{background:#1e293b;color:#fff}
html[data-theme=simple] .am main section.alt{background:#f5f7fb}
html[data-theme=simple] .am .ico{background:#eaf1ff;border:0;color:var(--acc);font:800 18px/1 var(--sans);border-radius:10px}
html[data-theme=simple] .am a.card .go{letter-spacing:0;text-transform:none;font-size:15px}
html[data-theme=simple] .am .two-col>.card{background:#fff;color:var(--ink);border:1px solid var(--line);border-top:4px solid var(--acc)}
html[data-theme=simple] .am .two-col>.card h3{color:var(--ink)}html[data-theme=simple] .am .two-col>.card a:not(.btn){color:var(--link)}
html[data-theme=simple] .am .two-col>.card .btn.navy{background:#0f172a;color:#fff;border-color:#0f172a}
html[data-theme=simple] .am .note{background:#eaf1ff}html[data-theme=simple] .am section.alt .note{background:#fff}
html[data-theme=simple] .am .help{background:#f5f7fb;border-left-color:#0f172a}
html[data-theme=simple] .am main .steps li::before{content:counter(s);top:0;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--acc);color:#fff;font:800 15px/1 var(--sans)}
html[data-theme=simple] .stat{font-family:var(--sans);font-weight:800}
html[data-theme=simple] .am form.lead{border-top:4px solid var(--acc)}
html[data-theme=simple] .field input,html[data-theme=simple] .field select,html[data-theme=simple] .field textarea,html[data-theme=simple] .sales-tool input{border-color:#cbd5e1}
html[data-theme=simple] .callbar{background:rgba(255,255,255,.97);border-top:1px solid var(--line)}
html[data-theme=simple] .callbar .btn.navy{background:#0f172a;color:#fff;border-color:#0f172a}
html[data-theme=simple] .am .ftr .eho svg{color:#fff}
html[data-theme=simple] #src-b{background:#1d5bff!important;color:#fff!important;border:0!important}html[data-theme=simple] #src-p .h{background:#0f172a!important}

.am main section:not(.hero) .kicker{color:var(--kick)}
.am main .calcsec{background:#f3ede2}html[data-theme=simple] .am main .calcsec{background:#f5f7fb}

.qs{margin-bottom:24px}
.am .qs-q{color:#fff}html[data-theme=simple] .am .qs-q{color:var(--ink)}
@media (max-width:560px){.am .hdr-in .btn.call{display:none}.am .hdr-in{gap:8px}.am .logo{min-width:0}.am .lt{white-space:nowrap}}