/* about.css */
body.page--about{
  background:#f5f2e8;
}

/* header same behavior as list/detail pages */
body.page--about .site-header{

}
body.page--about .site-header .nav-wrap{
  background:transparent !important;
  border-bottom:0 !important;
}

/* layout */
.ab{
  max-width: 1180px;
  margin: 0 auto;
  padding: 56px 22px 90px;
}

.ab__inner{
  max-width: 760px;
  margin: 0 auto;
}

/* breadcrumb (same style as journal-detail) */
.ab-breadcrumb{
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(43,43,42,.55);
  margin: 10px 0 28px;
}
.ab-breadcrumb a{
  color: inherit;
  text-decoration: none;
}
.ab-breadcrumb a:hover{
  color: rgba(43,43,42,.85);
}
.ab-sep{
  margin: 0 10px;
  opacity: .75;
}

/* title */
.ab-head{
  margin-bottom: 40px;
}
.ab-title{
  margin: 0 0 0 0;
  font-size: 24px;            /* screenshot style: smaller, quiet */
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: .02em;
  color:#2b2b2a;
  text-align: center;
}

/* content */
.ab-article p{
  margin: 0 0 0px 0;
  font-size: 14px;
  line-height: 2.05;
  letter-spacing: .02em;
  color: rgba(43,43,42,.72);
}

/* section headings (quiet but clear) */
.ab-article h2{
  margin: 36px 0 15px;
  font-size: 16px;
  letter-spacing: .02em;
  font-weight: bold;
  color: rgba(43,43,42,.82);
}

/* image block */
.ab-image{
  margin: 26px 0 28px;
}
.ab-image img{
  width: 100%;
  height: auto;
  display: block;
  background: rgba(0,0,0,.02);
}

/* closing line like screenshot (a bit more spaced) */
.ab-closer{
  margin-top: 34px;
}

/* responsive */
@media (max-width: 900px){
  .ab{
    padding: 44px 18px 70px;
  }
  .ab__inner{
    max-width: 680px;
  }
}

@media (max-width: 640px){
  .ab{
    padding: 34px 16px 60px;
  }
  .ab-breadcrumb{
    margin-bottom: 18px;
  }
  .ab-title{
    font-size: 14px;
  }
  .ab-article p{
    font-size: 12px;
    line-height: 1.95;
  }
}