/* Last-loaded structural adapter. Colors, content, component spacing and motion come from production CSS. */
:root{--mp-nav-height:80px}
body[data-page="services"] .mp-page-content,
body[data-page="story"] .mp-page-content,
body[data-page="solutions"] .mp-page-content,
body[data-page="works"] .mp-page-content,
body[data-page="clients"] .mp-page-content{padding-top:var(--mp-nav-height)}
body[data-page="home"] #top.binly-world{padding-top:max(116px,calc(var(--mp-nav-height) + 35px))}
body[data-page="news"] .news-main,
body[data-page="article"] .news-main{padding-top:max(128px,calc(var(--mp-nav-height) + 47px))}
body[data-page] .mp-page-content [id]{scroll-margin-top:calc(var(--mp-nav-height) + 16px)}
body[data-page] #navLinks{max-height:calc(100vh - var(--mp-nav-height));max-height:calc(100dvh - var(--mp-nav-height))}

/* The new H1 uses exactly the original V4 H2 typography at all original breakpoints. */
.v4-section h1{font-size:clamp(30px,3.2vw,48px);line-height:1.35;letter-spacing:-.04em;font-weight:700;margin:0}
.v4-section h1 span{color:#657b92}
.v4-contact h1 span{color:var(--v4-blue)}
@media(min-width:761px) and (max-width:1100px){
 body[data-page="home"] #top.binly-world{padding-top:max(105px,calc(var(--mp-nav-height) + 38px))}
}
@media(max-width:1100px){:root{--mp-nav-height:66px}}
@media(max-width:760px){
 body[data-page="home"] #top.binly-world{padding-top:max(100px,calc(var(--mp-nav-height) + 33px))}
 body[data-page="news"] .news-main,body[data-page="article"] .news-main{padding-top:max(100px,calc(var(--mp-nav-height) + 33px))}
 .v4-section h1{font-size:29px;letter-spacing:-.035em}
}
@media(max-width:350px){.v4-section h1{font-size:25px}}
@media(prefers-reduced-motion:no-preference){
 .mp-page-content{animation:mp-page-in 220ms ease-out both}
 @keyframes mp-page-in{from{opacity:.15}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .mp-page-content{animation:none}
}