/* Fotoğraf bannerı: ekrana girince açılış animasyonu.
   Fotoğrafın kendisi gizlenmez (tembel yükleme çalışsın diye); üzerindeki perde soldan açılır. */
.contact-portrait::after{content:"";position:absolute;inset:0;z-index:1;background:#dadcdd;transform-origin:100% 50%;pointer-events:none}
.contact-portrait img{transform:scale(1.12);transform-origin:70% 50%}
.portrait-signature{z-index:2}
.portrait-name,.portrait-title{opacity:0;transform:translateY(26px)}
.contact-portrait.in::after{animation:portrait-wipe 1.4s cubic-bezier(.77,0,.18,1) forwards}
.contact-portrait.in img{animation:portrait-settle 2s cubic-bezier(.22,.8,.2,1) forwards}
.contact-portrait.in .portrait-name{animation:portrait-rise 1.1s .7s cubic-bezier(.22,.8,.2,1) forwards}
.contact-portrait.in .portrait-title{animation:portrait-rise 1.1s .95s cubic-bezier(.22,.8,.2,1) forwards}
@keyframes portrait-wipe{to{transform:scaleX(0)}}
@keyframes portrait-settle{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes portrait-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(max-width:600px){.portrait-signature{position:relative}}
@media(prefers-reduced-motion:reduce){
  .contact-portrait::after{display:none}
  .contact-portrait img{transform:none}
  .portrait-name,.portrait-title{opacity:1;transform:none}
  .contact-portrait.in img,.contact-portrait.in .portrait-name,.contact-portrait.in .portrait-title{animation:none}
}