/* One neutral black across the public site. Colour belongs to imagery and light. */
:root{--vf-surface:var(--ink)}
.services-surface,.work-visual,.work-film-poster{background-color:var(--ink)}
.hero::after{background:linear-gradient(90deg,rgba(16,17,16,.44),transparent 70%),linear-gradient(0deg,rgba(16,17,16,.85),transparent 34%,transparent 80%,rgba(16,17,16,.25))}
#vayform-services .ef-stage::after{background:linear-gradient(0deg,rgba(16,17,16,.98),rgba(16,17,16,.76) 24%,rgba(16,17,16,.24) 46%,transparent 68%)}
#vayform-services .ef-screen{background:radial-gradient(ellipse at 67% 46%,rgba(183,190,174,.14),transparent 62%),linear-gradient(115deg,#101110,#191a19 67%,#101110)}
#vayform-services .ef-product[data-service="1"] .ef-screen{background:radial-gradient(ellipse at 67% 46%,rgba(188,205,146,.17),transparent 64%),linear-gradient(110deg,#101110,#1a1b1a 68%,#101110)}
#vayform-services .ef-product[data-service="2"] .ef-screen{background:radial-gradient(ellipse at 69% 45%,rgba(192,197,188,.15),transparent 60%),linear-gradient(110deg,#101110,#1a1b1a 68%,#101110)}
#vayform-services .ef-veil{background:var(--ink)}
.work-visual::after,.work-film-poster::after{background:linear-gradient(90deg,rgba(16,17,16,.7),rgba(16,17,16,.05) 75%),linear-gradient(0deg,#101110 2%,rgba(16,17,16,.88) 15%,rgba(16,17,16,.34) 38%,transparent 66%)}
.work-thumb::after{background:linear-gradient(0deg,#101110d9,transparent 78%)}
.project-flight::after{background:linear-gradient(90deg,rgba(16,17,16,.7),rgba(16,17,16,.05) 75%),linear-gradient(0deg,#101110 2%,rgba(16,17,16,.88) 15%,rgba(16,17,16,.34) 38%,transparent 66%)}
.site-footer .footer-socials,.menu-socials{flex-wrap:wrap}
.footer-social-icon[aria-disabled="true"],.menu-social-icon[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.socials-note{font:400 10px/1.4 var(--vf-body);color:#a9ada5;white-space:nowrap}
/* Longer translations retain the existing composition and touch targets. */
html:not([lang="ru"]) #vayform-services :is(.ef-intro,.ef-slogan){font-size:clamp(64px,7vw,132px)}
html:not([lang="ru"]) .project-dialog-copy h2{overflow-wrap:anywhere}
@media(max-width:700px){
  html:not([lang="ru"]) #vayform-services :is(.ef-intro,.ef-slogan){font-size:clamp(36px,9.5vw,64px)}
  html:not([lang="ru"]) #vayform-services .ef-button-name{font-size:11px}
  html:not([lang="ru"]) .faq--chapter .faq-title h2{font-size:clamp(32px,8.8vw,54px)}
}
