/* ===== YJH HOME LAPTOP V80 =====
   Keeps the approved large-screen composition, but prevents the hero title,
   kicker and metadata from colliding on shorter / narrower laptop displays. */

@media (min-width:901px) and (max-width:1366px),
       (min-width:901px) and (max-height:900px){
  #page-home .split-left{
    overflow:hidden!important;
  }

  #page-home .split-kicker{
    top:46%!important;
    transform:translateY(-100%)!important;
    font-size:12px!important;
    line-height:1.25!important;
    letter-spacing:.09em!important;
    max-width:calc(100% - 48px)!important;
  }

  #page-home .split-title{
    top:68%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    font-size:clamp(50px,4.35vw,82px)!important;
    line-height:.84!important;
    letter-spacing:-.055em!important;
    white-space:nowrap!important;
    max-width:calc(100% - 36px)!important;
  }

  #page-home .split-meta{
    left:var(--pad)!important;
    right:auto!important;
    bottom:24px!important;
    max-width:72%!important;
    gap:18px!important;
    font-size:10px!important;
    line-height:1.35!important;
    letter-spacing:.045em!important;
  }

  #page-home .hero-instagram{
    right:22px!important;
    bottom:24px!important;
    font-size:8px!important;
  }
}

@media (min-width:901px) and (max-height:740px){
  #page-home .split-kicker{
    top:42%!important;
    font-size:10px!important;
  }

  #page-home .split-title{
    top:64%!important;
    font-size:clamp(46px,4vw,70px)!important;
  }

  #page-home .split-meta{
    bottom:18px!important;
    font-size:9px!important;
    gap:14px!important;
  }

  #page-home .hero-instagram{
    bottom:18px!important;
    font-size:8px!important;
  }
}

/* Preserve the dedicated mobile composition from mobile-v44-base.css. */
@media (max-width:900px){
  #page-home .split-left{overflow:visible!important;}
}
/* ===== /YJH HOME LAPTOP V80 ===== */