/* Home only: Connecto audiovisual positioning, 14 October 2026. */
.connecto-codera .co-hero-focus{background:#052a46;min-height:690px}
.connecto-codera .co-hero-focus::before{background:linear-gradient(90deg,rgba(2,29,47,.97),rgba(2,29,47,.87) 48%,rgba(2,29,47,.25))}
.connecto-codera .co-hero-focus .co-hero-content{padding-top:85px;padding-bottom:110px}
.connecto-codera .co-hero-focus h1{font-size:clamp(38px,4.1vw,60px);max-width:860px;line-height:1.12;letter-spacing:-2.5px;margin-bottom:24px}
.connecto-codera .co-hero-focus .co-hero-callout{font-size:23px;font-weight:600;line-height:1.45;color:#ffaf55;max-width:690px;margin-bottom:19px}
.connecto-codera .co-hero-focus .co-hero-content>p:not(.co-hero-callout){max-width:645px;font-size:16px}
.connecto-codera .co-specialist{border-bottom:1px solid #ffffff75;padding:12px 0;display:inline-flex;gap:14px;align-items:center}
.connecto-codera .co-led-showcase{background:#052a46;color:#fff;padding:70px 0}
.co-led-layout{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:65px}
.co-led-copy .co-eyebrow{color:#ffaf55;margin-bottom:18px}
.connecto-codera .co-led-copy h2{font-size:42px;line-height:1.2;letter-spacing:-1.6px;color:#fff;margin-bottom:24px}
.connecto-codera .co-led-copy p{color:#c3d5db;font-size:15px;margin-bottom:29px}
.co-led-copy .butn-style03{text-align:left;gap:18px}
.co-led-image{display:block;background:#fff;line-height:0}
.co-led-image img{display:block;width:100%;height:auto;object-fit:contain}
.connecto-codera .co-home-showcases{padding:75px 0 85px;background:#f4f7f6}
.co-home-showcase{background:#fff;display:flex;flex-direction:column;height:100%;border-bottom:3px solid #329b98}
.co-showcase-image{display:block;overflow:hidden}
.co-showcase-image img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .3s}
.co-showcase-image:hover img{transform:scale(1.03)}
.co-showcase-body{padding:29px;display:flex;flex-direction:column;flex:1}
.co-showcase-body .co-eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;color:#257e7b}
.connecto-codera .co-showcase-body h2{font-size:25px;line-height:1.3;letter-spacing:-.8px;margin-bottom:17px}
.connecto-codera .co-showcase-body p{font-size:14px;color:#637174;margin-bottom:25px}
.co-showcase-body .co-text-link{margin-top:auto;font-size:12px;gap:15px;line-height:1.6}
.co-home-showcase:nth-child(2){border-bottom-color:#ed8b23}
.co-client-logos{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e0e6e5}
.co-client-logo{display:flex;align-items:center;justify-content:center;min-height:210px;padding:40px;border-right:1px solid #e0e6e5}
.co-client-logo:last-child{border-right:0}
.co-client-logo img{display:block;object-fit:contain;width:auto;height:auto;max-width:230px;max-height:115px}
.co-client-logo:nth-child(2) img{max-height:130px}
@media(max-width:991px){.co-led-layout{gap:35px}.connecto-codera .co-led-copy h2{font-size:34px}.co-showcase-image img{height:auto;aspect-ratio:1.7}.co-client-logo{padding:28px}.co-client-logo img{max-width:100%}}
@media(max-width:767px){.connecto-codera .co-hero-focus{min-height:0}.connecto-codera .co-hero-focus .co-hero-content{padding-top:54px;padding-bottom:105px}.connecto-codera .co-hero-focus h1{font-size:36px;letter-spacing:-1.4px;line-height:1.15}.connecto-codera .co-hero-focus .co-hero-callout{font-size:19px;line-height:1.5}.connecto-codera .co-hero-focus .co-hero-content>p:not(.co-hero-callout){font-size:14px;line-height:1.8}.connecto-codera .co-specialist{font-size:12px;gap:12px}.connecto-codera .co-led-showcase{padding:55px 0}.co-led-layout{grid-template-columns:1fr;gap:35px}.connecto-codera .co-led-copy h2{font-size:32px;letter-spacing:-1px}.connecto-codera .co-led-copy p{font-size:14px}.co-led-copy .butn-style03{font-size:11px;padding:15px 18px;gap:10px}.connecto-codera .co-home-showcases{padding:50px 0 60px}.co-showcase-body{padding:25px}.connecto-codera .co-showcase-body h2{font-size:24px}.co-client-logos{grid-template-columns:1fr}.co-client-logo{min-height:165px;padding:32px;border-right:0;border-bottom:1px solid #e0e6e5}.co-client-logo:last-child{border-bottom:0}.co-client-logo img{max-width:210px;max-height:100px}.co-client-logo:nth-child(2) img{max-height:110px}}
