/* Mobile-first visual overrides for the private LifeNest landing preview. */
img{max-width:100%;height:auto}

@media (max-width:980px){
  .hero-media{
    background-size:cover;
    background-position:62% center;
  }
  .hero-overlay{
    background:
      linear-gradient(90deg,rgba(3,18,12,.96) 0%,rgba(3,18,12,.80) 48%,rgba(3,18,12,.42) 100%),
      linear-gradient(0deg,rgba(2,15,10,.78) 0%,rgba(2,15,10,.12) 62%);
  }
  .human-image{
    width:100%;
    overflow:hidden;
    border-radius:28px;
  }
  .human-image img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    object-fit:cover;
    object-position:34% center;
  }
  .turkiye-bg{
    background-size:cover;
    background-position:60% center;
  }
  .turkiye-shade{
    background:
      linear-gradient(90deg,rgba(4,17,12,.96) 0%,rgba(4,17,12,.82) 52%,rgba(4,17,12,.42) 100%),
      linear-gradient(0deg,rgba(4,17,12,.86),rgba(4,17,12,.12) 62%);
  }
  .founder-card img,
  .founder-avatar img,
  .founder-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 24%;
  }
}

@media (max-width:640px){
  .hero{
    min-height:780px;
    align-items:flex-end;
  }
  .hero-media{
    background-position:66% center;
    transform:scale(1.015);
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(3,18,12,.18) 0%,rgba(3,18,12,.52) 32%,rgba(3,18,12,.94) 72%,rgba(3,18,12,.99) 100%),
      linear-gradient(90deg,rgba(3,18,12,.72),rgba(3,18,12,.20));
  }
  .hero-content{
    padding-top:112px;
    padding-bottom:42px;
  }
  .hero-copy{
    max-width:100%;
  }
  .human-image{
    border-radius:22px;
  }
  .human-image img{
    aspect-ratio:4/3;
    object-position:30% center;
    border-radius:22px;
  }
  .turkiye{
    min-height:920px;
    align-items:flex-end;
  }
  .turkiye-bg{
    background-position:64% center;
  }
  .turkiye-shade{
    background:
      linear-gradient(180deg,rgba(4,17,12,.18) 0%,rgba(4,17,12,.55) 34%,rgba(4,17,12,.95) 72%,rgba(4,17,12,.99) 100%),
      linear-gradient(90deg,rgba(4,17,12,.68),rgba(4,17,12,.18));
  }
  .turkiye-content{
    padding-top:96px;
    padding-bottom:28px;
  }
  .browser-shell{
    transform:none;
    width:100%;
  }
  .browser-body{
    overflow:hidden;
  }
  .founder-avatar,
  .founder-photo{
    overflow:hidden;
  }
}

@media (max-width:420px){
  .hero{
    min-height:820px;
  }
  .hero-media{
    background-position:69% center;
  }
  .human-image img{
    aspect-ratio:1/1;
    object-position:28% center;
  }
  .turkiye-bg{
    background-position:67% center;
  }
}