/* A photographic plate beside the introduction, with the ink as atmosphere. */
.about-page.about-page--essential.about-page--portrait .about-portrait{position:absolute;z-index:2;right:3%;top:50%;transform:translateY(-46%);width:38%;max-width:420px;margin:0}
.about-portrait__frame{position:relative;padding:9px;background:#faf7ee;border:1px solid #80664d40;box-shadow:0 22px 60px #34352c18;transform:rotate(2deg)}
.about-portrait__frame::after{content:'';position:absolute;inset:16px -15px -16px 15px;border:1px solid #80664d40;z-index:-1;pointer-events:none}
.about-portrait__frame img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.about-portrait figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:30px;color:#65665d;font:400 9px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.about-page.about-page--essential.about-page--portrait .about-atmosphere{opacity:.24}
@media(max-width:1100px) and (min-width:801px){.about-page.about-page--essential.about-page--portrait .about-portrait{right:0;width:39%}}
@media(max-width:800px){
 .about-page.about-page.about-page--essential.about-page--portrait .about-intro{height:auto;min-height:0;padding:142px 0 70px}
 .about-page.about-page--essential.about-page--portrait .about-portrait{position:relative;top:auto;right:auto;transform:none;width:min(100% - 24px,390px);max-width:none;align-self:center;margin:58px auto 0}
 .about-page.about-page--essential.about-page--portrait .about-atmosphere{opacity:.14;pointer-events:none}
}
@media(max-width:480px){
 .about-page.about-page.about-page--essential.about-page--portrait .about-intro{padding:128px 0 54px}
 .about-portrait figcaption{font-size:8px;letter-spacing:.08em}
}