/* Areas we service */
.mog-areas{--ar-accent:#294d3f;--ar-ink:#101312;--ar-bg:#fff;--ar-card:#f2f0e9;--ar-line:rgba(16,19,18,.1);background:var(--ar-bg);color:var(--ar-ink);padding:90px 0}
.pristinia-page .mog-areas{--ar-accent:#0585ee;--ar-ink:#0d2a56;--ar-bg:#fff;--ar-card:#f6fbff;--ar-line:#d8e9f6}
.canopyx-page .mog-areas{--ar-accent:#2f6b45;--ar-ink:#1b2b24;--ar-bg:#fff;--ar-card:#f4f7f1;--ar-line:#dfe6dc}
.construction-page .mog-areas{--ar-accent:#a15b2e;--ar-ink:#38271c;--ar-bg:#fff;--ar-card:#faf5ee;--ar-line:#eadccb}
.mog-areas-inner{width:min(1180px,calc(100% - 40px));margin:0 auto}
.mog-areas-head{max-width:760px;margin-bottom:34px}
.mog-areas-kicker{margin:0 0 12px;color:var(--ar-accent);font-size:12px;font-weight:800;letter-spacing:.14em}
.mog-areas-head h2{margin:0 0 14px;color:var(--ar-ink);font-size:clamp(28px,3.2vw,42px);line-height:1.1;letter-spacing:-.02em}
.mog-areas-head p{margin:0;font-size:16px;line-height:1.65;color:var(--ar-ink);opacity:.78}
.mog-areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.mog-area{background:var(--ar-card);border:1px solid var(--ar-line);border-radius:14px;padding:20px 22px}
.mog-area h3{margin:0 0 8px;font-size:16px;font-weight:800;color:var(--ar-ink)}
.mog-area p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ar-ink);opacity:.75}
.mog-areas-note{margin:24px 0 0;font-size:15px;color:var(--ar-ink)}
.mog-areas-note a{color:var(--ar-accent);font-weight:700;text-decoration:underline}
@media(max-width:700px){.mog-areas{padding:60px 0}.mog-areas-grid{grid-template-columns:1fr 1fr;gap:10px}.mog-area{padding:16px}.mog-area h3{font-size:15px}.mog-area p{font-size:13.5px}}
@media(max-width:420px){.mog-areas-grid{grid-template-columns:1fr}}