/* Raymond's real portrait and story form one composition with clear contrast. */
.intro{padding-top:80px;padding-bottom:75px}
.intro>.section-label{color:#4c5443;border-color:#c8cfbf;margin-bottom:45px}
.about-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);grid-template-areas:"portrait title" "portrait story";column-gap:7%;row-gap:27px;align-items:start}
.intro .about-grid>h2{grid-area:title;font-size:clamp(39px,3.8vw,59px);font-weight:600;line-height:1.12;letter-spacing:-2.4px;margin:0;color:#141811}
.intro .about-grid>h2 em{color:#cc3027}
.about-grid>.intro-copy{grid-area:story;max-width:590px;padding:0}
.about-grid .intro-copy .about-lead{font-size:23px;line-height:1.5;margin:0 0 25px;color:#141811}
.about-lead strong{font-weight:600}
.about-lead>span{display:block;margin-top:7px;font-size:15px;line-height:1.65;color:#414a38}
.about-grid .intro-copy p:nth-child(n+2){font-size:16px;line-height:1.8;color:#363f2f;margin:0 0 20px}
.about-grid .intro-copy .text-link{margin-top:9px;min-height:44px;align-items:center;font-weight:500;color:#141811;border-color:#7b846f}
.about-grid>.about-portrait{grid-area:portrait;position:relative;align-self:stretch;margin:0;min-height:690px;border-radius:24px 24px 85px 24px;overflow:hidden;background:#27221f;isolation:isolate}
.about-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 54%;transform:scale(1.42);transform-origin:68% 55%}
.about-portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0d0e0cd9);pointer-events:none}
.portrait-caption{position:absolute;bottom:32px;left:30px;right:30px;z-index:2;padding-left:15px;border-left:2px solid var(--red);color:#fff}
.portrait-caption>span:first-child{display:block;font-family:Manrope,sans-serif;font-weight:500;font-size:23px;letter-spacing:-.5px;line-height:1.4}
.portrait-caption>span:last-child{display:block;font-size:11px;line-height:1.6;letter-spacing:.6px;margin-top:5px;color:#e4e7dd}
@media(max-width:1000px) and (min-width:801px){.about-grid{column-gap:5%;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.intro .about-grid>h2{font-size:37px}.about-grid .intro-copy p:nth-child(n+2){font-size:15px}.about-grid>.about-portrait{align-self:start;min-height:650px}.about-portrait>img{transform:scale(1.35);transform-origin:72% 55%}.portrait-caption{left:22px;bottom:28px;right:25px}.portrait-caption>span:first-child{font-size:20px}}
@media(max-width:800px){
 .intro{padding-top:48px;padding-bottom:50px}
 .intro>.section-label{margin-bottom:30px}
 .about-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "portrait" "story";gap:28px}
 .intro .about-grid>h2{font-size:clamp(35px,7.7vw,52px);letter-spacing:-1.8px}
 .about-grid>.about-portrait{height:auto;min-height:0;aspect-ratio:4/5;width:100%;max-width:600px;border-radius:20px 20px 65px 20px}
 .about-portrait>img{transform:scale(1.42);transform-origin:68% 55%;object-position:65% 54%}
 .about-grid>.intro-copy{max-width:650px}
 .about-grid .intro-copy .about-lead{font-size:22px;margin-bottom:23px}.about-lead>span{font-size:14px}
 .about-grid .intro-copy p:nth-child(n+2){font-size:16px;line-height:1.8}
 .portrait-caption{left:23px;right:25px;bottom:27px}.portrait-caption>span:first-child{font-size:21px}.portrait-caption>span:last-child{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.about-portrait{scroll-behavior:auto}}