/* =========================================================
   DANANG2NITE — PHASE 64-5A
   PC HOME HERO + FEATURED ONLY
   Screenshot-driven convergence toward the approved blueprint.
   Lower HOME sections are intentionally untouched.
   ========================================================= */

@media (min-width:821px){
  body.page-home .home-hero{
    width:min(1480px,calc(100% - 64px))!important;
    margin-inline:auto!important;
    padding-block:24px 18px!important;
    display:grid!important;
    grid-template-columns:minmax(420px,.78fr) minmax(0,1.22fr)!important;
    gap:16px!important;
    align-items:stretch!important;
  }

  /* Left editorial identity card. */
  body.page-home .home-hero__copy{
    height:auto!important;
    min-height:0!important;
    padding:34px 34px 28px!important;
    justify-content:center!important;
    overflow:hidden!important;
    border:1px solid rgba(226,191,105,.17)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 5% 7%,rgba(230,37,114,.13),transparent 31%),
      radial-gradient(circle at 94% 8%,rgba(217,185,110,.055),transparent 28%),
      linear-gradient(145deg,#121014 0%,#09090b 63%,#0b090b 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 24px 70px rgba(0,0,0,.30)!important;
  }

  body.page-home .home-hero__copy::before{
    right:-25px!important;
    bottom:-30px!important;
    font-size:132px!important;
    opacity:.7!important;
  }

  body.page-home .home-hero__copy::after{
    left:34px!important;
    bottom:14px!important;
    font-size:6px!important;
    letter-spacing:2.1px!important;
  }

  body.page-home .home-hero__kicker{
    gap:10px!important;
    align-items:center!important;
  }

  body.page-home .home-hero__kicker .eyebrow{
    color:#e6cb82!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:1.65px!important;
  }

  body.page-home .home-hero__issue{
    color:#726d68!important;
    font-size:7px!important;
    font-weight:900!important;
    letter-spacing:1.75px!important;
  }

  body.page-home .home-hero__copy h1{
    max-width:600px!important;
    margin:16px 0 0!important;
    font-size:clamp(62px,4.4vw,80px)!important;
    line-height:.91!important;
    letter-spacing:-3.1px!important;
    text-wrap:balance!important;
  }

  body.page-home .home-hero__copy p{
    max-width:560px!important;
    margin:18px 0 0!important;
    color:#b9b2aa!important;
    font-size:14px!important;
    line-height:1.58!important;
  }

  body.page-home .hero-actions{
    margin-top:21px!important;
    display:flex!important;
    gap:10px!important;
  }

  body.page-home .hero-actions .button{
    min-width:150px!important;
    min-height:46px!important;
    padding-inline:18px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:900!important;
  }

  body.page-home .hero-actions .button--gold{
    box-shadow:
      0 10px 28px rgba(203,158,56,.18),
      inset 0 1px 0 rgba(255,255,255,.36)!important;
  }

  body.page-home .home-hero__signature{
    margin-top:23px!important;
    margin-bottom:4px!important;
    padding-top:13px!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
    grid-template-columns:38px 1fr!important;
    column-gap:11px!important;
  }

  body.page-home .home-hero__signature>span{
    width:38px!important;
    height:34px!important;
    border-radius:9px 12px 9px 12px!important;
    font-size:9px!important;
  }

  body.page-home .home-hero__signature strong{
    font-size:8px!important;
    letter-spacing:1.75px!important;
  }

  body.page-home .home-hero__signature small{
    margin-top:2px!important;
    color:#6d6762!important;
    font-size:6px!important;
    letter-spacing:1.2px!important;
  }

  /* Right featured card: image itself becomes the visual hero. */
  body.page-home .featured-story,
  body.page-home .featured-story--editorial{
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    border:1px solid rgba(230,37,114,.24)!important;
    border-radius:22px!important;
    background:#08080a!important;
    box-shadow:
      0 26px 76px rgba(0,0,0,.36),
      inset 0 -1px 0 rgba(230,37,114,.24)!important;
  }

  body.page-home .featured-story__media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    background:#08080a!important;
  }

  body.page-home .featured-story__media::before{
    background:
      radial-gradient(circle at 89% 13%,rgba(230,37,114,.13),transparent 29%),
      linear-gradient(90deg,rgba(44,0,19,.08),transparent 57%)!important;
  }

  body.page-home .featured-story__media::after{
    background:
      linear-gradient(180deg,rgba(0,0,0,.015) 0%,rgba(0,0,0,.02) 38%,rgba(0,0,0,.40) 67%,rgba(3,3,4,.94) 100%),
      linear-gradient(90deg,rgba(39,0,16,.12),transparent 58%)!important;
  }

  body.page-home .featured-story__media img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#08080a!important;
    transform:none!important;
  }

  body.page-home .featured-story:hover .featured-story__media img{
    transform:scale(1.012)!important;
  }

  body.page-home .featured-story__topline{
    top:16px!important;
    left:16px!important;
    right:16px!important;
    gap:8px!important;
  }

  body.page-home .featured-story__topline>span{
    min-width:36px!important;
    height:36px!important;
    font-size:8px!important;
  }

  body.page-home .featured-story__topline>strong,
  body.page-home .featured-story__topline i{
    padding:7px 10px!important;
    font-size:7px!important;
  }

  body.page-home .featured-story__overlay{
    position:absolute!important;
    z-index:5!important;
    inset:auto 0 0!important;
    padding:42px 27px 23px!important;
    background:linear-gradient(180deg,transparent 0%,rgba(5,5,6,.13) 12%,rgba(5,5,6,.52) 43%,rgba(5,5,6,.91) 100%)!important;
  }

  body.page-home .featured-story__overlay::before{
    margin-bottom:8px!important;
    color:#ead28d!important;
    font-size:7px!important;
    letter-spacing:1.55px!important;
  }

  body.page-home .featured-story h2{
    max-width:900px!important;
    margin:0!important;
    color:#fffaf3!important;
    font-size:clamp(29px,2.15vw,38px)!important;
    line-height:1.02!important;
    letter-spacing:-.95px!important;
    text-shadow:0 5px 20px rgba(0,0,0,.65)!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  body.page-home .featured-story p{
    max-width:880px!important;
    margin:8px 0 0!important;
    color:#d0c8bf!important;
    font-size:12px!important;
    line-height:1.45!important;
    -webkit-line-clamp:2!important;
  }

  body.page-home .featured-story .story-link{
    margin-top:11px!important;
    font-size:9px!important;
    color:#efd27d!important;
  }

  /* If absolutely no article has artwork, keep the placeholder intentional. */
  body.page-home .featured-story .media-placeholder{
    width:108px!important;
    height:108px!important;
    margin:auto!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(217,185,110,.17)!important;
    border-radius:50%!important;
    color:#b49a5e!important;
    background:rgba(7,7,8,.48)!important;
    font-size:18px!important;
    letter-spacing:.12em!important;
  }

  /* Script safety — same geometry, language-appropriate title metrics. */
  html[lang^="zh"] body.page-home .home-hero__copy h1,
  html[lang="ja"] body.page-home .home-hero__copy h1,
  html[lang="ko"] body.page-home .home-hero__copy h1{
    font-size:clamp(52px,3.65vw,66px)!important;
    line-height:1.02!important;
    letter-spacing:-2px!important;
  }

  html[lang="th"] body.page-home .home-hero__copy h1,
  html[lang="hi"] body.page-home .home-hero__copy h1,
  html[lang="ar"] body.page-home .home-hero__copy h1{
    font-size:clamp(48px,3.45vw,62px)!important;
    line-height:1.08!important;
    letter-spacing:-1px!important;
  }

  html[lang^="zh"] body.page-home .featured-story h2,
  html[lang="ja"] body.page-home .featured-story h2,
  html[lang="ko"] body.page-home .featured-story h2,
  html[lang="th"] body.page-home .featured-story h2,
  html[lang="hi"] body.page-home .featured-story h2,
  html[lang="ar"] body.page-home .featured-story h2{
    font-size:clamp(27px,1.9vw,34px)!important;
    line-height:1.08!important;
    letter-spacing:-.35px!important;
  }

  @media (max-width:1220px){
    body.page-home .home-hero{
      width:min(1180px,calc(100% - 40px))!important;
      grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr)!important;
    }
    body.page-home .home-hero__copy{
      padding:29px 29px 25px!important;
    }
    body.page-home .home-hero__copy h1{
      font-size:clamp(52px,4.9vw,64px)!important;
    }
    body.page-home .home-hero__copy p{
      font-size:13px!important;
    }
    body.page-home .featured-story h2{
      font-size:clamp(27px,2.6vw,34px)!important;
    }
  }

  @media (max-width:980px){
    body.page-home .home-hero{
      grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;
    }
    body.page-home .home-hero__copy{
      padding:25px 24px 22px!important;
    }
    body.page-home .home-hero__copy h1{
      font-size:48px!important;
    }
    body.page-home .home-hero__copy p{
      font-size:12px!important;
    }
    body.page-home .home-hero__signature{
      margin-top:16px!important;
    }
    body.page-home .featured-story__overlay{
      padding:34px 20px 18px!important;
    }
    body.page-home .featured-story h2{
      font-size:27px!important;
    }
    body.page-home .featured-story p{
      font-size:11px!important;
    }
  }
}