.mog-about-main{background:#fff;color:#101312}.mog-about-hero{min-height:530px;background:linear-gradient(90deg,rgba(9,19,16,.87) 0%,rgba(9,19,16,.68) 42%,rgba(9,19,16,.05) 80%),url('assets/about-hero-unbranded.webp') center center/cover;display:flex;align-items:center;color:#fff}.mog-about-hero-inner{padding:100px 0 82px}.mog-about-kicker{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:14px}.mog-about-kicker:before{content:'';display:inline-block;width:28px;height:3px;background:#b8d56a;margin:0 12px 4px 0}.mog-about-hero h1{font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px;font-weight:850;max-width:850px}.mog-about-hero h1 span{color:#b8d56a}.mog-about-hero p{max-width:560px;font-size:18px;line-height:1.65;color:#f5f5f2}.mog-about-section{padding:65px 0}.mog-about-split{display:grid;grid-template-columns:1fr 1.07fr;gap:6%;align-items:center}.mog-about-split>img{width:100%;height:365px;object-fit:cover;border-radius:5px}.mog-about-copy h2,.mog-about-values h2,.mog-about-businesses h2{font-size:clamp(31px,3.2vw,48px);font-weight:850;letter-spacing:-.035em;line-height:1.1;margin:0 0 22px;color:#121714}.mog-about-main em{font-style:normal;color:#294d3f}.mog-about-copy p{font-size:16px;line-height:1.72;color:#49564f;max-width:550px;margin:0 0 16px}.mog-about-values{background:#f2f0e9;padding:55px 0}.mog-about-values-grid{display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:12px;align-items:start}.mog-about-values-grid article{text-align:center;padding:8px 14px 0;border-left:1px solid #d9ddd4;min-height:165px}.mog-about-values-grid h3{font-size:13px;font-weight:800;margin:12px 0}.mog-about-values-grid p{font-size:13px;line-height:1.55;color:#576159}.mog-about-icon{width:54px;height:54px;border-radius:50%;background:#e1ecc5;color:#294d3f;font-size:29px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.mog-about-businesses{background:#f6f6f3;padding:66px 0 76px}.mog-about-businesses h2{margin-bottom:8px}.mog-about-intro{color:#526056;margin-bottom:28px}.mog-about-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mog-about-business-card{display:block;text-decoration:none;color:#101312;background:white;border-radius:8px;overflow:hidden;box-shadow:0 5px 22px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s}.mog-about-business-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px rgba(0,0,0,.12)}.mog-about-business-card>img{width:100%;height:205px;object-fit:cover;display:block}.mog-about-card-content{padding:22px 24px 25px}.mog-about-card-content h3{font-size:21px;font-weight:850;margin:0 0 10px}.mog-about-card-content h3 span{display:block}.mog-about-card-content .pristinia{color:#087fe1}.mog-about-card-content .canopyx{color:#318039}.mog-about-card-content .construction{color:#b56536}.mog-about-card-content p{font-size:14px;line-height:1.55;min-height:45px;margin:0 0 16px;color:#5b655e}.mog-about-card-content strong{color:#294d3f;font-size:14px}.mog-about-cta{text-align:center;color:#fff;padding:75px 0 85px;background:linear-gradient(rgba(8,24,18,.83),rgba(8,24,18,.83)),url('assets/about-landscaping-unbranded.webp') center/cover}.mog-about-cta h2{font-size:clamp(27px,3.3vw,46px);color:white;margin:10px 0 26px}.mog-about-button{display:inline-block;padding:15px 42px;background:#b8d56a;border-radius:99px;text-decoration:none;color:#101312;font-weight:800}.mog-about-button:hover{background:#cbe985}@media(max-width:900px){.mog-about-values-grid{grid-template-columns:repeat(2,1fr)}.mog-about-values-heading{grid-column:1/-1}.mog-about-split{gap:28px}.mog-about-cards{gap:10px}.mog-about-card-content{padding:18px}}@media(max-width:650px){.mog-about-hero{min-height:530px;background-position:64% center;background-image:linear-gradient(90deg,rgba(9,19,16,.87),rgba(9,19,16,.48)),url('assets/about-hero-unbranded.webp')}.mog-about-hero-inner{padding:80px 0}.mog-about-hero p{font-size:16px}.mog-about-section{padding:46px 0}.mog-about-split{grid-template-columns:1fr}.mog-about-split>img{height:240px}.mog-about-values-grid{gap:15px}.mog-about-values-grid article{border-left:0;border-top:1px solid #d9ddd4;padding:20px 6px 0}.mog-about-cards{grid-template-columns:1fr}.mog-about-business-card>img{height:220px}.mog-about-card-content p{min-height:0}.mog-about-businesses{padding:48px 0}.mog-about-cta{padding:65px 0}}

/* Keep both BEFORE and AFTER halves fully visible at all viewport sizes. */
.mog-about-split > img.mog-about-before-after {
  display:block; width:100%; height:auto; max-height:none; aspect-ratio:3/2;
  object-fit:contain; object-position:center; border-radius:8px;
}
.mog-about-split > .mog-about-copy {min-width:0;}
@media (max-width:650px) {
 .mog-about-split > img.mog-about-before-after {height:auto; max-height:none;}
}