
/* Simple portrait layout. Preserve the site's original palette and typography. */
.intro-with-photo{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:42px;align-items:center;}
.intro-with-photo .intro-text{min-width:0;}
.intro-with-photo h1{font-size:clamp(52px,6.7vw,87px);}
.portrait{margin:0;line-height:0;overflow:hidden;}
.portrait img{display:block;width:100%;height:auto;aspect-ratio:1091 / 1442;object-fit:cover;background:#d6d3d1;}
.portrait-home{width:224px;justify-self:end;}
.about-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 175px;align-items:center;gap:45px;}
.about-intro-layout .page-intro{min-width:0;}
.portrait-about{width:175px;justify-self:end;margin-top:15px;}
@media(max-width:760px){
 .intro-with-photo{gap:26px;grid-template-columns:minmax(0,1fr) 170px;}
 .intro-with-photo h1{font-size:clamp(45px,7vw,70px);}
 .portrait-home{width:170px;}
 .about-intro-layout{gap:24px;grid-template-columns:minmax(0,1fr) 135px;}
 .portrait-about{width:135px;}
}
@media(max-width:590px){
 .intro-with-photo{display:flex;flex-direction:column;align-items:flex-start;gap:29px;}
 .intro-with-photo h1{font-size:clamp(52px,13vw,78px);}
 .portrait-home{width:190px;align-self:flex-start;}
 .about-intro-layout{display:flex;flex-direction:column;align-items:flex-start;gap:0;}
 .about-intro-layout .page-intro{padding-bottom:22px;}
 .portrait-about{width:175px;align-self:flex-start;margin:0 0 34px;}
}
