/* Portrait treatment: the approved image leads, without template-like overlays. */
.corner,.signal{display:none!important}
.hero-visual{max-width:520px;isolation:isolate}
.hero-visual::before{content:"";position:absolute;z-index:0;inset:18px -18px -18px 18px;border:1px solid rgba(52,120,229,.28);border-radius:18px;background:linear-gradient(145deg,rgba(52,120,229,.1),rgba(52,120,229,.015))}
.photo-frame{position:relative;z-index:1;margin:0;overflow:visible;aspect-ratio:auto;border:0;border-radius:0;background:transparent;box-shadow:none}
.photo-frame picture{display:block;padding:5px;border:1px solid rgba(85,145,238,.72);border-radius:16px;background:#0d141e;box-shadow:0 28px 70px rgba(0,0,0,.34)}
.photo-frame img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:11px;background:#0d141e}
.photo-frame figcaption{margin:11px 2px 0;color:#aebdcb;font:500 .67rem "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.photo-frame figcaption span{color:var(--orange)}
.person-image img{width:100%;height:100%;object-fit:cover}

@media(min-width:971px){
  .hero-layout{grid-template-areas:"copy visual" "notes visual";grid-template-rows:auto auto}
  .hero-copy{grid-area:copy;align-self:end}
  .hero-visual{grid-area:visual}
  .hero-layout>.notes{grid-area:notes;align-self:start;margin-top:20px}
}

@media(max-width:970px){
  .hero-visual{margin-left:0}
}

@media(max-width:720px){
  .hero-layout{gap:34px}
  .hero-visual{width:100%;max-width:none;margin:0}
  .hero-visual::before{display:none}
  .photo-frame picture{padding:3px;border-radius:13px;box-shadow:0 22px 52px rgba(0,0,0,.3)}
  .photo-frame img{border-radius:9px}
  .photo-frame figcaption{margin-top:9px;font-size:.62rem}
  .hero-layout>.notes{margin-top:-13px}
}