/* Vector service arrows inherit existing state colors and transforms. */
svg.row-arrow{display:block;width:1em;height:1em;justify-self:end}
.service-cta-arrow{display:inline-block;width:1em;height:1em;margin-left:12px;vertical-align:-.15em}
@media(max-width:650px){
 .orbit,.orb{display:none;animation:none!important}
 /* Preserve the yellow cinematic surface without the decorative seed. */
 .yellow-layer:before{content:'';position:absolute;inset:0;background:#F5C400;clip-path:circle(calc(var(--mobile-fill,0)*150%) at 80% 65%);pointer-events:none}
 .hero>.scene-signature{right:10%;bottom:calc(17% - 34px);white-space:nowrap}
 body.past-hero .foot{display:none}
}

@media(max-width:650px){
 .hero-signature-prefix{display:none}
 .hero>.scene-signature{width:168px;right:10%;bottom:calc(17% - 22px);color:#F5C400;text-align:center}
 .foot{justify-content:center}
 .foot .scroll{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 8px;text-align:center}
 .hero-scroll-arrow{display:block;width:20px;height:20px;flex-shrink:0;animation:hero-scroll-cue 1.8s ease-in-out infinite}
 @keyframes hero-scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
}
@media(max-width:650px) and (max-height:700px){
 .hero .signature{bottom:23%}
 .hero>.scene-signature{bottom:calc(23% - 22px)}
}
@media(max-width:650px){
 body.reduce .foot{display:flex!important;top:calc(100svh - 80px);bottom:auto}
 body.reduce .hero-scroll-arrow{animation:none!important;transform:none!important}
}

/* The Hero cue uses the same inline vector on desktop and mobile. */
.scroll:has(.hero-scroll-arrow){display:flex;align-items:center;gap:22px}
.hero-scroll-arrow{display:block;width:20px;height:20px;flex-shrink:0;animation:hero-scroll-cue 1.8s ease-in-out infinite}
@keyframes hero-scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(max-width:650px){
 .foot .scroll{flex-direction:row;align-items:center;gap:12px}
 .foot{bottom:max(24px,env(safe-area-inset-bottom,0px))}
}

/* The shared navigation cue belongs to the Hero, not the Manifesto. */
body:not(.reduce).past-hero:not(.in-solutions) .foot .scroll{display:none}