/* Four homepage-only fixes; desktop styles are untouched. */
@media(max-width:1023px){
.HeroMain-ixlmcu-0{padding-top:120px!important}
#services .ServicesItemContainer-rs4l6k-0:has(.ServicesItemMain-rs4l6k-5:not([open])) .ServicesItemHeader-rs4l6k-2,
#services .ServicesItemContainer-rs4l6k-0:has(.ServicesItemMain-rs4l6k-5:not([open])) .ServicesItemLabel-rs4l6k-1,
#services .ServicesItemContainer-rs4l6k-0:has(.ServicesItemMain-rs4l6k-5:not([open])) .ServicesItemIcon-rs4l6k-4{color:#6f879c!important}
#services .ServicesItemContainer-rs4l6k-0:has(.ServicesItemMain-rs4l6k-5[open]) .ServicesItemHeader-rs4l6k-2,
#services .ServicesItemContainer-rs4l6k-0:has(.ServicesItemMain-rs4l6k-5[open]) .ServicesItemLabel-rs4l6k-1,
#services .ServicesItemContainer-rs4l6k-0:has(.ServicesItemMain-rs4l6k-5[open]) .ServicesItemIcon-rs4l6k-4{color:#FFFDF9!important}
.WorkListItemMain-sc-11omo7k-0 .WorkListItemIcon-sc-11omo7k-2{display:none!important}
.kuda-world-tail-v124{display:inline-block!important;white-space:nowrap!important;text-indent:0!important}
.kuda-world-tail-v124>svg{display:inline-block!important;vertical-align:baseline!important;margin-left:.22em!important;margin-bottom:0!important;width:20px!important;height:20px!important}
}

/* v125: derive the divider from actual accordion state, not stale SSR classes. */
@media(max-width:1023px){
#services .ServicesItemContainer-rs4l6k-0:has(.ServicesItemMain-rs4l6k-5:not([open])) .ServicesItemHeader-rs4l6k-2{border-bottom:1px solid #6f879c!important}
#services .ServicesItemContainer-rs4l6k-0:has(.ServicesItemMain-rs4l6k-5[open]) .ServicesItemHeader-rs4l6k-2{border-bottom:1px solid transparent!important}
}

/* Use the full mobile column so the final phrase and live icon fit together. */
@media(max-width:1023px){
h2:has(>[aria-label="Мы создаём не страницы — мы создаём миры"]){max-width:none!important;width:100%}
}

/* v127: brand stays above the scroll-activated header gradient.
   The parent header still hides both brand and menu together. */
@media(max-width:1023px){
html.kuda-mobile-ready-v118 header .HeaderMain-sc-11swxyq-2>a:has(.HeaderLogo-sc-11swxyq-3){position:relative;z-index:1}
}

/* v128: only the four requested mobile gaps.
   Reference: All services -> Process = 21vh section padding + 5vh spacer.
   Preserve the reference gap, all internal spacing, and all desktop rules. */
@media(max-width:1023px){
 .SpacerVHMain-x8s4h8-0:has(+ div [data-scroll-call="brand"]),
 .SpacerVHMain-x8s4h8-0:has(+ #expertise),
 .SpacerVHMain-x8s4h8-0:has(+ div .ClientsMain-sc-1rhlwwx-0){height:26vh!important}
 .ClientsMain-sc-1rhlwwx-0{margin-top:0!important}
 /* Services already has 6vw top padding; count it once in the total gap. */
 .SpacerVHMain-x8s4h8-0:has(+ div #services){height:calc(26vh - 6vw)!important}
}

/* v136: align the mission with the introductory paragraph on mobile only. */
@media(max-width:639px){.HomeBrandText-sc-1lyzptc-0{padding-left:4.4rem}}
@media(min-width:640px) and (max-width:1023px){.GridItemMain-cf6y9b-0:has(>.HomeBrandText-sc-1lyzptc-0){grid-column:3 / span 6}}