.page-about{background:#050705;color:#f2f4ef}
.page-about main{padding-top:90px;background:#050705}
.page-about .site-footer .footer-lead{display:none}
.page-about .breadcrumbs{max-width:none;margin:0;padding:19px max(28px,calc((100vw - 1320px)/2));background:#070907;border-bottom:1px solid #262b26;color:#939a91}
.page-about .breadcrumbs a{color:#f1f3ee}
.page-about main *{box-sizing:border-box}
.page-about main h1,.page-about main h2,.page-about main h3,.page-about main p{margin-top:0}
.page-about main a{text-decoration:none}
.about2-eyebrow{margin:0 0 14px;color:#a8ee25!important;font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.about2-hero,.about2-origin,.about2-spaces,.about2-expect,.about2-details,.about2-process,.about2-areas,.about2-cta{width:100%;max-width:1440px;margin:0 auto;border-left:1px solid #202520;border-right:1px solid #202520}
.about2-hero{display:grid;grid-template-columns:45.5% 54.5%;min-height:610px;border-bottom:1px solid #2b302b;background:#050705}
.about2-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(34px,5vw,78px)}
.about2-hero-copy h1{max-width:560px;margin:0 0 34px;color:#f5f6f1;font-size:clamp(3.5rem,5.8vw,5.6rem);font-weight:750;letter-spacing:-.058em;line-height:.96}
.about2-hero-copy h1 span{color:#a8ee25}
.about2-hero-copy p{max-width:530px;margin:0;color:#b4bab2;font-size:1.03rem;line-height:1.75}
.about2-hero-image{min-width:0;overflow:hidden}
.about2-hero-image img{width:100%;height:100%;min-height:610px;object-fit:cover;object-position:60% center;filter:saturate(.82) brightness(.86)}

.about2-origin{display:grid;grid-template-columns:45.5% 54.5%;min-height:650px;border-bottom:1px solid #252a25;background:#080a08}
.about2-origin-image{min-height:650px;overflow:hidden}
.about2-origin-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.72)}
.about2-origin-copy{display:flex;flex-direction:column;padding:62px clamp(34px,5vw,78px) 0}
.about2-origin-copy h2{margin:0 0 27px;color:#f4f5f1;font-size:clamp(2.35rem,3.6vw,4.15rem);font-weight:610;letter-spacing:-.048em;line-height:1.03}
.about2-origin-copy>p:not(.about2-eyebrow){max-width:680px;color:#b3b9b1;line-height:1.72}
.about2-origin-copy .about2-lead{color:#e0e3dc!important;font-size:1.03rem}
.about2-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;border-top:1px solid #292e29}
.about2-values article{min-height:205px;padding:28px 22px 30px 0}
.about2-values article+article{padding-left:24px;border-left:1px solid #292e29}
.about2-values i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border:2px solid #a8ee25;border-radius:50%;color:#a8ee25;font-size:1.05rem;font-style:normal}
.about2-values h3{margin:0 0 11px;color:#eef1eb;font-size:1rem}
.about2-values p{margin:0;color:#929990;font-size:.83rem;line-height:1.62}

.about2-spaces,.about2-details{padding:50px clamp(28px,4.6vw,70px) 64px;background:#070907;border-bottom:1px solid #252a25}
.about2-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:70px;align-items:end;margin-bottom:36px}
.about2-section-head h2{margin:0;color:#f1f3ee;font-size:clamp(2.2rem,3.3vw,3.75rem);font-weight:590;letter-spacing:-.045em;line-height:1.04}
.about2-section-head>p{max-width:600px;margin:0 0 3px;color:#aab1a8;line-height:1.7}
.about2-space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
.about2-space-grid article,.about2-detail-grid article{overflow:hidden;border:1px solid #2a302a;background:#0a0d0a}
.about2-space-grid img{display:block;width:100%;height:238px;object-fit:cover;filter:saturate(.78) brightness(.8)}
.about2-space-grid article:first-child img{object-position:left center}
.about2-space-grid article>div{padding:22px 24px 25px}
.about2-space-grid h3{margin:0 0 12px;color:#f1f3ee;font-size:1.55rem;letter-spacing:-.035em}
.about2-space-grid article>div>p:not(.about2-eyebrow){min-height:53px;margin:0 0 20px;color:#989f97;line-height:1.6}
.about2-space-grid a{display:flex;align-items:center;justify-content:space-between;color:#a8ee25;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.about2-space-grid a span{font-size:1.45rem}

.about2-expect{display:grid;grid-template-columns:minmax(0,41fr) minmax(0,59fr);gap:65px;padding:56px clamp(28px,4.6vw,70px);background:#080a08;border-bottom:1px solid #252a25}
.about2-expect h2{margin:0;color:#f2f4ef;font-size:clamp(2.35rem,3.6vw,4.1rem);font-weight:590;letter-spacing:-.05em;line-height:1.03}
.about2-expect-list{border-top:1px solid #2d322d}
.about2-expect-list article{display:grid;grid-template-columns:58px minmax(210px,.75fr) minmax(260px,1fr);gap:20px;align-items:center;min-height:91px;border-bottom:1px solid #2d322d}
.about2-expect-list i{color:#8d958b;font-size:.72rem;font-style:normal}
.about2-expect-list h3{margin:0;color:#edf0ea;font-size:1.13rem}
.about2-expect-list p{margin:0;color:#929a91;font-size:.9rem;line-height:1.55}

.about2-details{padding-top:50px}
.about2-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.about2-detail-grid img{display:block;width:100%;height:188px;object-fit:cover;filter:saturate(.78) brightness(.8)}
.about2-detail-grid article>div{min-height:167px;padding:21px 22px}
.about2-detail-grid h3{margin:0 0 11px;color:#f0f2ed;font-size:1.15rem}
.about2-detail-grid p{margin:0;color:#929a91;font-size:.86rem;line-height:1.6}

.about2-process{display:grid;grid-template-columns:25% 75%;gap:36px;padding:54px clamp(28px,4.6vw,70px);background:#080a08;border-bottom:1px solid #252a25}
.about2-process>div h2{margin:0;color:#f1f3ee;font-size:clamp(2.15rem,3vw,3.25rem);font-weight:590;letter-spacing:-.045em;line-height:1.03}
.about2-process ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;border-left:1px solid #293029}
.about2-process li{position:relative;min-height:230px;padding:0 22px;border-right:1px solid #293029}
.about2-process li:not(:last-child):after{content:"→";position:absolute;right:-10px;top:72px;z-index:2;color:#a8ee25;font-size:1.35rem;background:#080a08}
.about2-process span{display:block;margin-bottom:20px;color:#a8ee25;font-size:.74rem;font-weight:850;letter-spacing:.15em}
.about2-process i{display:block;margin-bottom:24px;color:#a8ee25;font-size:2.1rem;font-style:normal;line-height:1}
.about2-process h3{margin:0 0 12px;color:#eef1eb;font-size:1.1rem}
.about2-process p{margin:0;color:#8f978e;font-size:.82rem;line-height:1.58}

.about2-areas{display:grid;grid-template-columns:27% 45% 28%;gap:0;padding:43px clamp(28px,4.6vw,70px);background:#070907;border-bottom:1px solid #252a25}
.about2-areas>div:first-child{padding-right:38px}
.about2-areas h2{margin:0;color:#f1f3ee;font-size:clamp(2rem,2.8vw,3.15rem);font-weight:590;letter-spacing:-.045em;line-height:1.04}
.about2-area-links{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #2a302a}
.about2-area-links a{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:0 28px;border-right:1px solid #2a302a;color:#eef1eb;font-size:1rem}
.about2-area-links a:nth-last-child(n+3){border-bottom:1px solid #2a302a}
.about2-area-links span,.about2-areas aside a span{color:#a8ee25;font-size:1.25rem}
.about2-areas aside{margin-left:26px;padding:23px 25px;border:1px solid #2c322c}
.about2-areas aside strong{color:#eef1eb}
.about2-areas aside p{margin:8px 0 19px;color:#9ca39a;font-size:.86rem;line-height:1.55}
.about2-areas aside a{display:flex;justify-content:space-between;color:#a8ee25;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}

.about2-cta{display:grid;grid-template-columns:42% 58%;min-height:250px;background:linear-gradient(90deg,rgba(6,8,6,.96) 0%,rgba(6,8,6,.86) 48%,rgba(6,8,6,.72) 100%),url('/assets/wesslink-gauteng-service-areas-hero.webp') center/cover no-repeat}
.about2-cta>div{display:flex;flex-direction:column;justify-content:center;padding:43px clamp(28px,4.6vw,70px)}
.about2-cta>div+div{border-left:1px solid rgba(255,255,255,.11)}
.about2-cta h2{margin:0;color:#f3f5f0;font-size:clamp(2.15rem,3.2vw,3.65rem);font-weight:590;letter-spacing:-.05em;line-height:1.04}
.about2-cta p{max-width:580px;margin:0 0 25px;color:#c0c5bd;line-height:1.62}
.about2-cta>div+div>div{display:flex;gap:17px;flex-wrap:wrap}
.about2-cta-main,.about2-cta-call{display:flex;align-items:center;justify-content:center;min-height:53px;padding:0 25px;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.about2-cta-main{gap:34px;background:#a8ee25;color:#0a0d09}
.about2-cta-call{border:1px solid #9ca49a;color:#eef1eb}

@media(max-width:1050px){
  .about2-hero{grid-template-columns:48% 52%}
  .about2-origin{grid-template-columns:42% 58%}
  .about2-values{grid-template-columns:1fr}
  .about2-values article{min-height:0;padding:20px 0}
  .about2-values article+article{padding-left:0;border-left:0;border-top:1px solid #292e29}
  .about2-values i{float:left;margin:0 18px 10px 0}
  .about2-expect{grid-template-columns:1fr;gap:34px}
  .about2-detail-grid{grid-template-columns:1fr 1fr}
  .about2-process{grid-template-columns:1fr}
  .about2-areas{grid-template-columns:1fr 1fr}
  .about2-areas>div:first-child{grid-column:1/-1;margin-bottom:28px}
  .about2-areas aside{margin-left:20px}
}
@media(max-width:760px){
  .page-about main{padding-top:68px}
  .page-about .breadcrumbs{padding:14px 22px}
  .about2-hero{grid-template-columns:1fr;min-height:0}
  .about2-hero-copy{padding:54px 24px 45px}
  .about2-hero-copy h1{font-size:clamp(3rem,14vw,4.1rem)}
  .about2-hero-image{height:370px}
  .about2-hero-image img{min-height:370px}
  .about2-origin{grid-template-columns:1fr}
  .about2-origin-image{min-height:380px;height:380px}
  .about2-origin-copy{padding:44px 24px 0}
  .about2-values{margin-top:25px}
  .about2-section-head{grid-template-columns:1fr;gap:20px}
  .about2-spaces,.about2-details{padding:44px 22px 50px}
  .about2-space-grid{grid-template-columns:1fr}
  .about2-space-grid img{height:250px}
  .about2-expect{padding:44px 22px}
  .about2-expect-list article{grid-template-columns:42px 1fr;gap:12px;padding:18px 0}
  .about2-expect-list article p{grid-column:2}
  .about2-detail-grid{grid-template-columns:1fr}
  .about2-detail-grid img{height:230px}
  .about2-process{padding:44px 22px}
  .about2-process ol{grid-template-columns:1fr}
  .about2-process li{min-height:0;padding:22px 10px 25px 24px;border-bottom:1px solid #293029}
  .about2-process li:not(:last-child):after{content:"↓";left:0;right:auto;top:auto;bottom:-12px}
  .about2-process span,.about2-process i{margin-bottom:12px}
  .about2-areas{grid-template-columns:1fr;padding:42px 22px}
  .about2-area-links{grid-template-columns:1fr;margin:0 0 24px;border-top:1px solid #2a302a}
  .about2-area-links a{border-bottom:1px solid #2a302a!important}
  .about2-areas aside{margin-left:0}
  .about2-cta{grid-template-columns:1fr}
  .about2-cta>div{padding:40px 24px}
  .about2-cta>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.11)}
  .about2-cta>div+div>div{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.about2-space-grid a span,.about2-area-links span{transition:none}}