/* About Dan: match the homepage while preserving the biography. */
header{max-width:1440px;padding:30px min(5vw,72px);border-color:#65563e}
main{max-width:1440px;padding:55px 5% 70px}
.kicker{margin:0;font:11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:2.3px;color:var(--gold)}
.about-heading{display:block;margin:19px 0 32px}
.about-heading h1{font-size:clamp(40px,3.5vw,48px);font-weight:400;line-height:1.12;letter-spacing:-1.7px}
.article{font-size:20px;line-height:1.8}
.article p{font-size:inherit;font-weight:400;line-height:inherit;text-align:justify;text-align-last:left;hyphens:none;-webkit-hyphens:none;margin:0 0 27px}
.about-opening{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:start}
.about-opening-copy{min-width:0}

.about-photo{float:none;display:flex;flex-direction:column;align-items:center;width:280px;max-width:100%;margin:0;border:0;padding:0}
.about-photo .about-portrait{display:block;width:230px;max-width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;-webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 72%,rgba(0,0,0,.7) 85%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at center,#000 72%,rgba(0,0,0,.7) 85%,transparent 100%)}
.about-emblem{display:flex;align-items:center;justify-content:center;width:100%;gap:16px;margin-top:-10px}
.about-photo .about-emblem img{width:46px;height:50px;object-fit:contain;flex:none}
.about-emblem span{height:1px;background:var(--gold);flex:1;max-width:90px}
.end{border:0;margin-top:10px;padding-top:20px}
@media(min-width:651px) and (max-width:900px){
 main{padding-top:40px}
 .about-heading h1{font-size:clamp(38px,5.5vw,49px)}
 .about-opening{grid-template-columns:minmax(0,1fr) 200px;gap:30px}
 .about-photo{width:200px}
 .about-photo .about-portrait{width:180px}
 
 .article{font-size:19px}
}
@media(max-width:650px){
 header{padding:24px 6% 12px}
 main{padding:32px 6% 45px}
 .kicker{font-size:10px;letter-spacing:1.7px}
 .about-heading{margin:16px 0 25px}
 .about-heading h1{font-size:clamp(33px,8vw,48px);letter-spacing:-1px}
 .about-opening{display:flex;flex-direction:column;gap:25px}
 .about-photo{order:-1;align-self:center;width:240px;margin:0}
 .about-photo .about-portrait{width:180px}
 .about-photo .about-emblem img{width:40px;height:44px}
 
 .article{font-size:18px;line-height:1.8}
}