/* 090: readable About copy and more prominent credentials. */
html body.about-page .about-story-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;background:#f7f4ee}
html body.about-page .story-mobile-readable{display:block;padding:64px clamp(30px,5.5vw,100px);min-width:0}
html body.about-page .story-mobile-readable h1{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(30px,2.6vw,46px);line-height:1.25;letter-spacing:-.035em;margin:16px 0 28px}
html body.about-page .story-mobile-readable>p:not(.eyebrow){font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.65;color:#5f625b;margin:0 0 20px;max-width:62ch}
.about-workshop-photo{position:relative;min-width:0;overflow:hidden}
.about-workshop-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
html body.about-page .about-story-layout>.about-credentials{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:26px 5.5%;border-radius:0}
html body.about-page .about-story-layout>.about-credentials>div{padding:18px 20px;gap:9px}
html body.about-page .about-story-layout>.about-credentials strong{font-family:'DM Sans',Arial,sans-serif;font-size:22px;line-height:1.3}
html body.about-page .about-story-layout>.about-credentials span{font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.45;color:#5f625b}
@media(max-width:900px){
 html body.about-page .about-story-layout{grid-template-columns:1fr}
 .about-workshop-photo{display:none}
 html body.about-page .story-mobile-readable{padding:38px 7% 18px}
 html body.about-page .story-mobile-readable h1{font-size:clamp(29px,6vw,40px)}
 html body.about-page .story-mobile-readable>p:not(.eyebrow){font-size:17px;line-height:1.65}
 html body.about-page .about-story-layout>.about-credentials{grid-template-columns:1fr;padding:8px 7% 18px}
 html body.about-page .about-story-layout>.about-credentials>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 8px;gap:7px}
 html body.about-page .about-story-layout>.about-credentials>div+div{border-left:0;border-top:1px solid #d5c4b1}
 html body.about-page .about-story-layout>.about-credentials strong{font-size:20px}
 html body.about-page .about-story-layout>.about-credentials span{font-size:17px}
}