/* HOME CSS (CLEAN) */
body.home{background:#050608;color:#f3f4f6}

/* HERO */
body.home .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;isolation:isolate;background:#000;animation:heroIn .9s cubic-bezier(.2,.8,.2,1) both}

/* HERO BG (TEK KAYNAK) */
body.home .hero::before{content:"";position:absolute;inset:0;background-image:var(--heroBg);background-size:cover;background-repeat:no-repeat;background-position:50% 35%;opacity:0;transform:scale(1.10);will-change:transform,opacity;z-index:0;animation:bgIn 1.05s cubic-bezier(.2,.8,.2,1) .05s both,heroZoom 14s linear 1.10s infinite alternate}

/* SHADE */
body.home .hero__shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.10),rgba(0,0,0,.90));z-index:1}

/* CONTENT */
body.home .hero__center{position:relative;z-index:2;text-align:center;padding:0 24px}

/* TITLE */
body.home .hero__title{margin:0;font-family:"Inter",ui-sans-serif,system-ui;font-weight:650;font-size:clamp(44px,6vw,96px);text-transform:uppercase;color:rgba(243,244,246,.92);text-shadow:0 14px 40px rgba(0,0,0,.55),0 2px 10px rgba(0,0,0,.35);opacity:0;transform:translateY(14px);letter-spacing:.18em;animation:titleIn .9s cubic-bezier(.2,.8,.2,1) .25s both}

/* SUB */
body.home .hero__sub{margin:10px 0 0;color:rgba(243,244,246,.52);letter-spacing:.28em;font-size:12px;text-transform:uppercase;opacity:0;transform:translateY(10px);animation:subIn .9s cubic-bezier(.2,.8,.2,1) .38s both}

/* NOTE */
body.home .hero__note{margin:12px 0 0;color:rgba(243,244,246,.55);font-size:14px;max-width:720px}

/* MENU — HOME */
body.home .ink__drawer{background:#000;border-right:1px solid rgba(255,255,255,.06);box-shadow:0 24px 80px rgba(0,0,0,.78)}
body.home .ink__drawer::before{display:none}
body.home .ink__backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
body.home .ink__ghost span{color:rgba(243,244,246,.05)}

/* ANIMATIONS */
@keyframes heroIn{from{opacity:0}to{opacity:1}}
@keyframes bgIn{0%{transform:scale(1.10);opacity:0}100%{transform:scale(1.02);opacity:1}}
@keyframes heroZoom{from{transform:scale(1.02)}to{transform:scale(1.06)}}
@keyframes titleIn{to{opacity:1;transform:translateY(0);letter-spacing:.14em}}
@keyframes subIn{to{opacity:1;transform:translateY(0)}}

/* REDUCED MOTION */
@media (prefers-reduced-motion:reduce){body.home .hero,body.home .hero::before,body.home .hero__title,body.home .hero__sub{animation:none!important;transform:none!important;opacity:1!important}}

/* RESPONSIVE BG */
@media (max-width:1024px){body.home .hero::before{background-position:50% 35%}}
@media (max-width:640px){body.home .hero::before{background-position:50% 28%}}
@media (max-width:420px){body.home .hero::before{background-position:50% 26%}}
/* =========================
   MOBILE — HOME (<=480px)
   ========================= */
@media (max-width:480px){

  body.home .hero{
    min-height:100svh; /* mobile safe viewport */
  }

  body.home .hero__center{
    padding:0 18px;
  }

  body.home .hero__title{
    font-size:clamp(32px, 9.5vw, 52px);
    letter-spacing:.08em;   /* 🔑 çok kritik */
    line-height:1.15;
  }

  body.home .hero__sub{
    font-size:11px;
    letter-spacing:.16em;
    margin-top:8px;
  }

  body.home .hero__note{
    font-size:13px;
    margin-top:10px;
  }
}
@media (max-width:360px){
  body.home .hero__title{
    font-size:30px;
    letter-spacing:.06em;
  }
  body.home .hero__sub{
    font-size:10px;
    letter-spacing:.14em;
  }
}
/* =========================
   GHOST TEXT OFF (<=800px)
   ========================= */
@media (max-width:800px){
  .ink__ghost{
    display:none;
  }
}