@media (max-width:1080px){
    .ctg-header__inner{
        grid-template-columns:auto 1fr auto;
    }

    .ctg-nav{
        display:none;
    }

    .ctg-header__actions{
        justify-self:end;
    }

    .ctg-menu-button{
        display:grid;
    }

    .ctg-hero{
        padding-top:34px;
    }

    .ctg-hero__grid{
        grid-template-columns:1fr 1fr;
        gap:30px;
        min-height:auto;
    }

    .ctg-hero__content{
        padding:48px 0 78px;
    }

    .ctg-hero h1{
        font-size:54px;
    }

    .ctg-hero__lead{
        font-size:16px;
    }

    .ctg-hero__visual{
        height:470px;
    }

    .ctg-capability{
        padding:18px;
    }
}

@media (max-width:760px){
    .ctg-container{
        width:min(100% - 28px, var(--ctg-container));
    }

    .ctg-header__inner{
        min-height:70px;
        gap:12px;
    }

    .ctg-brand{
        font-size:22px;
    }

    .ctg-header__actions > .ctg-btn{
        display:none;
    }

    .ctg-mobile-nav{
        inset:70px 0 auto;
    }

    .ctg-mobile-nav__actions{
        grid-template-columns:1fr;
    }

    .ctg-hero{
        padding:20px 0 0;
    }

    .ctg-hero__grid{
        display:flex;
        flex-direction:column;
        gap:22px;
    }

    .ctg-hero__content{
        width:100%;
        padding:34px 0 0;
    }

    .ctg-eyebrow{
        font-size:10px;
    }

    .ctg-hero h1{
        margin-top:17px;
        font-size:43px;
        line-height:1;
    }

    .ctg-hero__lead{
        max-width:none;
        font-size:15px;
        line-height:1.65;
    }

    .ctg-hero__actions{
        display:grid;
        grid-template-columns:1fr;
        margin-top:24px;
    }

    .ctg-btn--hero{
        width:100%;
    }

    .ctg-hero__micro{
        display:none;
    }

    .ctg-hero__visual{
        width:100%;
        height:310px;
        border-radius:19px;
        order:2;
    }

    .ctg-hero__visual img{
        object-position:58% center;
    }

    .ctg-hero__badge{
        left:13px;
        bottom:13px;
        min-width:0;
        padding:11px 13px;
    }

    .ctg-capabilities{
        margin-top:16px;
        grid-template-columns:1fr 1fr;
        border-radius:16px;
    }

    .ctg-capability{
        min-height:88px;
        padding:14px;
        border-right:0;
        border-bottom:1px solid #eceef1;
    }

    .ctg-capability:nth-child(odd){
        border-right:1px solid #eceef1;
    }

    .ctg-capability:nth-last-child(-n+2){
        border-bottom:0;
    }

    .ctg-capability__icon{
        width:38px;
        height:38px;
        flex-basis:38px;
        font-size:19px;
    }

    .ctg-capability strong{
        font-size:12px;
    }

    .ctg-capability small{
        font-size:10px;
    }

    .ctg-next-step{
        padding:75px 0;
    }

    .ctg-next-step h2{
        font-size:30px;
    }

    .ctg-footer{
        padding:34px 0;
    }

    .ctg-footer__inner{
        display:grid;
        gap:24px;
        align-items:start;
    }

    .ctg-brand--footer{
        font-size:28px;
    }
}


@media (max-width:1080px){
    .ctg-solutions__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:760px){
    .ctg-solutions{
        padding:76px 0 70px;
    }

    .ctg-section-head{
        margin-bottom:28px;
        text-align:left;
    }

    .ctg-section-head h2{
        font-size:36px;
    }

    .ctg-section-head p{
        margin-left:0;
        font-size:14px;
    }

    .ctg-solutions__grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .ctg-solution-card{
        display:grid;
        grid-template-columns:128px minmax(0,1fr);
        min-height:158px;
        border-radius:16px;
    }

    .ctg-solution-card__media{
        height:100%;
        min-height:158px;
    }

    .ctg-solution-card__body{
        min-height:0;
        padding:18px;
    }

    .ctg-solution-card__number{
        right:15px;
        top:16px;
        font-size:9px;
    }

    .ctg-solution-card h3{
        max-width:80%;
        font-size:18px;
    }

    .ctg-solution-card strong{
        margin-top:5px;
        font-size:10px;
    }

    .ctg-solution-card p{
        display:none;
    }

    .ctg-solution-card a{
        margin-top:auto;
        padding-top:14px;
        font-size:11px;
    }

    .ctg-solutions__footer{
        margin-top:17px;
        align-items:stretch;
        flex-direction:column;
    }

    .ctg-solutions__footer .ctg-btn{
        width:100%;
    }
}


@media (max-width:1080px){
    .ctg-operation__grid,
    .ctg-technology__grid{
        gap:36px;
    }

    .ctg-operation__visual{
        height:440px;
    }
}

@media (max-width:760px){
    .ctg-operation,
    .ctg-technology{
        padding:74px 0;
    }

    .ctg-operation__grid,
    .ctg-technology__grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .ctg-operation__copy h2,
    .ctg-technology__copy h2{
        font-size:37px;
    }

    .ctg-operation__points{
        grid-template-columns:1fr;
        gap:17px;
    }

    .ctg-operation__visual{
        height:310px;
        border-radius:18px;
    }

    .ctg-process{
        overflow-x:auto;
        grid-template-columns:repeat(9,max-content);
        gap:10px;
        padding:16px;
        scrollbar-width:none;
    }

    .ctg-process::-webkit-scrollbar{
        display:none;
    }

    .ctg-process > i{
        width:28px;
    }

    .ctg-technology__copy{
        order:1;
    }

    .ctg-tech-ui{
        order:2;
        border-radius:17px;
    }

    .ctg-tech-ui__body{
        min-height:330px;
        grid-template-columns:48px 1fr;
    }

    .ctg-tech-ui__side{
        padding:19px 11px;
    }

    .ctg-tech-ui__content{
        padding:18px;
    }

    .ctg-tech-ui__heading strong{
        font-size:17px;
    }

    .ctg-tech-ui__stats{
        grid-template-columns:1fr 1fr;
    }

    .ctg-tech-ui__stats > div:last-child{
        display:none;
    }

    .ctg-tech-map{
        height:150px;
    }

    .ctg-tech-ui__actions{
        grid-template-columns:1fr;
    }

    .ctg-tech-ui__actions span:nth-child(n+2){
        display:none;
    }
}


@media (max-width:1080px){
    .ctg-company__grid{
        gap:36px;
    }

    .ctg-quote__grid{
        grid-template-columns:.8fr 1.2fr;
    }

    .ctg-quote__visual{
        min-height:620px;
    }
}

@media (max-width:760px){
    .ctg-company,
    .ctg-quote{
        padding:74px 0;
    }

    .ctg-company__grid,
    .ctg-quote__grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .ctg-company__copy h2,
    .ctg-quote__form-wrap h2{
        font-size:37px;
    }

    .ctg-company__values{
        grid-template-columns:1fr;
    }

    .ctg-company__values > div{
        min-height:0;
    }

    .ctg-group-card{
        border-radius:18px;
    }

    .ctg-group-card__head{
        padding:26px 24px 22px;
    }

    .ctg-group-card__head strong{
        font-size:32px;
    }

    .ctg-group-card__companies{
        grid-template-columns:1fr;
    }

    .ctg-group-card__companies span{
        min-height:58px;
        padding:0 22px;
    }

    .ctg-group-card__foot{
        flex-wrap:wrap;
    }

    .ctg-quote__visual{
        min-height:390px;
        border-radius:18px;
    }

    .ctg-quote__visual-panel{
        left:14px;
        right:14px;
        bottom:14px;
        padding:18px;
        border-radius:14px;
    }

    .ctg-quote__visual-panel strong{
        font-size:21px;
    }

    .ctg-quote__visual-panel ul{
        grid-template-columns:1fr;
    }

    .ctg-quote__form-wrap{
        padding:24px 18px;
        border-radius:18px;
    }

    .ctg-quote-form{
        grid-template-columns:1fr;
    }

    .ctg-field--full{
        grid-column:auto;
    }
}

@media(max-width:760px){
 .ctg-contact{padding:72px 0}
 .ctg-contact__grid{grid-template-columns:1fr}
 .ctg-contact__copy h2{font-size:37px}
 .ctg-contact__items{grid-template-columns:1fr}
 .ctg-contact__cta{padding:28px 22px;border-radius:18px}
 .ctg-contact__cta strong{font-size:30px}
 .ctg-footer{padding-top:48px}
 .ctg-footer__top{grid-template-columns:1fr 1fr;gap:34px 20px}
 .ctg-footer__brand{grid-column:1/-1}
 .ctg-footer__bottom{flex-direction:column}
 .ctg-float{right:14px;bottom:14px}
 .ctg-float a{width:46px;height:46px;border-radius:14px}
}