/* Portrait KV: keep the original prize platform intact and give every group its own space. */
@media (max-width:700px) {
  .hero-original-kv .hero-frame {
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    height:auto;
    min-height:100svh;
    padding:calc(var(--nav-height) + 12px) 0 max(20px,env(safe-area-inset-bottom));
    background:radial-gradient(ellipse at 50% 36%,#ffffff37,transparent 44%),linear-gradient(180deg,#0868bc 0%,#22a6dc 27%,#9ddded 60%,#e4eced 80%,#f1eee8 100%);
  }
  .hero-original-kv .mobile-kv {
    position:relative;
    inset:auto;
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:center;
    width:100%;
    overflow:visible;
  }
  .hero-original-kv .mobile-kv-copy {
    flex:0 0 auto;
    height:auto;
    align-items:center;
  }
  .hero-original-kv .mobile-kv-label { width:clamp(122px,35vw,144px); }
  .hero-original-kv .mobile-kv-tagline { width:clamp(211px,61vw,255px); }
  .hero-original-kv .mobile-kv-headline { width:clamp(240px,72vw,292px); }
  .hero-original-kv .mobile-kv-scene {
    position:relative;
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:center;
    width:min(100%,430px);
    max-width:430px;
    min-height:0;
    margin:-2px auto 0;
    padding-bottom:95px;
    isolation:isolate;
  }
  .hero-original-kv .mobile-kv-halo {
    top:5%;
    left:8%;
    width:84%;
    z-index:0;
    opacity:.55;
  }
  .hero-original-kv .mobile-kv-wheel {
    position:relative;
    inset:auto;
    display:block;
    width:100%;
    height:auto;
    margin:0;
    z-index:1;
    filter:drop-shadow(0 13px 18px #0d5b8b25);
    mask-image:radial-gradient(ellipse 95% 95% at 40% 15%,#000 65%,transparent 100%);
    -webkit-mask-image:radial-gradient(ellipse 95% 95% at 40% 15%,#000 65%,transparent 100%);
  }
  .hero-original-kv .mobile-kv-award {
    position:absolute;
    top:calc(100% - 200px);
    left:50%;
    right:auto;
    bottom:auto;
    z-index:3;
    width:min(74%,290px);
    min-width:0;
    height:auto;
    min-height:0;
    margin:0;
    display:block;
    object-fit:contain;
    filter:drop-shadow(0 3px 2px #6f4b2f55);
    transform:translateX(-50%);
  }
  .hero-original-kv .hero-actions {
    position:relative;
    inset:auto;
    display:flex;
    flex:0 0 auto;
    width:calc(100% - 32px);
    max-width:430px;
    margin:8px auto 0;
    transform:none;
    z-index:4;
  }
}
@media (max-width:700px) and (max-height:740px) {
  .hero-original-kv .hero-frame { padding-top:calc(var(--nav-height) + 4px); padding-bottom:12px; }
  .hero-original-kv .mobile-kv-label { width:110px; }
  .hero-original-kv .mobile-kv-tagline { width:196px; }
  .hero-original-kv .mobile-kv-headline { width:229px; }
  .hero-original-kv .mobile-kv-wheel { width:86%; }
  .hero-original-kv .mobile-kv-scene { padding-bottom:65px; }
  .hero-original-kv .mobile-kv-award { top:calc(100% - 160px); width:65%; }
  .hero-original-kv .hero-actions { margin-top:0; }
  .hero-original-kv .hero-actions .button { min-height:44px; }
}
@media (max-width:340px) and (max-height:600px) {
  .hero-original-kv .hero-frame { padding-top:var(--nav-height); padding-bottom:8px; }
  .hero-original-kv .mobile-kv-label { width:105px; }
  .hero-original-kv .mobile-kv-tagline { width:184px; }
  .hero-original-kv .mobile-kv-headline { width:215px; }
  .hero-original-kv .mobile-kv-wheel { width:80%; }
  .hero-original-kv .mobile-kv-scene { padding-bottom:65px; }
}
@media (max-width:700px) and (prefers-reduced-motion:no-preference) {
  .hero-original-kv .mobile-kv-copy>img,
  .hero-original-kv .mobile-kv-scene>.mobile-kv-wheel {
    animation:mobile-kv-soft-in .55s both cubic-bezier(.2,.7,.2,1);
  }
  .hero-original-kv .mobile-kv-award { animation:none!important; }
  @keyframes mobile-kv-soft-in {
    from { opacity:.85; transform:translateY(6px); }
    to { opacity:1; transform:none; }
  }
}