.hero-scroll>.hero{height:100svh;min-height:650px}.hero-hop{bottom:155px!important}.hero-bottom{height:105px!important}.hero-heading-wrap{z-index:5}
.hop-stage{height:min(420px,48svh);min-height:0}.hop-stage .character{width:min(265px,60%)}.hero-bottom{align-items:center!important}.hero-intro .eyebrow{margin-bottom:3px!important;font-size:8px!important}.hero-intro p{line-height:1.4!important}.hero-bottom .scroll-cue{display:none}
.hero{background: url('assets/crayon-pastel/02-pastel-crayon-orbit-medium.png') center/cover no-repeat!important}.hero:before{display:none}.hero-note,.hero-star{display:none}.main-nav{padding:15px 22px;margin:14px auto 0;max-width:1050px;background:#fffaf0eb;border:1px solid #ffffff80;border-radius:40px;backdrop-filter:blur(8px)}.main-nav>a,.main-nav>button{font-size:18px}
.hero-heading-wrap{margin-top:23px}.hero h1{font-size:clamp(40px,7vw,115px);color:#193963;text-shadow:0 2px 8px #fffaf0}.hero-hop{bottom:105px}.hero-bottom{padding:15px 24px;background:#fffaf0e8;border-radius:24px 24px 0 0;backdrop-filter:blur(8px);left:var(--page-pad);right:var(--page-pad);bottom:0}.hero-intro p{font-size:23px}.hero-intro .eyebrow{font-size:9px}.hop-controls{border-radius:25px;background:#fffaf0eb;padding:8px;backdrop-filter:blur(6px)}.track-label{background:#fffaf0d9;border-radius:20px;padding:3px 9px}.comparison-footer{padding:40px;text-align:center;line-height:2;background:#fffaf0}.hide-character .hero-hop{visibility:hidden}
@media(max-width:760px){.direction-toolbar{gap:10px;padding:12px}.direction-toolbar nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow:auto}.direction-toolbar button{flex:none}.main-nav{padding:12px;margin-top:15px}.main-nav>a,.main-nav>button{font-size:14px}.main-nav span{display:none}.hero-heading-wrap{margin-top:30px}.hero h1{font-size:11vw}.hero-bottom{padding:15px;left:12px;right:12px}.hero-intro p{font-size:17px}.hero-intro .eyebrow{max-width:150px;font-size:7px}.hero-hop{bottom:150px}.hero{background-position:center!important}.hero-bottom .scroll-cue{display:none}}

.hero-bottom{height:130px!important}
@media(prefers-reduced-motion:reduce){.hero-scroll>.hero{position:relative}}