body.theme-atlas{
    background:#f7f4ed;
    color:#172536
}
.tpl-atlas{
    max-width:1120px;
    margin:auto;
    padding:42px 20px 64px
}
.atlas-intro{
    max-width:760px;
    padding:32px 0 26px;
    border-bottom:1px solid #cdd3ce
}
.atlas-intro h1{
    margin:8px 0;
    font:700 clamp(36px,6vw,68px)/1.05 Georgia,"Microsoft YaHei",serif;
    letter-spacing:-.04em
}
.atlas-intro p:not(.eyebrow){
    max-width:620px;
    color:#52616a;
    font-size:17px
}
.eyebrow{
    margin:0;
    color:#b3512d;
    font-size:12px;
    font-weight:bold;
    letter-spacing:.16em
}
.atlas-nav{
    margin:24px 0 34px
}
.atlas-feature .card{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
    align-items:stretch;
    background:#17364e;
    color:#fff
}
.atlas-feature .card-image{
    min-height:330px
}
.atlas-feature .card-body{
    padding:38px
}
.atlas-feature .card h2 a,.atlas-feature .card time{
    color:#fff
}
.atlas-feature .card p{
    color:#d5e2e7
}
.atlas-list{
    margin-top:28px
}
@media(max-width:700px){
    .atlas-feature .card{grid-template-columns:1fr}
    .atlas-feature .card-image{min-height:210px}
}