/* MamiSong Decor — dedicated Services page, 16-card layout */
.msp-services{
  --msp-ink:#101828;
  --msp-copy:#536071;
  --msp-gold:#b77324;
  --msp-gold-dark:#995b18;
  --msp-cream:#fbf6ee;
  --msp-border:#e8e5e1;
  background:#fff;
  color:var(--msp-ink);
  padding:26px 0 0;
}
.msp-shell{width:min(94%,1240px);margin:0 auto}
.msp-heading{text-align:center;margin:0 auto 24px}
.msp-heading h2{display:inline-block;margin:0 14px 5px;font-size:clamp(31px,3vw,46px);line-height:1.05;font-weight:800;letter-spacing:-1.2px;color:#101828;vertical-align:middle}
.msp-heading-line{display:inline-block;width:58px;height:2px;background:#d6943b;vertical-align:middle;margin-bottom:7px}
.msp-heading p{margin:0;color:#667085;font-size:16px;line-height:1.5}
.msp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px}
.msp-card{overflow:hidden;border:1px solid var(--msp-border);border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(16,24,40,.035);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.msp-card:hover{transform:translateY(-4px);border-color:#dcc7aa;box-shadow:0 16px 30px rgba(16,24,40,.09)}
.msp-card-media{height:175px;overflow:hidden;background:#f3eee8}
.msp-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.msp-card:hover .msp-card-media img{transform:scale(1.035)}
.msp-card-content{display:grid;grid-template-columns:54px 1fr;gap:7px;padding:14px 15px 16px}
.msp-card-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fbf3e7;color:#9d5b15;font-size:20px;border:1px solid #f0dfc7}
.msp-card-copy{min-width:0}
.msp-card-copy h3{margin:2px 0 6px;font-size:17px;line-height:1.18;font-weight:750;color:#101828;letter-spacing:-.25px}
.msp-card-copy p{min-height:58px;margin:0;color:#626b78;font-size:13px;line-height:1.42}
.msp-learn-more{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:var(--msp-gold-dark)!important;font-size:13px;font-weight:700;text-decoration:none}
.msp-learn-more span{font-size:17px;line-height:1;transition:transform .2s ease}
.msp-learn-more:hover span{transform:translateX(3px)}
.msp-why{margin:28px 0 20px;padding:18px 24px 20px;border-radius:12px;background:linear-gradient(90deg,#fdf9f3,#fbf3e8,#fdf9f3);border:1px solid #f2e7d7}
.msp-why h2{text-align:center;margin:0 0 15px;font-size:clamp(25px,2.5vw,36px);line-height:1.1;color:#0f1720;letter-spacing:-.6px}
.msp-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.msp-why-item{display:flex;align-items:center;gap:12px;min-width:0;padding:4px 20px;border-right:1px solid #eadcca}
.msp-why-item:first-child{padding-left:4px}.msp-why-item:last-child{border-right:0;padding-right:4px}
.msp-why-icon{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f7ead5;color:#a2611c;font-size:21px}
.msp-why-item strong,.msp-why-item small{display:block}.msp-why-item strong{font-size:15px;line-height:1.2;color:#182230}.msp-why-item small{margin-top:3px;color:#667085;font-size:12px;line-height:1.25}
.msp-quote{position:relative;overflow:hidden;margin-top:12px;background:linear-gradient(90deg,rgba(248,241,230,.96),rgba(255,255,255,.92));border-top:1px solid #efe6da;border-bottom:1px solid #efe6da}
.msp-quote:before{content:"";position:absolute;inset:0 49% 0 0;background:url('images/living-room.jpg') center/cover no-repeat;opacity:.24;pointer-events:none}
.msp-quote-inner{position:relative;z-index:1;min-height:188px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.msp-quote-copy{padding:28px 0}
.msp-quote-copy h2{margin:0 0 7px;font-size:clamp(26px,2.6vw,38px);line-height:1.12;letter-spacing:-.8px;color:#111827}
.msp-quote-copy p{margin:0 0 15px;color:#4b5563;font-size:14px}
.msp-quote-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:188px;padding:12px 20px;border-radius:12px;background:linear-gradient(90deg,#b66d20,#c98534);color:#fff!important;text-decoration:none;font-size:14px;font-weight:750;box-shadow:0 8px 18px rgba(169,99,27,.18)}
.msp-quote-button:hover{filter:brightness(1.04)}
.msp-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.msp-trust-item{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;border-left:1px solid #e7dcca;color:#9d5d17}
.msp-trust-item i{font-size:28px}.msp-trust-item span{font-size:12px;color:#334155}
@media (max-width:1020px){
  .msp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .msp-card-media{height:225px}
  .msp-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .msp-why-item{border-right:0;padding:5px 8px}
  .msp-quote-inner{grid-template-columns:1fr}
  .msp-quote:before{inset:0;opacity:.12}
  .msp-quote-copy{text-align:center;padding:26px 0 0}
  .msp-trust-grid{margin-bottom:24px}
  .msp-trust-item:first-child{border-left:0}
}
@media (max-width:640px){
  .msp-services{padding-top:22px}
  .msp-shell{width:min(92%,560px)}
  .msp-heading-line{width:34px}.msp-heading h2{margin:0 8px 6px;font-size:32px}.msp-heading p{font-size:14px;padding:0 12px}
  .msp-grid{grid-template-columns:1fr;gap:15px}
  .msp-card-media{height:220px}
  .msp-card-content{grid-template-columns:50px 1fr;padding:13px 14px 16px}
  .msp-card-copy p{min-height:0}
  .msp-why{padding:18px 14px}.msp-why-grid{grid-template-columns:1fr;gap:12px}.msp-why-item{padding:4px}
  .msp-trust-grid{grid-template-columns:1fr;gap:0}.msp-trust-item{min-height:66px;border-left:0;border-top:1px solid #e7dcca;flex-direction:row}.msp-trust-item:first-child{border-top:0}
}


/* Blue + Maroon override */
.msp-services{background:#fff;color:#162033}
.msp-heading-line{background:#7d2142}
.msp-heading h2,.msp-why h2,.msp-card-copy h3,.msp-quote-copy h2{color:#173f73}
.msp-card:hover{border-color:#c7d4e5;box-shadow:0 16px 30px rgba(23,63,115,.09)}
.msp-card-icon,.msp-why-icon{background:#edf3fb;color:#173f73;border-color:#d7e2f0}
.msp-learn-more{color:#7d2142!important}
.msp-quote{background:linear-gradient(90deg,#f6f8fc,#ffffff,#f6f8fc);border-top:1px solid #dfe7f0;border-bottom:1px solid #dfe7f0}
.msp-quote-button{background:linear-gradient(135deg,#7d2142,#651832)!important;box-shadow:0 8px 18px rgba(125,33,66,.18)}
.msp-trust-item{color:#173f73}