/* A larger bust portrait with a deliberate frame, using the original photo. */
.hero-layout{grid-template-columns:minmax(0,1fr) 300px}
.hero-portrait{width:300px;height:360px;min-height:0;align-self:center;overflow:hidden;border:1px solid #e1e6ff;border-radius:170px 170px 64px 64px;background:#f1f3ff}
.hero-portrait-shape{display:none}
.hero-portrait img{position:absolute;width:350px;max-width:none;height:auto;left:50%;top:10px;transform:translateX(-50%);object-fit:contain}
@media(max-width:1000px) and (min-width:761px){
 .hero-layout{grid-template-columns:minmax(0,1fr) 240px}
 .hero-portrait{width:240px;height:290px}
 .hero-portrait img{width:282px;top:8px}
}
@media(max-width:760px){
 .hero-layout{grid-template-columns:minmax(0,1fr) 144px;grid-template-areas:'heading heading' 'description portrait' 'actions actions' 'resources resources';column-gap:22px;row-gap:0}
 .hero-lower,.hero-lower>div:first-child{display:contents}
 .hero-description{grid-area:description;align-self:center;margin-top:24px}
 .hero-portrait{grid-area:portrait;width:144px;height:174px;min-height:0;align-self:start;justify-self:end;margin:24px 0 0;border-radius:90px 90px 36px 36px}
 .hero-portrait img{width:178px;max-width:none;top:6px;transform:translateX(-50%)}
 .hero-actions{grid-area:actions;flex-direction:row;align-items:center;gap:12px 22px;margin-top:22px}
 .hero-resources{grid-area:resources;margin-top:10px}
}
@media(max-width:360px){
 .hero-layout{grid-template-columns:minmax(0,1fr) 128px;column-gap:16px}
 .hero-portrait{width:128px;height:158px;border-radius:80px 80px 32px 32px}
 .hero-portrait img{width:162px}
 .hero-actions{gap:10px 16px}
}
@media print{.hero-lower{display:block}}