:root{--navy:#10223a;--navy2:#172e48;--gold:#c9a365;--cream:#f5f1e9;--ink:#172333;--muted:#627082}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.55 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.top{background:var(--navy);color:#fff}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:76px}.logo{font:clamp(20px,2.2vw,29px)/1.1 Georgia,serif;white-space:nowrap;letter-spacing:-.7px}.logo b{color:var(--gold);font-weight:normal}.logo small{display:block;font:9px/1.3 Arial,sans-serif;letter-spacing:2.5px;color:#e7eaf0;margin-top:6px}nav{display:flex;align-items:center;gap:25px;font-size:13px}nav a:hover{color:var(--gold)}.btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;padding:12px 20px;border:1px solid var(--gold);font-size:13px}.btn.outline{background:transparent;color:white;border-color:#8d9aaa}.hero{background:var(--navy);color:white;border-top:1px solid #2a3b52}.heroinner{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;min-height:350px}.herotext{padding:55px 36px 54px 0}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);font-weight:bold}h1{font:clamp(34px,4.3vw,59px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:18px 0}p{margin:0 0 18px}.hero p{color:#d5dce4;max-width:610px;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.heroart{position:relative;overflow:hidden;background:linear-gradient(140deg,#cbbba6 0%,#9f988b 55%,#7e827f 100%)}.heroart:before{content:"";position:absolute;width:75%;height:85%;left:18%;bottom:-14%;border:20px solid rgba(255,255,255,.22);transform:skewY(-10deg)}.heroart:after{content:"COMMERCIAL PROPERTY  /  MONCTON, NB";position:absolute;bottom:20px;left:22px;font-size:10px;letter-spacing:2px;color:#fff}.quick{background:var(--cream);border-bottom:1px solid #e7e2d9}.quickgrid{display:grid;grid-template-columns:repeat(3,1fr)}.quick a{padding:20px 24px;border-right:1px solid #dfd8cb;display:flex;justify-content:space-between;align-items:center;font-weight:700}.quick a:first-child{padding-left:0}.quick a:last-child{border:0}.quick span{color:#a27d40;font-size:21px}section{padding:52px 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}h2{font:clamp(27px,3vw,38px)/1.16 Georgia,serif;letter-spacing:-.5px;margin:6px 0}.muted{color:var(--muted)}.link{color:#87612b;font-size:13px;font-weight:bold;text-decoration:underline;text-underline-offset:4px}.listing{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #e0e4e6;min-height:220px}.listingvisual{background:linear-gradient(135deg,#b5b8b3,#d9d4c9 52%,#929c9b);position:relative;min-height:230px}.listingvisual:before{content:"";position:absolute;left:15%;top:18%;width:60%;height:66%;background:linear-gradient(120deg,#667580,#a6afb1);clip-path:polygon(0 20%,75% 0,100% 16%,100% 100%,0 100%);opacity:.8}.listingvisual em{position:absolute;bottom:15px;left:18px;background:#fff;padding:6px 10px;font:11px Arial;font-style:normal}.listingtext{padding:30px;display:flex;flex-direction:column;justify-content:center}.listingtext h3{font:27px Georgia,serif;margin:6px 0 12px}.note{font-size:12px;color:#6b7884}.services{background:#f8f9fa}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fff;border:1px solid #e1e5e8;padding:26px;min-height:225px;display:flex;flex-direction:column}.card .num{color:#a07b41;font-size:12px}.card h3{font:25px Georgia,serif;margin:18px 0 10px}.card p{color:#5f6b76;font-size:14px}.card .link{margin-top:auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.aboutbox{background:var(--cream);padding:35px;border-left:5px solid var(--gold)}.aboutbox strong{display:block;font:26px Georgia,serif;margin-bottom:10px}.insightgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.insight{border-top:2px solid var(--navy);padding-top:18px}.insight h3{font:23px Georgia,serif;margin:8px 0}.cta{background:var(--navy2);color:#fff;padding:21px 0}.ctainner{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0 0 8px}.footer{background:#0c192b;color:#c9d1da;padding:35px 0;font-size:12px}.footgrid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer a{text-decoration:underline;text-underline-offset:3px}.footer .logo{color:white}.footer .logo b{color:var(--gold)}@media(max-width:850px){nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.header{align-items:flex-start;padding:18px 0}.heroinner{grid-template-columns:1fr}.herotext{padding:43px 0}.heroart{display:none}.cards,.quickgrid{grid-template-columns:1fr}.quick a{padding:15px 0;border-right:0;border-bottom:1px solid #dfd8cb}.listing,.about,.insightgrid{grid-template-columns:1fr}.ctainner{display:block}.ctainner .btn{margin-top:12px}}@media(max-width:560px){.header{display:block}nav{margin-top:20px;justify-content:flex-start;gap:13px}nav a{font-size:12px}h1{font-size:38px}.wrap{width:calc(100% - 32px)}section{padding:38px 0}.listingtext{padding:22px}}
.heroart{background:linear-gradient(90deg,rgba(16,34,58,.15),rgba(16,34,58,.2)),url('/staging/assets/images/properties/180desbrisay/01_cover_aerial.jpg') center/cover}
.heroart:before{display:none}.listingvisual{background:url('/staging/assets/images/properties/650-frenette/building-exterior-front.jpg') center/cover}.listingvisual:before{display:none}
/* Interior pages: compact, readable, consistent with the homepage. */
.page-main{background:#fff;padding:44px 0 70px}.page-content{max-width:980px}.page-content h1{color:var(--navy);font-size:clamp(32px,4vw,49px);margin:12px 0 18px}.page-intro{font-size:18px;max-width:780px;color:#435368}.content-section{border-top:1px solid #dfe3e8;padding:25px 0 16px;max-width:840px}.content-section h2{font:28px/1.2 Georgia,serif;color:var(--navy);margin:0 0 14px}.content-section p{max-width:760px}.page-links{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.page-links a{color:#254e76;text-decoration:underline;text-underline-offset:3px}.page-cta{margin-top:22px}.contact-actions{padding:12px 0 24px}.contact-actions button{cursor:pointer;margin:0 8px 10px 0}.contact-actions a{color:#254e76;text-decoration:underline}

/* Shared compact call-to-action spacing across the site. */
section.cta, section.buy-cta { padding-top: 12px; padding-bottom: 12px; }
.buy-cta-inner { padding-top: 0; padding-bottom: 0; }


/* Shared interior-page palette and reusable components. */
:root{--navy:#10223A;--gold:#C9A365;--gold-text-light:#8A683E;--gold-text-dark:#E2BC7B;--cream:#F5F1E9;--text:#435368;--border:#DFE3E7;--tint-slate:#E8EDF2;--accent-slate:#4A6580;--tint-sand:#F3E9D6;--accent-sand:#B8893F;--tint-sage:#E6EEE8;--accent-sage:#5F8A6E}
/* Reuse these classes on Buy, Sell, Lease and Investors pages. */
.surface-white{background:#fff}.surface-cream{background:var(--cream)}
.property-card{color:var(--navy);border:1px solid var(--border);border-top-width:4px}
.property-card--slate{background:var(--tint-slate);border-top-color:var(--accent-slate)}
.property-card--sand{background:var(--tint-sand);border-top-color:var(--accent-sand)}
.property-card--sage{background:var(--tint-sage);border-top-color:var(--accent-sage)}
.property-card h3{color:var(--navy)}
.eyebrow-on-light{color:var(--gold-text-light)}.eyebrow-on-dark{color:var(--gold-text-dark)}
.guide-card{background:#fff;color:var(--navy);border:1px solid var(--border);border-left:4px solid var(--gold)}
/* Responsive connected timeline, available to all service pages. */
.process-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative;list-style:none}
.process-timeline:before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:var(--gold)}
.process-timeline li{position:relative;min-width:0;color:var(--text)}
.process-timeline li strong{display:block;color:var(--navy)}
.process-timeline .step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--navy);font:800 18px/1 Arial,sans-serif;margin-bottom:12px;position:relative;z-index:1}
@media(max-width:800px){.process-timeline{grid-template-columns:1fr;gap:18px;padding-left:0}.process-timeline:before{left:19px;right:auto;top:0;bottom:0;width:2px;height:auto}.process-timeline li{padding-left:58px;min-height:40px}.process-timeline .step-number{position:absolute;left:0;top:0;margin:0}}
