.home-turn-control{display:none}
@media(max-width:760px),(any-pointer:coarse){
  .home-turn-control{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent;z-index:1;touch-action:pan-y}
}
/* Portrait crop for the mobile Hero; desktop keeps its existing composition. */
@media(max-width:760px){
  #home{
    --home-title-size:clamp(40px,11.5vw,52px);
    --home-copy-top:calc(100vw * 16 / 9 * .73 - 48px);
    height:calc(100vw * 16 / 9);
    min-height:0;
  }
  #home .scene-stage{
    inset:0 0 auto;
    width:100%;
    height:auto;
    aspect-ratio:9 / 16;
    overflow:hidden;
  }
  #home .scene-stage img,#home .scene-stage video{
    top:5%;
    bottom:auto;
    height:90%;
    object-fit:cover;
    /* Focus on Tada's face rather than the center of the landscape canvas. */
    object-position:42% 50%;
  }
  #home .scene-stage::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,#d6edfb 5%,transparent 14%,transparent 91.5%,#d6edfb 95%);
  }
  body[data-scene="0"] .site-header::before{
    top:-18px;
    left:-16px;
    right:-16px;
    height:80px;
    background:linear-gradient(#d6edfbeb, #d6edfb70 80%,transparent);
    backdrop-filter:none;
  }
  #home .home-copy{
    left:24px;
    right:24px;
    top:var(--home-copy-top);
    bottom:auto;
  }
  #home #home-title{
    font-size:var(--home-title-size);
    line-height:1.08;
  }
  #home .adopt-button{margin-top:8px}
  #home .scroll-cue{
    top:auto;
    left:50%;
    right:auto;
    bottom:6px;
    transform:translateX(-50%);
    height:24px;
    padding:0 8px;
  }
  body:not([data-scene="0"]) .site-header::before{height:80px}
  #growth.growth-reference{padding-top:32px}
}
@media(max-width:360px){
  #home{--home-title-size:36px;height:calc(100vw * 16 / 9 + 8px)}
  #home .scroll-cue{font-size:0;gap:0;width:36px}
}
@media(max-width:760px) and (max-height:650px){
  #home{height:max(100svh,calc(100vw * 16 / 9))}
  #home .scene-stage::after{
    background:linear-gradient(180deg,#d6edfb 5%,transparent 14%,transparent 73.5%,#d6edfbed 84%,#d6edfb 95%);
  }
  #home{--home-title-size:36px}
  #home .home-copy{top:auto;bottom:56px}
}