@import url('/property-management/styles.css');

.hero{background:radial-gradient(circle at 18% 25%,rgba(213,166,79,.13),transparent 34%),linear-gradient(145deg,#fbfcfd,#eef3f7)}
.product-visual{border-color:#8b6b2e}.product-visual img{aspect-ratio:2/1;object-fit:cover}
.existing-site-section{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;margin:80px clamp(20px,6vw,94px);padding:38px;border:1px solid #d2dde5;border-top:3px solid var(--gold);background:#f7f9fa;box-shadow:var(--shadow)}
.existing-site-mark{display:grid;width:68px;height:68px;place-items:center;border-radius:15px;background:var(--navy);color:var(--gold);font:400 34px "Libre Caslon Display",serif}
.existing-site-section h2{margin:0;color:var(--navy);font:400 clamp(30px,3vw,45px)/1.05 "Libre Caslon Display",serif;letter-spacing:-.025em}.existing-site-section p{margin:12px 0 7px;color:var(--muted);font-size:13px;line-height:1.65}.existing-site-section small{color:#7d8d9a;font-size:10px}
.fit-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.existing-site-section{grid-template-columns:auto 1fr}.existing-site-section .button{grid-column:2;justify-self:start}.fit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.product-visual img{aspect-ratio:auto}.existing-site-section{grid-template-columns:1fr;margin:55px 18px;padding:25px}.existing-site-section .button{grid-column:auto;width:100%}.fit-grid{grid-template-columns:1fr}}