@media (min-width:721px){
  .hero .astro{
    top:auto;
    bottom:67px;
    right:14.3vw;
    width:44%;
    height:auto;
    max-width:calc((100svh - clamp(90px,10.5vh,125px) - 67px) * 2 / 3);
    aspect-ratio:2/3;
    margin:0;
    transform:none;
  }
  .hero .astro picture{display:block;width:100%;height:100%}
  .hero .astro img,.hero .astro canvas{width:100%;height:100%;object-fit:contain;object-position:center bottom}
}

@media (max-width:720px){.hero .hero-bottom{position:relative;bottom:auto;width:100%;margin-top:0}}

@media (max-width:720px){.hero .astro{width:min(62vw,240px);margin:18px auto 0}}

@media (min-width:721px) and (max-width:1100px){
 .hero{min-height:clamp(1000px,107vw,1100px);height:auto}
 .hero .hero-content{max-width:48%;padding-left:4vw;padding-top:clamp(175px,20vh,235px)}
 .hero .astro{top:clamp(175px,20vh,235px);bottom:67px;right:0;height:calc(100% - clamp(175px,20vh,235px) - 67px);width:auto;max-width:none;aspect-ratio:2/3}
}

@media (min-width:721px) and (max-width:1400px) and (orientation:landscape){
 .hero{min-height:max(900px,100svh);height:auto}
 .hero .astro{top:clamp(175px,20vh,235px);bottom:67px;right:4vw;height:calc(100% - clamp(175px,20vh,235px) - 67px);width:auto;max-width:none;aspect-ratio:2/3}
}

@media (max-width:720px){
 .hero{display:block;padding-bottom:55px}
 .hero .hero-content{width:58%;max-width:58%;padding:120px 0 40px 18px}
 .hero .eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.6;gap:8px}
 .hero .eyebrow:before{width:18px;flex-shrink:0}
 .hero h1{font-size:clamp(25px,7vw,42px);margin:26px 0;line-height:1.06}
 .hero .hero-content p{font-size:14px;line-height:1.6}
 .hero .hero-content .btn{font-size:10px;padding:12px 14px;letter-spacing:.06em}
 .hero .astro{position:absolute;top:auto;bottom:55px;right:-2vw;width:46%;max-width:none;margin:0;height:auto}
 .hero .hero-bottom{position:absolute;bottom:0;width:100%;height:55px}
}

@media (max-width:720px){
 .hero .hero-content{width:49%;max-width:49%;padding:100px 0 28px 16px}
 .hero .eyebrow{font-size:10px!important;line-height:1.45!important;letter-spacing:.08em!important;gap:6px}
 .hero .eyebrow:before{width:12px!important}
 .hero h1{font-size:clamp(21px,5.8vw,34px)!important;line-height:1.04!important;margin:20px 0!important}
 .hero .hero-content p{font-size:12px!important;line-height:1.5!important}
 .hero .hero-content .btn{font-size:9px;padding:10px;letter-spacing:0;min-height:40px}
 .hero .astro{top:0;bottom:55px;height:calc(100% - 55px);width:auto;max-width:none;right:-7vw;aspect-ratio:2/3}
 .hero .astro picture{display:block;width:100%;height:100%}
 .hero .astro img,.hero .astro canvas{width:100%;height:100%;object-fit:contain;object-position:center bottom}
}

@media(max-width:360px){
 .hero .hero-content{width:47%;max-width:47%;padding-bottom:18px}
 .hero .eyebrow{font-size:8px!important;line-height:1.4!important}
 .hero h1{font-size:18px!important;margin:12px 0!important}
 .hero .hero-content p{font-size:10px!important;line-height:1.4!important}
 .hero .hero-content .btn{font-size:8px;padding:8px;min-height:36px}
}

@media(max-width:720px){.hero .eyebrow{white-space:nowrap;width:calc(100vw - 32px);font-size:clamp(8px,2.3vw,12px)!important;letter-spacing:.03em!important;gap:6px}.hero .eyebrow:before{display:none}}

@media(max-width:720px){
 .hero .hero-content{width:58%;max-width:58%;padding-left:16px;padding-bottom:28px}
 .hero .eyebrow{font-size:clamp(9px,2.6vw,14px)!important;letter-spacing:0!important}
 .hero h1{font-size:clamp(27px,7.5vw,44px)!important;line-height:1.05!important;margin:24px 0!important}
 .hero .hero-content p{font-size:14px!important;line-height:1.55!important}
 .hero .hero-content .btn{font-size:10px;padding:12px;min-height:44px}
 .hero .astro{left:58%;right:auto;transform:translateX(-10%)}
}

@media(max-width:1400px){
 .ticker{white-space:normal;padding:18px 12px;color:#f5f5f5}
 .ticker .ticker-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;animation:none;transform:none}
 .ticker .ticker-track span{margin:0;text-align:center;font-size:clamp(12px,2.2vw,20px);letter-spacing:.08em;line-height:1.5}
 .ticker .ticker-track b,.ticker .ticker-track span:nth-of-type(n+5){display:none}
}