/* About-only photo treatment, using the site's paper, ink and type tokens. */
.about-photo-story{display:grid;gap:46px}
.about-passage{display:grid;grid-template-columns:minmax(0,650px) 200px;gap:60px;align-items:center}
.about-passage-copy{min-width:0}
.about-photograph{width:100%;padding:8px 8px 12px;background:#fffdf8;box-shadow:0 2px 5px #32332f0a,0 9px 22px #32332f0d;transform:rotate(3deg)}
.about-photograph img{width:100%;height:auto}
.about-photograph figcaption{margin:9px 3px 0;font-size:10px;letter-spacing:.025em}
.about-passage--modern{grid-template-columns:minmax(0,1fr) 300px;gap:80px;margin-bottom:4px}
.about-passage--modern .about-passage-copy p{font-size:21px;line-height:1.7}
.about-passage--modern .about-photograph{padding:0;background:transparent;box-shadow:none;transform:rotate(-2deg)}
.about-passage--modern img{border-radius:2px}
.about-passage--high-school .about-photograph{transform:rotate(-5deg);width:190px;justify-self:end}
.about-passage--kworks .about-photograph{transform:rotate(4deg)}
.about-passage--nova .about-photograph{width:235px;justify-self:center;transform:rotate(-3deg)}
.about-passage--stylingmate .about-photograph{transform:rotate(4deg)}
@media(max-width:1000px) and (min-width:701px){
  .about-passage{grid-template-columns:minmax(0,1fr) 180px;gap:40px}
  .about-passage--modern{grid-template-columns:minmax(0,1fr) 260px;gap:45px}
  .about-passage--nova .about-photograph{width:190px}
}
@media(max-width:700px){
  .about-photo-story{gap:39px}
  .about-passage{display:flex;flex-direction:column;align-items:stretch;gap:26px}
  .about-passage--modern{gap:29px;margin-bottom:6px}
  .about-passage--modern .about-passage-copy p{font-size:19px}
  .about-passage--modern .about-photograph{width:78%;max-width:320px;align-self:center;transform:rotate(-2deg)}
  .about-photograph{width:52%;max-width:230px;align-self:flex-end;margin-right:-8px}
  .about-passage--high-school .about-photograph{width:50%;max-width:210px;align-self:flex-start;margin-left:-8px;margin-right:0}
  .about-passage--nova .about-photograph{width:68%;max-width:290px;align-self:flex-start;margin-left:-8px;margin-right:0}
  .about-passage--stylingmate .about-photograph{width:57%}
}
@media print{.about-photograph{transform:none!important;box-shadow:none}.about-passage{break-inside:avoid}}