/* About page (builds on petroleum.css) */
.pet-page .sh>div{max-width:680px}
.pet-page .sh .eb{margin:0 0 14px;max-width:none;font-size:12px;line-height:normal;letter-spacing:2px;color:#CE1126}
.pet-hero.ab-hero{background:url(/assets/about-hero-v2.jpg) 70% 85%/cover no-repeat,#0B2545}
@media (orientation:portrait) and (max-width:1024px){
  .pet-hero.ab-hero{background:linear-gradient(180deg,rgba(11,37,69,0) 0%,rgba(11,37,69,0) 62%,rgba(11,37,69,.92) 88%,#0B2545 100%) top center/100% calc((100vw - 24px) * 1.25) no-repeat,url(/assets/about-hero-portrait-v2.jpg) top center/100% auto no-repeat,#0B2545}
}
@media (orientation:landscape) and (max-height:500px) and (max-width:950px){.pet-hero.ab-hero{background-position:85% center}}

.ab-lead{max-width:980px}
.ab-big{margin:0;font-family:Archivo,sans-serif;font-weight:500;font-size:30px;line-height:1.4;letter-spacing:-.3px;color:#0B2545}
.ab-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:rgba(206,17,38,.08)}
.ab-how,.ab-routes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ab-routes{grid-template-columns:repeat(3,minmax(0,1fr))}
.ab-how li,.ab-routes li{background:#F6F5F3;border:1px solid #DCDDDF;border-radius:16px;padding:28px}
.ab-how h3,.ab-routes h3{margin:20px 0 8px;font-size:18px;font-weight:600}
.ab-how p,.ab-routes p{margin:0;font-size:15px;line-height:1.6;color:#3D4B5F}
.ab-note{margin:16px 0 0;font-size:14px;color:#4E5B6E}

.ab-navy{background:#0B2545;border-radius:20px;display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:48px;align-items:center;padding:48px 56px 48px 32px}
.ab-navy .sec-h{color:#fff}
.ab-navy-m{display:flex;justify-content:center}
.iq-line{display:block;width:100%;height:auto;max-width:600px}
.ab-navy-p{margin:18px 0 0;font-size:16px;line-height:1.6;color:#C9D2DE}
.ab-nl{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}
.ab-nl li{padding:14px 0;border-top:1px solid rgba(255,255,255,.16);font-size:14px;line-height:1.55;color:#AEB9C9}
.ab-nl b{display:block;color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}

.ab-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.ab-list{list-style:none;margin:0;padding:0}
.ab-list li{position:relative;padding:14px 0 14px 22px;border-bottom:1px solid #C3C9D2;font-size:16px;line-height:1.6;color:#3D4B5F}
.ab-list li:last-child{border-bottom:0}
.ab-list li::before{content:"";position:absolute;left:0;top:23px;width:8px;height:8px;border-radius:2px;background:#CE1126}
.ab-exp{margin:0;font-size:17px;line-height:1.7;color:#3D4B5F}

@media (max-width:1100px){
  .ab-how{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-navy{grid-template-columns:minmax(0,1fr);padding:40px;gap:32px}
  .ab-big{font-size:26px}
}
@media (max-width:900px){
  .ab-routes,.ab-two{grid-template-columns:minmax(0,1fr)}
  .ab-two{gap:32px}
}
@media (max-width:600px){
  .ab-how{grid-template-columns:minmax(0,1fr)}
  .ab-how li,.ab-routes li{padding:24px}
  .ab-big{font-size:21px;line-height:1.5}
  .ab-navy{padding:28px 20px}
  .ab-nl{grid-template-columns:minmax(0,1fr)}
  .ab-navy-m{margin:0 -8px}
  .iq-line text{font-size:23px}
  .iq-line text.rl{font-size:20px}
  .iq-line text.ob{display:none}
}

/* three How We Work cards */
@media (min-width:901px){.ab-how{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:601px) and (max-width:900px){.ab-how{grid-template-columns:minmax(0,1fr)}}