/* CF Transport — the about page only. A quiet page: a driver comes here to
   check whether the carrier is real, not to be sold to. */

body{background:#05070a;}

.about-bar{display:flex;align-items:center;justify-content:space-between;
           padding:1.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);}
@media (min-width:640px){.about-bar{padding:1.5rem 2rem;}}
@media (min-width:1024px){.about-bar{padding:1.5rem 3rem;}}
.about-brand .logo{height:1.75rem;}
@media (min-width:640px){.about-brand .logo{height:2rem;}}
.about-back{display:inline-flex;align-items:center;gap:.5rem;
            border-radius:999px;border:1px solid rgba(255,255,255,.15);
            padding:.5rem 1rem;font-size:.75rem;color:rgba(255,255,255,.7);
            text-decoration:none;transition:border-color .2s,color .2s;}
.about-back:hover{border-color:rgba(255,255,255,.35);color:#fff;}
.about-back svg{width:.875rem;height:.875rem;}

main{max-width:64rem;margin:0 auto;padding:3rem 1.25rem 4rem;}
@media (min-width:640px){main{padding:4rem 2rem 5rem;}}
@media (min-width:1024px){main{padding:5rem 3rem 6rem;}}

.about-eyebrow{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.22em;
               text-transform:uppercase;color:#a0dcff;}
.about-title{margin:1rem 0 0;font-size:1.875rem;font-weight:600;line-height:1.1;
             letter-spacing:-.03em;color:#fff;max-width:20ch;}
@media (min-width:640px){.about-title{font-size:2.75rem;}}
@media (min-width:1024px){.about-title{font-size:3.25rem;}}
.about-lede{margin:1.5rem 0 0;max-width:44ch;font-size:.9375rem;line-height:1.7;
            color:rgba(255,255,255,.6);}
@media (min-width:640px){.about-lede{font-size:1rem;}}

.about-figures{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem 1rem;
               margin-top:3.5rem;padding:1.75rem 0;
               border-top:1px solid rgba(255,255,255,.1);
               border-bottom:1px solid rgba(255,255,255,.1);}
@media (min-width:768px){.about-figures{grid-template-columns:repeat(4,1fr);}}
.about-figures b{display:block;font-size:2.25rem;font-weight:600;letter-spacing:-.035em;
                 line-height:1;color:#fff;}
@media (min-width:640px){.about-figures b{font-size:2.75rem;}}
.about-figures span{display:block;margin-top:.6rem;font-size:.625rem;font-weight:500;
                    letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);}

.about-grid{display:grid;gap:1rem;margin-top:3rem;}
@media (min-width:768px){.about-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;}}
.about-card{border-radius:20px;border:1px solid rgba(255,255,255,.1);
            background:rgba(255,255,255,.03);padding:1.5rem;}
@media (min-width:640px){.about-card{padding:1.85rem;}}
.about-card h2{margin:0 0 .85rem;font-size:.6875rem;font-weight:600;letter-spacing:.18em;
               text-transform:uppercase;color:#a0dcff;}
.about-card p{margin:0;font-size:.875rem;line-height:1.7;color:rgba(255,255,255,.62);}
.about-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.25rem;
            font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
            color:#a0dcff;text-decoration:none;transition:gap .2s ease;}
.about-link:hover{gap:.75rem;}
.about-link svg{width:.8125rem;height:.8125rem;}

.about-record{margin-top:3rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);
              background:rgba(255,255,255,.03);padding:1.5rem;}
@media (min-width:640px){.about-record{padding:2rem;}}
.about-record h2{margin:0 0 1.5rem;font-size:.6875rem;font-weight:600;letter-spacing:.18em;
                 text-transform:uppercase;color:rgba(255,255,255,.4);}
.about-record dl{margin:0;display:grid;gap:0;}
.about-record dl > div{display:flex;flex-wrap:wrap;gap:.35rem 1rem;
                       padding:.85rem 0;border-top:1px solid rgba(255,255,255,.08);}
.about-record dl > div:first-child{border-top:0;padding-top:0;}
.about-record dt{flex:none;width:9rem;font-size:.75rem;letter-spacing:.06em;
                 text-transform:uppercase;color:rgba(255,255,255,.38);}
.about-record dd{margin:0;font-size:.875rem;color:rgba(255,255,255,.82);}
.about-note{margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);
            font-size:.75rem;line-height:1.6;color:rgba(255,255,255,.4);}

.about-foot{border-top:1px solid rgba(255,255,255,.1);padding:2.5rem 1.25rem 3rem;
            display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;}
.about-foot-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;}
.about-foot-lines a{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.8);
                    text-decoration:none;transition:color .2s;}
.about-foot-lines a:hover{color:#a0dcff;}
.about-social{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;}
.about-social a{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;
                border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.45);
                transition:border-color .2s,color .2s,background-color .2s;}
.about-social svg{width:16px;height:16px;}
.about-social a:hover{border-color:#a0dcff;color:#a0dcff;background:rgba(160,220,255,.08);}
.about-social a:focus-visible{outline:2px solid #a0dcff;outline-offset:3px;}
.about-foot p{margin:0;font-size:.6875rem;line-height:1.6;color:rgba(255,255,255,.3);}