.home-hero.jh-harvest { position:relative; overflow-x:clip; }
.jh-harvest .hero-aside { display:block; position:relative; }
.jh-harvest .harvest-stage { display:inline-block; vertical-align:top; position:relative; isolation:isolate; }
.jh-harvest .home-mascot { z-index:1; }
.jh-harvest .harvest-ground { position:absolute; width:38%; max-width:none; height:auto; left:83%; bottom:5%; pointer-events:none; }
.jh-harvest .harvest-leaves { position:absolute; inset:0; pointer-events:none; }
.jh-harvest .harvest-leaves img { position:absolute; right:1.5%; top:12%; width:clamp(28px,2.3vw,40px); transform:rotate(19deg); }
.jh-harvest .harvest-leaves img:nth-child(2) { right:.85%; top:39%; width:clamp(21px,1.6vw,27px); transform:rotate(-29deg); filter:hue-rotate(27deg) saturate(.94) brightness(1.16); }
.jh-harvest .harvest-leaves img:nth-child(3) { right:3%; top:61%; width:clamp(16px,1.3vw,21px); transform:rotate(74deg); }
.jh-harvest .hero-caption { margin-top:1rem; }
.jh-harvest .mobile-hero-mascot { display:none!important; }
@media(max-width:760px) {
 .home-hero.jh-harvest { grid-template-columns:1fr; gap:15px; }
 .jh-harvest>.hero-aside { display:block; grid-row:auto; margin:0; }
 .jh-harvest .harvest-leaves { display:none; }
 .jh-harvest .home-mascot>.jh-mascot-bubble { width:95px; max-width:none; }
}

/* Register the 16:9 frame to the idle artwork, with space to the left for the running turkey. */
.jh-harvest .harvest-film {
  position:absolute; top:-12%; left:-125.9%; width:250.7%; max-width:none;
  height:auto; aspect-ratio:16/9; z-index:2; pointer-events:none; opacity:0;
  transition:opacity .22s ease;
}
.jh-harvest .harvest-ground,.jh-harvest .home-mascot { transition:opacity .22s ease; }
.jh-harvest .harvest-playing .harvest-film { opacity:1; }
.jh-harvest .harvest-playing :is(.harvest-ground,.home-mascot) { opacity:0; pointer-events:none; }
.jh-harvest .harvest-danger {
  position:absolute; width:91px; min-width:44px; bottom:4%; right:96%; z-index:4;
  border:0; background:none; color:#231813; padding:0; cursor:pointer;
  border-radius:6px; touch-action:manipulation; line-height:0;
}
.jh-harvest .harvest-danger img {
  width:100%; height:auto; display:block; filter:drop-shadow(0 0 3px #ffc650);
}
.jh-harvest .harvest-danger:hover img,.jh-harvest .harvest-danger:focus-visible img {
  filter:drop-shadow(0 0 5px #ff9e19); transform:translateY(-1px);
}
.jh-harvest .harvest-danger:focus-visible { outline:3px solid #872016; outline-offset:3px; }
.jh-harvest .harvest-arrow {
  position:absolute; width:68%; height:auto; bottom:99%; left:18%;
  filter:drop-shadow(1px 2px 0 #d8993f); overflow:visible;
}
.jh-harvest .harvest-danger[aria-pressed="true"] .harvest-arrow { visibility:hidden; }
.jh-harvest .harvest-danger-label {
  display:grid; justify-items:center; gap:2px; position:absolute; top:100%;
  left:50%; transform:translateX(-50%); width:max-content;
  font:800 11px/1.1 Arial,sans-serif; letter-spacing:.04em;
}
.jh-harvest .harvest-danger-label strong { color:#981b16; }
.jh-harvest .harvest-danger-label span { padding:2px 6px; border-radius:3px; background:#fff0b4; }
.jh-harvest .hero-caption { margin-top:36px; }
.jh-harvest .harvest-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media (max-width:1100px) { .jh-harvest .harvest-danger { width:75.4px; } }
@media (max-width:760px) {
  .jh-harvest .harvest-danger { width:49.4px; }
  .jh-harvest .harvest-arrow { width:82%; left:12%; }
  .jh-harvest .harvest-danger-label { font-size:10px; }
}
@media (prefers-reduced-motion:no-preference) {
  .jh-harvest .harvest-arrow { animation:harvest-point 1.15s ease-in-out 3; }
  @keyframes harvest-point { 50% { transform:translateY(5px); } }
}
@media (prefers-reduced-motion:reduce) {
  .jh-harvest :is(.harvest-film,.home-mascot,.harvest-ground) { transition:none; }
}

.harvest-leaf-gust {
  position:fixed; inset:0; width:100%; height:100%; z-index:2147483646;
  display:block; pointer-events:none;
}
@media (prefers-reduced-motion:reduce) { .harvest-leaf-gust { display:none; } }
