.detail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:610px;background:#f6ebd9}
.detail-hero>div{padding:clamp(55px,7vw,110px);align-self:center}
.detail-hero h1{font-size:clamp(50px,5.5vw,86px);line-height:1.04;margin:14px 0 25px}
.detail-hero h1 em,.detail-content h2 em{color:#327e7c}
.detail-hero p:not(.eyebrow){font-size:clamp(18px,1.5vw,23px);max-width:620px}
.detail-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.detail-content{display:grid;grid-template-columns:1.4fr .8fr;gap:clamp(50px,7vw,120px);padding:clamp(65px,7vw,110px) 7%;background:#fffaf2}
.detail-content h2{font-size:clamp(38px,4vw,64px);line-height:1.12}
.detail-content p{max-width:760px}
.detail-content aside{background:#f2e4cd;padding:clamp(25px,3vw,48px);align-self:start}
.detail-content aside h3{font-size:clamp(28px,2.5vw,40px)}
.detail-content aside .plain-link{display:block;margin:14px 0}
@media(max-width:850px){.detail-hero,.detail-content{grid-template-columns:1fr}.detail-hero img{height:auto;max-height:none;object-fit:contain}.detail-hero>div{padding:55px 6%}.detail-content{padding:60px 6%}}
.detail-portraits{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 7% 100px;background:#fffaf2}
.detail-portraits figure{margin:0}
.detail-portraits img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#fffaf2}
.detail-portraits figcaption{font:14px/1.5 var(--font-sans);padding:12px 0;color:#705737}
@media(max-width:600px){.detail-portraits{grid-template-columns:1fr;padding:0 6% 65px}.detail-portraits img{max-height:none}}
