/* Preserve the complete square artwork and keep its service labels readable. */
.contact-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.contact-hero .contact-portrait{width:100%;max-width:560px;min-width:0;margin:0;justify-self:center}
.contact-hero .contact-portrait img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:0;transform:none;border-radius:16px}
.contact-hero .contact-portrait>div{margin-top:16px}
@media(max-width:900px){.contact-hero-grid{grid-template-columns:1fr;gap:32px}.contact-hero .contact-portrait{max-width:560px}}

/* Portrait card: photo with a real call-to-action bar underneath (replaces the one painted into the old image) */
.contact-hero .portrait-card{margin:0;overflow:hidden;border-radius:16px;background:#102b32;box-shadow:0 24px 50px #06191c40}
.contact-hero .portrait-card img{aspect-ratio:1024/928;border-radius:0}
.portrait-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:#102b32;color:#fff;font-size:15px;font-weight:700;line-height:1.3;text-align:left}
.portrait-btn{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;padding:0 18px;border-radius:999px;background:#ccf275;color:#102b32;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}
.portrait-btn:hover{background:#dbff8f;transform:translateY(-2px)}
.portrait-btn:focus-visible{outline:3px solid #ccf275;outline-offset:3px}
@media(max-width:520px){
  .portrait-bar{flex-direction:column;align-items:stretch;gap:10px;padding:14px;text-align:center;font-size:14px}
  .portrait-btn{justify-content:center}
}
.contact-hero .portrait-btn span{color:#102b32!important;opacity:1!important;font-size:inherit!important}

/* Label the portrait as AI-generated artwork */
.contact-hero .portrait-card{position:relative}
.ai-badge{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#102b32d9;color:#ccf275;font-size:11px;font-weight:800;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #06191c40}
@media(max-width:520px){.ai-badge{top:8px;left:8px;padding:4px 8px;font-size:10px}}
.contact-hero .real-me{color:#ccf275;text-decoration:none;border-bottom:1px solid #ccf27566;white-space:nowrap}
.contact-hero .real-me:hover{border-color:#ccf275}