/* ABOUT V2 - isolated presentation */

.ab2,.ab2 *,.ab2 *:before,.ab2 *:after{box-sizing:border-box}
.ab2{--ink:#123d59;--navy:#0c2c45;--orange:#ff7045;--blue:#247eab;font-family:inherit;color:var(--ink);background:#f5f9fb;overflow:clip}
.ab2 a{text-decoration:none}
.ab2__wrap{max-width:1450px;width:100%;margin:0 auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}

.ab2__hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:#f1f7fa}
.ab2__hero-text{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:clamp(58px,7vw,115px) clamp(24px,5vw,85px) 42px;min-width:0}
.ab2__eyebrow,.ab2__kicker{font-size:11px;letter-spacing:.14em;line-height:1.5;font-weight:850;color:#287cab}
.ab2__eyebrow{display:flex;align-items:center;gap:11px}
.ab2__eyebrow span{width:29px;height:3px;background:var(--orange);flex:none}
.ab2__hero h1{margin:24px 0 22px;color:#103c5a;font-size:clamp(39px,4vw,70px);font-weight:900;letter-spacing:-.055em;line-height:1.05;text-wrap:balance}
.ab2__hero h1 span,.ab2__hero h1 em{display:block}
.ab2__hero h1 em{font-style:normal;color:var(--blue)}
.ab2__hero-text>p{font-size:clamp(15px,1.3vw,18px);line-height:1.78;max-width:560px;color:#607c90;margin:0}
.ab2__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:37px}
.ab2__btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:53px;padding:14px 21px;font-size:11px;font-weight:850;letter-spacing:.035em;line-height:1.5;text-align:center;transition:background .2s,transform .2s,border-color .2s}
.ab2__btn:hover{transform:translateY(-2px)}
.ab2__btn:focus-visible,.ab2__work-item:focus-visible{outline:3px solid #4eb8e8;outline-offset:3px}
.ab2__btn--orange{background:var(--orange);color:#fff;border:1px solid var(--orange)}
.ab2__btn--orange:hover{background:#ed562f;color:#fff}
.ab2__btn--border{background:transparent;color:#205b7e;border:1px solid #abc8d9}
.ab2__btn--border:hover{background:#e1f0f7;color:#103f60}
.ab2__tags{display:flex;flex-wrap:wrap;gap:12px 17px;margin-top:48px}
.ab2__tags span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:850;letter-spacing:.05em;color:#4c7290}
.ab2__tags span:before{content:'';width:5px;height:5px;background:var(--orange)}

.ab2__hero-art{min-width:0;min-height:620px;position:relative;overflow:hidden;background:linear-gradient(140deg,#bdd9ea,#ebf5f9 64%,#c7e1ed)}
.ab2__hero-art:before{content:'';position:absolute;inset:7%;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.ab2__truck{position:absolute;overflow:hidden;background:#e7f2f8;box-shadow:0 25px 55px rgba(14,56,80,.18);border:1px solid rgba(255,255,255,.75)}
.ab2__truck img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.ab2__truck--red{left:6%;top:9%;width:61%;height:75%;z-index:1}
.ab2__truck--white{right:5%;bottom:7%;width:40%;height:49%;z-index:2}
.ab2__hero-art-label{position:absolute;left:6%;bottom:22px;font-size:10px;font-weight:850;letter-spacing:.14em;color:#255e82}

.ab2__story{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(38px,6vw,100px);padding-top:105px;padding-bottom:110px}
.ab2__section-title h2,.ab2__section-header h2,.ab2__partner h2,.ab2__contact h2{font-size:clamp(34px,3.55vw,55px);font-weight:850;line-height:1.13;letter-spacing:-.052em;margin:17px 0 24px;color:#103c59;text-wrap:balance}
.ab2__section-title strong{display:block;font-size:12px;letter-spacing:.05em;color:#2482b2}
.ab2__story-body{padding-top:28px;border-top:3px solid var(--orange)}
.ab2__story-body p{margin:0 0 23px;font-size:clamp(15px,1.3vw,18px);line-height:1.85;color:#56758a}
.ab2__facts{display:flex;flex-direction:column;gap:14px;border-top:1px solid #d1e1ea;padding-top:23px}
.ab2__facts span{font-size:11px;font-weight:850;letter-spacing:.04em;color:#275b7a}
.ab2__facts i{color:var(--orange);margin-right:11px}

.ab2__work{padding:105px 0 115px;background:#e8f2f7}
.ab2__section-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:50px;align-items:end;margin-bottom:40px}
.ab2__section-header h2{margin-bottom:0}
.ab2__section-header>p{margin:0 0 5px;color:#5c7b90;line-height:1.8;font-size:15px}
.ab2__work-list{border-top:1px solid #c5dbe7}
.ab2__work-item{display:grid;grid-template-columns:37px 55px minmax(0,1fr) minmax(0,180px);align-items:center;gap:20px;padding:27px 12px;border-bottom:1px solid #c5dbe7;color:#103b56;transition:background .2s}
.ab2__work-item:hover{background:#f7fbfd}
.ab2__number{font-size:12px;font-weight:850;color:var(--orange)}
.ab2__work-icon{display:grid;place-items:center;width:52px;height:52px;background:#d5eaf5;color:var(--blue);font-size:20px}
.ab2__work-copy{display:flex;flex-direction:column;gap:8px}
.ab2__work-copy strong{font-size:clamp(18px,1.9vw,27px);line-height:1.3;letter-spacing:-.022em}
.ab2__work-copy small{font-size:13px;line-height:1.65;color:#617e90}
.ab2__work-action{font-size:10px;font-weight:850;color:#2177a6;letter-spacing:.05em;text-align:right}
.ab2__work-action i{margin-left:8px}

.ab2__partner{padding:100px 0;background:#0b2e47;color:#d7eaf3}
.ab2__partner-inner{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,6vw,100px);align-items:center}
.ab2__partner-symbol{display:flex;flex-direction:column;justify-content:center;gap:20px;min-height:240px;overflow:hidden}
.ab2__partner-symbol strong{font-size:clamp(66px,7vw,125px);line-height:1;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #6793b0}
.ab2__partner-symbol span{font-size:11px;color:#8ebfd7;letter-spacing:.19em;font-weight:850}
.ab2__partner .ab2__kicker,.ab2__contact .ab2__kicker{color:#86caeb}
.ab2__partner h2,.ab2__contact h2{color:#fff}
.ab2__partner-text p{font-size:clamp(16px,1.45vw,20px);line-height:1.78;color:#bdd7e6;margin:0 0 23px}
.ab2__partner-tag{font-size:10px;letter-spacing:.15em;font-weight:850;color:#8cbdd7}

.ab2__steps{padding-top:108px;padding-bottom:112px}
.ab2__steps-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.ab2__steps-list article{padding:31px 29px 37px;background:#fff;border-top:3px solid var(--orange);box-shadow:0 12px 35px rgba(26,65,84,.06);min-width:0}
.ab2__step-num{font-size:49px;font-weight:900;line-height:1;color:#bad7e7;letter-spacing:-.07em}
.ab2__steps-list h3{font-size:18px;line-height:1.32;color:#164766;margin:24px 0 11px}
.ab2__steps-list p{font-size:13px;line-height:1.75;color:#638198;margin:0}

.ab2__contact{background:#0a2a44;color:#fff;padding:101px 0 110px;scroll-margin-top:90px}
.ab2__contact-inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(35px,7vw,105px);align-items:center}
.ab2__contact h2{color:#fff}
.ab2__contact p{font-size:16px;line-height:1.8;color:#bed7e5;max-width:650px}
.ab2__address{display:flex;gap:12px;align-items:center;color:#91bed6;font-size:12px;margin-top:27px;line-height:1.6}
.ab2__address i{color:var(--orange)}
.ab2__contact-actions{max-width:390px;margin-left:auto;display:flex;flex-direction:column;gap:12px;width:100%}
.ab2__contact-actions .ab2__btn{width:100%;min-height:57px}
.ab2__contact-actions .ab2__btn--border{border:1px solid #7fa8bd;color:#fff}
.ab2__contact-actions small{text-align:center;color:#9bbdd2;font-size:12px;line-height:1.7;overflow-wrap:anywhere}

@media(max-width:1100px){
.ab2__hero-text{padding:70px 30px 40px}
.ab2__hero h1{font-size:clamp(38px,4.4vw,57px)}
.ab2__work-item{grid-template-columns:29px 45px minmax(0,1fr) 135px;gap:13px}
}
@media(max-width:820px){
.ab2__hero,.ab2__story,.ab2__section-header,.ab2__partner-inner,.ab2__contact-inner{grid-template-columns:1fr}
.ab2__hero-text{padding:65px 25px 45px}
.ab2__hero-art{min-height:440px}
.ab2__truck--red{height:86%}
.ab2__truck--white{height:52%}
.ab2__story,.ab2__steps{padding-top:80px;padding-bottom:85px}
.ab2__work,.ab2__partner,.ab2__contact{padding-top:76px;padding-bottom:82px}
.ab2__section-header{gap:18px;margin-bottom:28px}
.ab2__partner-symbol{min-height:110px}
.ab2__steps-list{grid-template-columns:1fr}
.ab2__contact-actions{margin-left:0}
}
@media(max-width:580px){
.ab2__hero-text{padding:48px 20px 37px}
.ab2__hero h1{font-size:clamp(34px,8.7vw,46px)}
.ab2__hero-text>p{font-size:14px}
.ab2__actions,.ab2__actions .ab2__btn{width:100%}
.ab2__tags{margin-top:28px}
.ab2__hero-art{min-height:320px}
.ab2__truck--red{left:4%;top:7%;width:66%;height:77%}
.ab2__truck--white{right:2%;bottom:8%;width:42%;height:50%}
.ab2__hero-art-label{bottom:10px;font-size:9px}
.ab2__section-title h2,.ab2__section-header h2,.ab2__partner h2,.ab2__contact h2{font-size:clamp(31px,8vw,43px)}
.ab2__work-item{grid-template-columns:22px 36px minmax(0,1fr);gap:9px;padding:20px 4px}
.ab2__work-icon{width:36px;height:38px;font-size:16px}
.ab2__work-copy strong{font-size:17px}
.ab2__work-action{grid-column:3;text-align:left}
.ab2__partner-symbol strong{font-size:70px}
.ab2__steps-list article{padding:24px}
}
@media(prefers-reduced-motion:reduce){
.ab2__btn,.ab2__work-item{transition:none}
}


/* ABOUT_V2_GANJA_LOGO_V1 */
.ab2__partner-symbol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    min-height: 240px;
    overflow: hidden;
}

.ab2__partner-symbol img {
    display: block;
    width: min(100%, 420px);
    max-width: 100%;
    height: auto;
}

.ab2__partner-symbol span {
    font-size: 11px;
    color: #8ebfd7;
    letter-spacing: .19em;
    font-weight: 850;
}

@media (max-width: 820px) {
    .ab2__partner-symbol {
        min-height: 120px;
    }

    .ab2__partner-symbol img {
        width: min(100%, 340px);
    }
}

@media (max-width: 580px) {
    .ab2__partner-symbol img {
        width: min(100%, 280px);
    }
}
