/* Fix legacy catalog rules that overrode the mobile grid. */
@media(max-width:680px){
 .games-list .featured-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
 .games-list .project-copy{padding:24px;min-width:0;width:100%}
 .games-list .project-title{font-size:clamp(2.35rem,10vw,3.4rem);line-height:1.08}
 .games-list .project-description{max-width:none;font-size:1rem;line-height:1.6}
 .games-list .project-actions{gap:16px}
 .games-list .character-stage{width:100%;height:280px;min-height:0;margin:0;border-left:0;border-top:1px solid var(--border);overflow:hidden}
 .games-list .character-stage img{inset:12px 0 auto;height:470px;width:100%;object-fit:contain;object-position:top;transform:none}
 .games-list .future-note{padding:20px}
}
/* Center the feature panel; the older mobile rule had pinned it to the left. */
@media(max-width:600px){
 .home-redesign .home-feature .container{width:calc(100% - 32px);margin-inline:auto}
 .home-redesign .home-feature-inner{position:relative;display:block;isolation:isolate}
 .home-redesign .home-feature-copy{position:relative;z-index:2;padding:24px}
 .home-redesign .home-feature .home-label{max-width:60%;min-height:60px;align-content:start}
 .home-redesign .home-feature h2{max-width:57%;font-size:clamp(2rem,8vw,2.7rem);min-height:155px;margin:16px 0}
 .home-redesign .home-feature-visual{position:absolute;z-index:0;inset:0 0 auto auto;width:66%;height:305px;border:0;background:none}
 .home-redesign .home-feature-visual img{inset:12px auto auto 50%;height:610px;width:458px;max-width:none;transform:translateX(-50%);object-fit:contain}
 .home-redesign .home-feature-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--surface-1),transparent 35%),linear-gradient(90deg,var(--surface-1),transparent 48%)}
 .home-redesign .feature-lead{position:relative;margin-top:0}
}
/* One integrated title/portrait composition, using the original transparent render. */
@media(min-width:701px) and (min-height:601px),(min-width:1101px){
 .hina-launch-grid{position:relative;isolation:isolate;min-height:740px}
 .hina-launch-copy{max-width:510px;padding-bottom:64px}
 .hina-launch-art{height:640px;margin-top:100px;overflow:visible}
 .hina-launch-art img{height:1250px;left:45%;top:-8px}
 .hina-launch-art::after{content:"";position:absolute;inset:0 -100px -100px -70px;background:linear-gradient(0deg,var(--background),transparent 25%);pointer-events:none}
}
@media(max-width:700px) and (orientation:portrait){
 .hina-launch-grid{display:block;position:relative;isolation:isolate}
 .hina-launch-copy{padding:calc(var(--header-height) + 20px) 0 28px;position:relative;z-index:2}
 .hina-breadcrumb{margin-bottom:24px}
 .hina-launch-copy>.product-label{max-width:48%;font-size:.6875rem;letter-spacing:.09em}
 .hina-launch h1{font-size:clamp(3rem,14vw,4rem);max-width:56%;min-height:190px;padding-top:8px}
 .hina-launch h1 span{font-size:.67em;white-space:normal;line-height:1.08}
 .hina-description{margin-top:12px!important;max-width:none;line-height:1.6}
 .hina-launch-art{position:absolute;z-index:0;top:calc(var(--header-height) + 48px);right:-35px;width:78%;height:365px;margin:0;overflow:hidden;background:none}
 .hina-launch-art img{top:0;left:50%;height:860px;width:579px;max-width:none;transform:translateX(-50%)}
 .hina-launch-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--background) 0%,transparent 47%),linear-gradient(90deg,var(--background),transparent 38%)}
 .hina-description,.hina-pills,.hina-hero-actions,.release-note{position:relative}
 .hina-product-main .hina-hero-actions .button{min-height:48px}
}

/* Games heading uses the same ArtLash mark as the wordmark. */
.page-intro .eyebrow{display:flex;align-items:center;gap:12px}
.page-intro .intro-mark{display:block;width:18px;height:18px;flex:none}
/* Four language names stay readable and tappable in the mobile sheet. */
@media (max-width:680px){
  .site-header .menu-language-slot .language-options{grid-template-columns:minmax(0,1fr)}
  .site-header .menu-language-slot .language-options a{min-width:0;min-height:48px;white-space:normal}
}
