.insight-author.insight-author-portrait {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  grid-template-areas:"photo copy" "photo action";
  gap:20px 34px;
  align-items:center;
  padding:32px;
  background:#080909;
  border-top:1px solid #ad905b;
  color:#fff;
  scroll-margin-top:95px;
}
.insight-author-portrait .editor-portrait {
  grid-area:photo;
  display:block;
  width:180px;
  height:auto;
  aspect-ratio:1060/1484;
  object-fit:contain;
  object-position:center;
}
.insight-author-portrait>div { grid-area:copy; min-width:0; align-self:end; }
.insight-author-portrait strong { font-size:clamp(30px,3vw,44px); color:#fff; }
.insight-author-portrait small { color:#cfb17a; font-size:12px; }
.insight-author-portrait p { color:#bfbcb4; font-size:15px; line-height:1.65; margin:10px 0 0; }
.insight-author-portrait>a { grid-area:action; align-self:start; justify-self:start; font-size:14px; line-height:1.65; color:#dcc18c; min-height:44px; padding-block:10px; }
.insight-author-portrait>a:focus-visible { outline:2px solid #dcc18c; outline-offset:4px; }
@media(max-width:600px) {
  .insight-author.insight-author-portrait {
    grid-template-columns:108px minmax(0,1fr);
    grid-template-areas:"photo copy" "action action";
    gap:22px 20px;
    padding:24px;
  }
  .insight-author-portrait .editor-portrait { width:108px; height:auto; }
  .insight-author-portrait>div { align-self:center; }
  .insight-author-portrait strong { font-size:30px; line-height:1.15; }
  .insight-author-portrait small { font-size:12px; letter-spacing:.08em; }
  .insight-author-portrait p { font-size:14px; line-height:1.6; }
  .insight-author-portrait>a { grid-column:1/-1; font-size:14px; padding-top:14px; border-top:1px solid #ad905b55; width:100%; }
}
@media(max-width:360px) {
  .insight-author.insight-author-portrait { grid-template-columns:90px minmax(0,1fr); gap:18px 15px; padding:20px; }
  .insight-author-portrait .editor-portrait { width:90px; }
  .insight-author-portrait strong { font-size:27px; }
}