﻿:root{--green:#009d56;--muted:#707070;--surface:#efefef}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111}a{text-decoration:none;color:inherit}.about-hero{min-height:250px;margin:32px;padding:31px 32px 0;border-radius:45px;color:#fff;overflow:hidden;background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),url("assets/about/about-hero.png") center/cover}.site-header,.brand,.main-nav,.header-actions,.site-footer,.what-grid,.about-form{display:flex}.site-header{align-items:center;justify-content:space-between;gap:24px}.brand{align-items:center;gap:9px;min-width:207px;font-size:11px;font-weight:700;line-height:1.12}.brand-mark{position:relative;display:grid;width:48px;height:48px;place-items:center}.brand-mark::before{position:absolute;inset:0;background:url("assets/icons/Group 50.svg") center/contain no-repeat;content:""}.brand-mark img{position:relative;width:42px;height:42px;object-fit:contain}.main-nav{align-items:center;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.88);color:#222;font-size:13px}.main-nav a{padding:0 15px;border-right:1px solid #777}.main-nav a:last-child{border:0}.main-nav .active{font-weight:700}.header-actions{align-items:center;gap:14px}.round-button{display:grid;width:45px;height:45px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.88)}.round-button img{width:24px;height:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:43px;padding:0 17px;border:0;border-radius:999px;color:#fff;font-size:13px;font-weight:700}.button--green{background:var(--green)}.button-icon{width:16px;height:16px;filter:invert(1)}.about-hero h1{margin:49px 0 0;text-align:center;font-size:clamp(48px,6vw,70px)}.about-content{width:min(calc(100% - 64px),1100px);margin:68px auto 85px}.about-section{margin-bottom:74px;text-align:center}.about-section h2{margin:0 0 38px;font-size:46px;line-height:1.1}.who-list{width:min(100%,760px);margin:auto;text-align:left}.who-list p{display:flex;align-items:center;gap:30px;margin:0 0 29px;color:var(--muted);font-size:17px;line-height:1.3}.who-list img{width:48px;height:48px;flex:none;object-fit:contain;border-radius:9px;background:#000}.what-grid{justify-content:space-between;gap:35px}.what-grid article{flex:1}.what-grid h3{margin:0 0 19px;font-size:22px;line-height:1.05}.what-grid p,.why p,.build p{margin:0;color:var(--muted);font-size:16px;line-height:1.35}.why p{max-width:1000px;margin:auto}.build{margin-bottom:0}.build h2{margin-bottom:19px}.about-form{width:min(100%,486px);flex-direction:column;align-items:center;gap:24px;margin:31px auto 0}.about-form input{width:100%;height:45px;padding:0 20px;border:1px solid #777;border-radius:999px;font:inherit;font-size:12px}.site-footer{width:calc(100% - 64px);max-width:1216px;justify-content:space-between;gap:40px;margin:0 auto 32px;padding:42px 50px;border-radius:42px;background:var(--surface)}.footer-brand{display:flex;align-items:flex-start;gap:11px;font-size:17px;line-height:1.06}.footer-brand img{width:60px;height:60px}.footer-block{display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-block h2{margin:0 0 -5px;font-size:17px}.footer-block p,.footer-block a{margin:0;color:#555;line-height:1.28}.social>div{display:flex;gap:12px}.social img{width:20px;height:20px}.contact-modal{position:fixed;z-index:20;inset:0;display:none;align-items:flex-start;justify-content:center;padding-top:140px}.contact-modal.is-open{display:flex}.contact-modal-backdrop{position:absolute;inset:0;background:rgba(150,150,150,.48)}.contact-dialog{position:relative;z-index:1;width:min(486px,calc(100% - 32px));padding:24px 28px 28px;border-radius:38px;background:#fff}.contact-dialog h2{margin:0 0 24px;font-size:22px}.contact-close{position:absolute;top:21px;right:22px;border:0;background:transparent;font-size:29px}.modal-form{display:flex;flex-direction:column;gap:13px}.modal-form input,.modal-form textarea{width:100%;padding:12px 18px;border:1px solid #999;border-radius:999px;font:inherit;font-size:11px}.modal-form textarea{min-height:120px;border-radius:18px}@media(max-width:850px){.about-hero{margin:16px;padding:25px;border-radius:30px}.main-nav{display:none}.what-grid{flex-wrap:wrap}.what-grid article{flex-basis:calc(50% - 18px)}.site-footer{flex-wrap:wrap}}@media(max-width:590px){.about-hero{margin:12px;padding:20px}.about-hero h1{margin-top:85px;font-size:50px}.about-content{width:calc(100% - 36px);margin-top:48px}.about-section h2{font-size:34px}.who-list p{gap:16px;font-size:14px}.what-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 16px}.what-grid h3{font-size:18px}.what-grid p,.why p,.build p{font-size:14px}.site-footer{width:calc(100% - 24px);flex-direction:column;margin-bottom:12px;padding:34px 28px;border-radius:30px}}

/* Group 50 logo backdrop */
.brand img{width:48px;height:48px;padding:3px;object-fit:contain;background:url("assets/icons/Group 50.svg") center/48px 48px no-repeat;}



.about-service-icon{display:block;width:70px;height:70px;margin:0 auto 18px;object-fit:contain}
.about-service-icon{display:none}
.who-list img{background:transparent}

/* v5.7: preserve the reference copy in two balanced desktop lines. */
@media (min-width: 851px){
  .about-section.build p{
    max-width: 1150px;
    margin-inline:auto;
    text-align:center;
  }
  .about-section.build p span{
    display:block;
  }
  .about-section.build p span:first-child{
    text-align:center;
  }
}
