/* IQ: common responsive hero grid and non-emoji link arrows. */
.iq-link-arrow{display:inline-block!important;flex:0 0 auto!important;vertical-align:-.08em!important;width:var(--iq-arrow-size,14px)!important;height:var(--iq-arrow-size,14px)!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background-color:currentColor!important;background-image:none!important;box-shadow:none!important;font-size:0!important;line-height:0!important;letter-spacing:0!important;-webkit-mask:url('/assets/iq-link-arrow-20261104-ccf05af15299.svg') center/contain no-repeat!important;mask:url('/assets/iq-link-arrow-20261104-ccf05af15299.svg') center/contain no-repeat!important}
.iq-link-arrow::before,.iq-link-arrow::after{display:none!important;content:none!important}
.site-header .iq-mobile-menu-cta__arrow{--iq-arrow-size:19px;color:#fff!important;font-size:0!important;line-height:0!important;width:19px!important;height:19px!important;transform:translateY(-50%)!important}
.site-header .iq-mobile-menu-cta__arrow>.iq-link-arrow{vertical-align:top!important}
.service-catalog-page h1.iq-hero-title{line-height:1.04!important;letter-spacing:-.045em!important;word-spacing:.035em!important;overflow-wrap:break-word!important;hyphens:none!important;max-width:100%!important}
.service-catalog-page :is(.sites-hub-hero,.direction-v2-hero,.infra-hero,.landing-hero,.corporate-hero,.ecommerce-hero,.portals-hero,.pd-hero,.dev-hero,.platform-hero,.avito-store-hero)>*{min-width:0}
@media(min-width:1101px){
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero,.infra-hero,.landing-hero,.corporate-hero,.ecommerce-hero,.portals-hero,.pd-hero,.dev-hero,.platform-hero,.avito-store-hero){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:clamp(40px,4vw,80px)!important;padding:clamp(48px,4vw,72px) max(4vw,calc((100vw - 1680px)/2)) clamp(56px,4.5vw,80px)!important;min-height:clamp(620px,calc(100svh - 88px),860px)!important}
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero)>div:first-child{align-self:start!important;padding:0!important}
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero) h1.iq-hero-title{font-size:clamp(48px,4.4vw,72px)!important;margin-block:0!important}
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero)>div:first-child>.section-tag{margin-bottom:32px!important}
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero)>div:first-child>p:not(.section-tag){margin-top:30px!important;max-width:650px!important}
 .service-catalog-page :is(.sites-hub-hero-notes,.direction-v2-hero-notes){margin-top:34px!important}
 .development-page .development-hero>.development-demo{width:100%!important;max-width:740px!important;align-self:center!important}
 .promotion-page .promotion-hero>.iq-promotion-enquiries-host{width:92%!important;max-width:660px!important;align-self:center!important}
 .sites-hub-page .sites-hub-hero>:is(.sites-hub-hero-visual,.iq-sites-formats-host){width:100%!important;max-width:740px!important;align-self:center!important;transform:none!important;padding:0!important}
 .service-catalog-page :is(.infra-hero,.landing-hero,.corporate-hero,.ecommerce-hero,.portals-hero,.pd-hero,.dev-hero)>[role="img"]{align-self:center!important;min-height:0!important;width:100%!important;max-width:740px!important;margin-inline:auto!important}
}
@media(min-width:641px) and (max-width:1100px){
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero,.infra-hero,.landing-hero,.corporate-hero,.ecommerce-hero,.portals-hero,.pd-hero,.dev-hero,.platform-hero,.avito-store-hero){grid-template-columns:minmax(0,1fr)!important;gap:36px!important;padding:52px 5vw 64px!important;min-height:0!important}
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero) h1.iq-hero-title{font-size:clamp(48px,7vw,68px)!important}
 .development-page .development-hero>.development-demo,.sites-hub-page .sites-hub-hero>:is(.sites-hub-hero-visual,.iq-sites-formats-host){width:min(100%,680px)!important;max-width:680px!important}
 .promotion-page .promotion-hero>.iq-promotion-enquiries-host{width:min(100%,620px)!important;max-width:620px!important}
}
@media(max-width:640px){
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero,.infra-hero,.landing-hero,.corporate-hero,.ecommerce-hero,.portals-hero,.pd-hero,.dev-hero,.platform-hero,.avito-store-hero){grid-template-columns:minmax(0,1fr)!important;gap:28px!important;padding:38px 5vw 46px!important;min-height:0!important}
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero) h1.iq-hero-title{font-size:clamp(32px,9vw,44px)!important}
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero)>div:first-child>p:not(.section-tag){margin-top:24px!important}
 .development-page .development-hero>.development-demo,.sites-hub-page .sites-hub-hero>:is(.sites-hub-hero-visual,.iq-sites-formats-host),.promotion-page .promotion-hero>.iq-promotion-enquiries-host{width:100%!important;max-width:520px!important;align-self:center!important}
}
@media(max-width:1100px){
 html.iq-menu-open,html.iq-menu-open body{overflow:hidden!important;overscroll-behavior:none}
 .site-header .nav.nav-open{top:var(--iq-menu-top,76px)!important;bottom:auto!important;height:calc(100vh - var(--iq-menu-top,76px))!important;height:calc(100dvh - var(--iq-menu-top,76px))!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(28px,env(safe-area-inset-bottom))!important;background:#fff!important}
 .site-header .mobile-navigation{min-height:0!important}
 .site-header .mobile-navigation .nav-contacts{display:flex!important;flex-wrap:wrap!important;gap:14px 24px!important;align-items:center!important;padding-bottom:12px!important}
}
/* Match visible artwork, rather than the unequal transparent SVG margins. */
@media(min-width:1101px){
 .service-catalog-page :is(.sites-hub-hero,.direction-v2-hero){--iq-art-height:clamp(380px,calc(100svh - 210px),620px)}
 .development-page .development-hero>.development-demo,.sites-hub-page .sites-hub-hero>:is(.sites-hub-hero-visual,.iq-sites-formats-host),.promotion-page .promotion-hero>.iq-promotion-enquiries-host{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:var(--iq-art-height)!important;aspect-ratio:auto!important}
 .development-page :is(.iq-development-hub-scene,.development-demo:not(.iq-development-hub-host)::after){width:min(100%,calc(var(--iq-art-height)*1.3))!important}
 .sites-hub-page :is(.iq-sites-formats-scene,.sites-hub-hero-visual::after){width:min(100%,calc(var(--iq-art-height)*1.35))!important}
 .promotion-page .iq-promotion-enquiries-scene{width:min(100%,calc(var(--iq-art-height)*1.2))!important;flex:none!important}
}
