.about-page{background:#fff}.about-page .container{max-width:1240px}.about-banner{height:400px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(4,31,43,.92),rgba(4,31,43,.66)),url('assets/values.png') center 42%/cover no-repeat;border-bottom:30px solid var(--red)}.about-banner h1{font-size:64px;font-weight:700;letter-spacing:-2px;margin:22px 0 0}.about-breadcrumb{display:flex;gap:24px;align-items:center}.about-breadcrumb a{color:#c5d0d5;text-decoration:none}.about-breadcrumb span{color:var(--red)}.about-breadcrumb strong{color:#fff}.page-eyebrow,.about-section-heading small{color:var(--red);font-size:10px;font-weight:700;letter-spacing:.08em}.about-intro{padding:80px 0;background:#fff}.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.about-intro-photo{height:520px;position:relative;background:url('assets/hero-2.png') center/cover no-repeat;box-shadow:0 18px 45px rgba(8,45,61,.09)}.about-play{position:absolute;bottom:0;left:0;width:220px;height:95px;border:0;background:var(--red);color:#fff;display:grid;grid-template-columns:48px 1fr;align-content:center;padding:18px 22px;text-align:left}.about-play span{grid-row:1/3;width:38px;height:38px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center}.about-play small{font-size:9px}.about-play strong{font-size:11px}.about-intro-copy h2,.about-story h2,.about-section-heading h2,.about-cta h2{font-size:42px;line-height:1.12;font-weight:700;letter-spacing:-1px}.about-intro-copy h2{margin:16px 0 24px}.about-intro-copy p{color:#53676f;line-height:1.8;margin-bottom:30px}.about-progress{margin:19px 0}.about-progress div{display:flex;justify-content:space-between;font-size:11px}.about-progress div strong{color:var(--red)}.about-progress>span{display:block;height:4px;margin-top:10px;background:#e4e9eb;border-radius:3px;overflow:hidden}.about-progress i{display:block;height:100%;background:var(--red)}.about-text-link{display:inline-block;margin-top:24px;color:var(--navy);text-transform:uppercase;font-size:10px;font-weight:800;text-underline-offset:8px}.about-story{padding:0 0 75px;background:linear-gradient(90deg,#f5f6f6 24%,var(--navy) 24%);color:#fff}.about-story .container{padding-top:55px}.story-copy{max-width:900px;margin-left:24%;padding:0 45px 48px}.story-copy small{color:#aebfc6}.story-copy h2{margin:20px 0 26px}.story-copy p{color:#c6d3d8;line-height:1.8}.timeline{display:grid;grid-template-columns:repeat(4,1fr);background:#f6f7f7;color:var(--navy);padding:45px 40px;gap:35px}.timeline article{position:relative}.timeline article:not(:last-child):after{content:"";position:absolute;right:-18px;top:40px;width:70px;height:1px;background:#ccd3d6}.timeline strong{display:block;color:var(--red);font-size:38px}.timeline b{display:block;margin-top:10px;font-size:13px;line-height:1.5}.about-team{padding:80px 0 90px}.about-section-heading{display:flex;justify-content:space-between;align-items:end}.about-section-heading h2{margin:16px 0 0}.about-arrows{display:flex;gap:10px}.about-arrows button{width:48px;height:48px;background:#fff;border:1px solid #718088;color:var(--navy);font-size:25px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:42px}.team-card{position:relative;background:#f3f4f4}.team-photo{height:470px;background-position:center top;background-size:cover}.team-one{background-image:url('assets/about/team-1.png')}.team-two{background-image:url('assets/about/team-2.png')}.team-three{background-image:url('assets/about/team-3.png')}.team-meta{position:absolute;left:0;right:65px;bottom:0;padding:20px 28px;background:var(--navy);color:#fff}.team-meta:after{content:"";position:absolute;right:-18px;top:-18px;width:32px;height:32px;background:var(--red)}.team-meta strong,.team-meta span{display:block}.team-meta span{margin-top:7px;color:#adbec5}.about-awards{padding:75px 0;background:#f7f7f7;border-top:30px solid var(--navy)}.award-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:45px}.award-grid article{height:290px;padding:28px;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.award-grid .award-red{background:var(--red)}.award-grid small{color:#c1d0d5}.award-grid h3{text-align:right;font-size:24px;line-height:1.25;font-weight:700}.award-logos{display:flex;justify-content:space-between;margin-top:70px;color:#aeb6b9;font-size:12px}.about-cta{padding:55px 0;background:var(--navy);color:#fff;border-top:30px solid var(--red)}.about-cta .container{display:flex;align-items:center;justify-content:space-between;gap:70px}.about-cta form{display:flex;flex:1;max-width:620px;gap:28px}.about-cta input{flex:1;border:0;border-bottom:1px solid #66808b;background:transparent;color:#fff;padding:14px;outline:0}.about-cta button{border:0;background:var(--red);color:#fff;padding:0 42px;font-size:11px;font-weight:700}
@media(max-width:991px){.about-banner{height:330px}.about-banner h1{font-size:52px}.about-intro-grid{grid-template-columns:1fr;gap:55px}.about-intro-photo{max-width:720px}.about-story{background:var(--navy)}.story-copy{margin-left:0;padding:0 0 45px}.timeline{grid-template-columns:repeat(2,1fr)}.timeline article:after{display:none}.team-grid{gap:18px}.team-photo{height:400px}.award-grid{grid-template-columns:repeat(2,1fr)}.about-cta .container{align-items:flex-start;flex-direction:column}.about-cta form{width:100%;max-width:none}}
@media(max-width:767px){.about-banner{height:280px;border-bottom-width:20px}.about-banner h1{font-size:42px}.about-intro{padding:55px 0}.about-intro-photo{height:390px}.about-intro-copy h2,.about-story h2,.about-section-heading h2,.about-cta h2{font-size:32px}.about-story{padding-bottom:50px}.about-story .container{padding-top:45px}.timeline{grid-template-columns:1fr;padding:30px 25px;gap:28px}.timeline strong{font-size:31px}.about-team{padding:60px 0}.about-section-heading{align-items:flex-start;gap:25px}.team-grid{grid-template-columns:1fr;gap:25px}.team-photo{height:460px}.award-grid{grid-template-columns:1fr;gap:18px}.award-grid article{height:230px}.award-logos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.about-cta{border-top-width:20px}.about-cta form{flex-direction:column}.about-cta button{align-self:flex-start;min-height:46px}.about-arrows button{width:42px;height:42px}}
@media(max-width:420px){.about-banner h1{font-size:36px}.about-intro-photo{height:320px}.about-play{width:190px;height:82px}.about-section-heading{display:block}.about-arrows{margin-top:24px}.team-photo{height:390px}.award-logos{grid-template-columns:1fr}}
.profile-pillars{padding:85px 0;background:#f5f6f6}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.pillar-grid article{padding:38px;background:#fff;border-top:4px solid var(--red)}.pillar-grid .pillar-featured{background:var(--navy);color:#fff}.pillar-grid span{color:var(--red);font-size:12px;font-weight:800}.pillar-grid h3{margin:22px 0 18px;font-size:25px}.pillar-grid p{color:#60727a;line-height:1.75}.pillar-grid .pillar-featured p{color:#bfd0d6}.profile-standards{padding:85px 0;background:var(--navy);color:#fff}.standards-intro{max-width:760px}.standards-intro small,.profile-commitment small{color:var(--red);font-size:10px;font-weight:700;letter-spacing:.08em}.standards-intro h2{margin:16px 0 22px;font-size:42px;line-height:1.12}.standards-intro p{color:#bfd0d6;line-height:1.8}.standards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px}.standards-grid article{padding:30px;border:1px solid #365461}.standards-grid h3{font-size:20px}.standards-grid p{margin:16px 0 0;color:#afc2ca;line-height:1.75}.core-values{margin-top:55px;padding-top:40px;border-top:1px solid #365461}.core-values h3{font-size:22px}.core-values div{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.core-values span{padding:10px 18px;background:#173c4b;color:#d8e2e6;font-size:12px}.profile-commitment{margin-top:55px;padding:38px;background:var(--red)}.profile-commitment p{max-width:900px;margin:14px 0 20px;font-size:27px;line-height:1.35;font-weight:700}.profile-commitment strong{font-size:11px;letter-spacing:.04em}.profile-commitment small{color:#fff}
@media(max-width:991px){.pillar-grid,.standards-grid{grid-template-columns:1fr}.pillar-grid{gap:18px}.standards-grid{gap:18px}}
@media(max-width:767px){.profile-pillars,.profile-standards{padding:60px 0}.standards-intro h2{font-size:32px}.pillar-grid article,.profile-commitment{padding:28px}.profile-commitment p{font-size:22px}}
.about-intro-photo{background-image:url('assets/cablecon-african-engineering-team.webp')}.profile-pillars{background:linear-gradient(rgba(245,246,246,.9),rgba(245,246,246,.96)),url('assets/cablecon-industrial-tools-supplies.webp') center/cover no-repeat}