/* Genuine game scenery + existing TCHH identity assets + romantic couple overlay.
   Separate layers so homepage buttons and news blocks remain interactive. */
.tchh-landing .hero {
  min-height:520px;
  background:
   linear-gradient(180deg,rgba(210,237,255,.06) 0%,rgba(255,255,255,.03) 68%,rgba(240,252,255,.25) 95%),
   url("../img/tchh-hero-city.webp") center 44% /cover no-repeat;
  overflow:hidden;
}
.tchh-landing .hero:before{opacity:.7;z-index:0;background:linear-gradient(0deg,rgba(220,244,255,.68),transparent 19%)}
.tchh-landing .hero-people{
 position:absolute;left:0;bottom:0;height:100%;width:45%;z-index:1;
 pointer-events:none;overflow:visible;
 filter:drop-shadow(3px 8px 9px rgba(2,25,62,.17));
}
.tchh-landing .hero-people img{display:block;width:auto;height:100%;max-width:none;object-fit:contain;object-position:left bottom}
.tchh-landing .hero-center{
 position:absolute;z-index:3;left:40.5%;top:0;width:34%;
 max-width:none;margin:0;padding:0;text-align:center;
}
.tchh-landing .hero-title{margin:-20px 0 -24px;filter:drop-shadow(0 3px 11px rgba(7,47,116,.6))}
.tchh-landing .hero-title img{width:min(420px,32vw);height:auto;max-width:100%;display:block;margin:0 auto}
.tchh-landing .hero-slogan{margin:-4px auto 0;color:#1a3e67;font-size:11px}
.tchh-landing .hero-secondary-logo{
 position:absolute;z-index:2;right:2.4%;top:215px;width:29%;
 max-width:415px;pointer-events:none;
 filter:drop-shadow(0 6px 8px rgba(6,37,89,.36));
}
.tchh-landing .hero-secondary-logo img{width:100%;height:auto;display:block}
.tchh-landing .hero-ctas{z-index:5;bottom:14px}
@media(max-width:1150px){
 .tchh-landing .hero{min-height:475px}
 .tchh-landing .hero-people{width:44%}
 .tchh-landing .hero-title img{width:min(360px,32vw)}
 .tchh-landing .hero-center{left:40%;width:36%}
 .tchh-landing .hero-secondary-logo{top:205px;width:28%;right:1%}
}
@media(max-width:920px){
 .tchh-landing .hero{min-height:410px}
 .tchh-landing .hero-title img{width:min(290px,31vw)}
 .tchh-landing .hero-people{height:90%;width:47%}
 .tchh-landing .hero-secondary-logo{top:184px}
 .tchh-landing .hero-slogan{font-size:9px}
}
@media(max-width:630px){
 .tchh-landing .hero{min-height:430px;background-position:center 44%}
 .tchh-landing .hero-people{height:75%;width:56%;bottom:42px}
 .tchh-landing .hero-center{left:29%;top:0;width:68%}
 .tchh-landing .hero-title{margin:-13px 0 -16px}
 .tchh-landing .hero-title img{width:min(235px,57vw)}
 .tchh-landing .hero-slogan{display:none}
 .tchh-landing .hero-secondary-logo{top:238px;right:1%;width:53%;max-width:255px}
 .tchh-landing .hero-ctas{bottom:9px}
}

@media(max-width:630px){
 .tchh-landing,.tchh-landing .header,.tchh-landing .hero{max-width:100%;overflow-x:clip}
 .tchh-landing .top-nav{width:100%;max-width:100%;justify-content:flex-start}
 .tchh-landing .mobile-toggle{display:block!important;position:absolute;right:12px;top:5px;z-index:40;min-width:42px;min-height:40px;background:#102b4d;border:1px solid #d9b971;border-radius:7px;color:#ffe6b2;font-size:23px}
 .tchh-landing .hero-ctas{left:6px;right:6px;width:calc(100% - 12px);transform:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .tchh-landing .gold-btn{width:100%;min-width:0;padding:2px 1px;gap:1px;overflow:hidden}
 .tchh-landing .gold-btn .action-icon{display:none}
 .tchh-landing .gold-btn span:last-child{min-width:0;max-width:100%;text-align:center}
 .tchh-landing .gold-btn strong{font-size:clamp(10px,3.15vw,14px);white-space:nowrap;letter-spacing:-.4px}
 .tchh-landing .gold-btn small{font-size:clamp(8px,2vw,10px);white-space:normal;line-height:1.1}
 .tchh-landing .hero-secondary-logo{right:6%;width:47%;top:232px}
 .tchh-landing .content-shell{max-width:100%}
 .tchh-landing .news-head{flex-wrap:wrap}
}