/* mosman-painters overrides (auto-generated) */
:root{--navy:#16315c;--navy-deep:#101f3a;--red:#c8202f;--charcoal:#1d1d1f;--ink:#2a2f37;--muted:#6a7280;
  --line:#e7e6e1;--paper:#ffffff;--sand:#f2f2f2;--sand-2:#efede7;--gold:#e8a93b;
  --shadow:0 18px 50px -24px rgba(16,31,58,.35);--shadow-sm:0 8px 26px -16px rgba(16,31,58,.30);
  --radius:18px;--maxw:1180px;--ease:cubic-bezier(.2,.7,.2,1);}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;color:var(--charcoal);line-height:1.12;font-weight:500;letter-spacing:-.01em}
.section{padding:96px 0}
.section-head{max-width:720px;margin:0 auto 54px;text-align:center}
.section-head h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:14px 0 16px}
.section-head p{color:var(--muted);font-size:1.05rem}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
@media(min-width:901px){.nav{display:flex;align-items:center;gap:30px}}
.hero{position:relative;color:#fff;overflow:hidden}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(16,31,58,.93) 0%,rgba(16,31,58,.8) 44%,rgba(16,31,58,.42) 100%)}
.hero .wrap{position:relative;z-index:1;padding:54px 24px 78px}
.crumb{display:flex;gap:8px;align-items:center;font-size:.82rem;color:#aebbd2;margin-bottom:30px;flex-wrap:wrap}
.crumb a:hover{color:#fff}
.crumb svg{width:13px;height:13px;stroke:#7f93b3;fill:none;stroke-width:2}
.crumb .here{color:#fff;font-weight:500}
.hero-inner{max-width:720px}
.hero h1{color:#fff;font-size:clamp(2.1rem,4.3vw,3.4rem);margin:16px 0 18px}
.hero p.sup{font-size:1.1rem;color:#d8e0ee;max-width:620px;margin-bottom:30px;line-height:1.55}
.trust{background:var(--sand);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 28px;padding:32px 24px}
.trust-item{display:flex;align-items:center;gap:12px;justify-content:center}
.trust-item .ck{width:26px;height:26px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}
.trust-item .ck svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:3}
.trust-item span{font-weight:600;font-size:.95rem;color:var(--charcoal)}
.intro{background:#fff}
.why{background:var(--sand)}
.feature{padding:28px 24px;border-radius:var(--radius);background:#fff;border:1px solid transparent;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.feature:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--line)}
.feature .ic{width:48px;height:48px;border-radius:13px;background:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.feature .ic svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.7}
.feature h3{font-size:1.1rem;margin-bottom:7px}
.feature p{font-size:.9rem;color:var(--muted)}
.svc-body h3{font-size:1.12rem;margin-bottom:8px}
.svc-body p{font-size:.88rem;color:var(--muted);flex:1}
.svc-link{margin-top:15px;display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.84rem;color:var(--red)}
.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.pcard{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.pcard-media{position:relative;min-height:230px;overflow:hidden}
.pcard-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pcard-body{padding:26px 26px 28px}
.pcard-body h3{font-size:1.18rem;margin-bottom:12px}
.matter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:26px 22px;transition:.3s var(--ease)}
.mcard h3{color:#fff;font-size:1.05rem;margin-bottom:5px}
.mcard p{font-size:.88rem;color:#aebbd2}
.testi{background:var(--sand)}
.tcard{background:#fff;border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;border:1px solid var(--line);transition:.3s var(--ease)}
.tcard:hover{box-shadow:var(--shadow);transform:translateY(-5px)}
.tcard .stars{display:inline-flex;gap:3px;margin-bottom:16px}
.tcard .stars svg{width:18px;height:18px;fill:var(--gold)}
.tcard blockquote{font-size:1rem;color:var(--ink);line-height:1.65;flex:1}
.tcard .av{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:'Fraunces';flex:none}
.tcard .nm{font-weight:600;font-size:.94rem;color:var(--charcoal)}
.tcard .rl{font-size:.8rem;color:var(--muted)}
.faq{background:#fff}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-family:'Inter';font-weight:600;font-size:1.02rem;color:var(--charcoal)}
.faq-a p{padding:0 24px 22px;color:var(--muted);font-size:.95rem;line-height:1.65}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rel-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;border-radius:14px;background:var(--sand);border:1px solid transparent;transition:.3s var(--ease)}
.rel-card:hover{background:#fff;box-shadow:var(--shadow-sm);border-color:var(--line);transform:translateY(-3px)}
.rel-card .ic{width:42px;height:42px;border-radius:11px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}
.rel-card .ic svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:1.7}
.rel-card h3{font-size:1rem}
.rel-card .go{width:18px;height:18px;stroke:var(--red);fill:none;stroke-width:2;transition:transform .25s var(--ease)}
.finalcta .wrap{position:relative;text-align:center;padding:92px 24px}
.finalcta h2{color:#fff;font-size:clamp(2rem,4vw,3rem);margin:18px auto 18px;max-width:780px}
.finalcta p{color:#c6d1e6;font-size:1.08rem;max-width:640px;margin:0 auto 34px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer h5{color:#fff;font-family:'Inter';font-weight:600;font-size:.95rem;margin-bottom:18px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.nav{gap:22px}

@media(max-width:1024px){
  .proj-grid{grid-template-columns:1fr}
}

@media(max-width:680px){
  .section{padding:62px 0}
}