/* TURBOND — karşılama sayfası: tek görsel, tam ekran */

*{ box-sizing:border-box; }

html,body{
  margin:0;
  padding:0;
  height:100%;
  background:#fff;
}

body{
  overflow:hidden;
}

picture{ display:contents; }

/* Varsayılan (telefon/dikey ve çok geniş ekranlar):
   görselin tamamı görünür, alta yaslanır. Görselin üst kısmı zaten beyaz
   olduğu için üstte kalan boşluk tasarımla birleşir, ek olarak fotoğraf
   ekranın alt kenarına taşar. */
.karsilama{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}

/* Masaüstü / normal geniş ekranlarda görsel ekranı tam doldurur. */
@media (min-aspect-ratio: 3456/2234) and (max-aspect-ratio: 19/10){
  .karsilama{
    object-fit:cover;
    object-position:center center;
  }
}