/* Full-bleed service campaign. Only the viewport clips the eye flight. */
.services-surface{background:#0c100d}
.services-surface .task-section--immersive{width:100%;max-width:none;margin:0;padding:0;scroll-margin-top:80px}
#vayform-services{--ef-gutter:var(--vf-gutter);--ef-nav-height:78px;--ef-caption-gap:48px;--ef-scroll-space:calc(var(--vf-scroll-bottom) + 48px + var(--vf-scroll-offset));width:100%;padding:0;box-sizing:border-box}
#vayform-services .ef-product{--ef-ink:var(--vf-surface);--ef-lime:var(--vf-acid);--ef-paper:var(--vf-cream);background:var(--ef-ink);color:var(--ef-paper);font-family:var(--vf-body);overflow-wrap:break-word}
#vayform-services .ef-product *,#vayform-services .ef-product *::before,#vayform-services .ef-product *::after{box-sizing:border-box}
#vayform-services .ef-stage{position:relative;isolation:isolate;width:100%;height:var(--vf-stage-height);overflow:hidden;background:var(--ef-ink);perspective:1400px;perspective-origin:50% 50%;touch-action:pan-y}
#vayform-services .ef-stage::after{content:'';position:absolute;inset:0;z-index:11;pointer-events:none;background:linear-gradient(0deg,rgba(7,11,8,.98),rgba(7,11,8,.76) 24%,rgba(7,11,8,.24) 46%,transparent 68%)}
#vayform-services .ef-intro,#vayform-services .ef-slogan{margin:0;font-family:var(--vf-display);font-size:var(--vf-headline);line-height:var(--vf-headline-line);letter-spacing:var(--vf-headline-spacing);font-weight:900;color:var(--ef-paper);pointer-events:none;text-shadow:0 3px 24px rgba(0,0,0,.55)}
#vayform-services .ef-intro{position:absolute;left:max(var(--ef-gutter),calc((100% - 1440px)/2));right:var(--ef-gutter);bottom:calc(var(--ef-nav-height) + var(--ef-scroll-space) + var(--ef-caption-gap));z-index:3;transform-origin:left bottom}
#vayform-services .ef-caption{position:absolute;left:max(var(--ef-gutter),calc((100% - 1440px)/2));right:var(--ef-gutter);bottom:calc(var(--ef-nav-height) + var(--ef-scroll-space) + var(--ef-caption-gap));z-index:12;display:grid;gap:18px;pointer-events:none}
#vayform-services .ef-product:not([data-phase="intro"]) .ef-intro{visibility:hidden}
#vayform-services .ef-slogan{z-index:12;opacity:0;will-change:transform,opacity}
#vayform-services .heading-dot{color:var(--ef-lime)}
#vayform-services .ef-world{position:absolute;inset:0;z-index:2;visibility:hidden;pointer-events:none;transform-style:preserve-3d;will-change:transform}
#vayform-services .ef-screen{position:absolute;inset:-18%;background:radial-gradient(ellipse at 67% 46%,rgba(183,190,174,.14),transparent 62%),linear-gradient(115deg,#090c0a,#161b16 67%,#0a0d0b);transform:translateZ(-65px)}
#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,#090d0b,#17201b 68%,#0b0f0d)}
#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,#0a0d0c,#1a201c 68%,#0b0e0c)}
#vayform-services .ef-floor{position:absolute;right:8%;bottom:35px;width:32%;height:42px;border-radius:50%;background:rgba(0,0,0,.36);filter:blur(24px);transform:translateZ(0);opacity:0;will-change:transform,opacity}
#vayform-services .ef-figure{position:absolute;width:72%;height:112%;right:-2%;bottom:-4%;opacity:0;transform-origin:50% 75%;transform-style:preserve-3d;will-change:transform,opacity;filter:drop-shadow(15px 25px 24px rgba(0,0,0,.24));pointer-events:none}
#vayform-services .ef-figure[data-kind="product"]{width:82%;height:114%;right:-4%;bottom:-2%;filter:drop-shadow(13px 26px 25px rgba(0,0,0,.25))}
#vayform-services .ef-object{display:block;height:100%;width:100%;object-fit:contain;object-position:right bottom}
#vayform-services .ef-figure[data-asset-state="loading"] .ef-object,#vayform-services .ef-figure[data-asset-state="error"] .ef-object{visibility:hidden}
#vayform-services .ef-product[data-eye-state="error"] .ef-eye-anchor{background:url('/assets/vayform-eye.svg') center/60% no-repeat}
#vayform-services .ef-product[data-eye-state="error"] :is(.ef-eye,.ef-eye-shine){visibility:hidden}
#vayform-services .ef-tags{position:absolute;inset:0;opacity:0;transform-style:preserve-3d;will-change:transform,opacity}
#vayform-services .ef-language{position:absolute;left:max(var(--ef-gutter),calc((100% - 1440px)/2));display:block;font-family:'Roboto Condensed',Impact,Arial,sans-serif;font-size:clamp(42px,5vw,86px);line-height:1.02;letter-spacing:-.025em;font-weight:700;color:#dce2d3;opacity:.24;transform:translateZ(-12px)}
#vayform-services .ef-language:nth-child(1){top:17%}
#vayform-services .ef-language:nth-child(2){top:29%}
#vayform-services .ef-language:nth-child(3){top:41%}
#vayform-services .ef-portal{position:absolute;inset:0;z-index:8;pointer-events:none;perspective:1400px}
#vayform-services .ef-eye-anchor{position:absolute;width:clamp(440px,min(70vw,94svh),920px);aspect-ratio:1;left:60%;top:43%;transform:translate(-54.73%,-52.42%);will-change:left,top,opacity}
#vayform-services .ef-eye{display:block;width:100%;height:100%;object-fit:contain;transform-origin:54.73% 52.42%;filter:drop-shadow(0 14px 24px rgba(0,0,0,.4));will-change:transform}
#vayform-services .ef-eye-shine{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform-origin:54.73% 52.42%;pointer-events:none;opacity:0;filter:brightness(1.5) saturate(1.1);mix-blend-mode:screen;will-change:transform,opacity}
#vayform-services .ef-veil{position:absolute;inset:0;z-index:9;background:#040604;opacity:0;pointer-events:none}
#vayform-services .ef-wake{position:absolute;left:50%;top:50%;width:210px;height:210px;border:1px solid rgba(210,255,54,.45);border-radius:50%;opacity:0;transform:translate(-50%,-50%);z-index:10;pointer-events:none;box-shadow:0 0 26px rgba(210,255,54,.08)}
#vayform-services .ef-nav{position:absolute;left:max(var(--ef-gutter),calc((100% - 1440px)/2));right:max(var(--ef-gutter),calc((100% - 1440px)/2));bottom:var(--ef-scroll-space);z-index:21;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-height:var(--ef-nav-height)}
#vayform-services .ef-button{font:inherit;color:#c4ccbc;background:transparent;border:0;border-radius:0;border-top:2px solid #47523e;display:flex;gap:16px;align-items:center;text-align:left;min-height:var(--ef-nav-height);padding:12px 0;transition:color .2s ease,border-color .2s ease}
#vayform-services .ef-button[aria-pressed="true"]{color:var(--ef-lime);border-top-color:var(--ef-lime)}
#vayform-services .ef-num{font-size:11px;line-height:1.5;font-weight:500;align-self:flex-start;padding-top:3px}
#vayform-services .ef-button-name{font-size:clamp(13px,1.25vw,19px);line-height:1.5;font-weight:600}
#vayform-services .ef-button>i{font-style:normal;font-size:20px;margin-left:auto}
#vayform-services .ef-detail{max-width:580px;opacity:0;visibility:hidden;will-change:transform,opacity;text-shadow:0 2px 14px rgba(0,0,0,.8)}
#vayform-services .ef-copy{font-size:var(--vf-copy-size);line-height:var(--vf-copy-line);font-weight:400;max-width:560px;margin:0;color:var(--vf-copy-ink)}
#vayform-services .vf-scroll-cue--labelled{width:132px;height:44px}
#vayform-services .vf-scroll-label{display:block;text-align:center;font-family:var(--vf-body);font-size:10px;line-height:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#b6c1aa;transition:color 200ms ease}
#vayform-services .vf-scroll-cue--labelled:is(:hover,:focus-visible) .vf-scroll-label{color:var(--vf-acid)}
@media(hover:hover){#vayform-services .ef-button:hover{color:#fff}}
@media(max-width:700px){
  .services-surface .task-section--immersive{scroll-margin-top:72px}
  #vayform-services{--ef-nav-height:86px;--ef-caption-gap:40px}
  #vayform-services .ef-stage{perspective:1100px}
  #vayform-services .ef-intro{bottom:calc(var(--ef-nav-height) + var(--ef-scroll-space) + var(--ef-caption-gap))}
  #vayform-services .ef-caption{bottom:calc(var(--ef-nav-height) + var(--ef-scroll-space) + var(--ef-caption-gap));gap:16px}
  #vayform-services .ef-eye-anchor{width:clamp(360px,98vw,650px)}
  #vayform-services .ef-figure{width:126%;height:106%;right:-14%;bottom:-2%}
  #vayform-services .ef-figure[data-kind="product"]{width:134%;height:110%;right:-18%;bottom:-1%}
  #vayform-services .ef-floor{width:65%;right:0;bottom:55px}
  #vayform-services .ef-nav{gap:12px}
  #vayform-services .ef-button{display:block;padding:12px 0 10px}
  #vayform-services .ef-num{display:block;padding:0;margin-bottom:6px}
  #vayform-services .ef-button-name{font-size:12px;line-height:1.45}
  #vayform-services .ef-button>i{display:none}
  #vayform-services .ef-language{font-size:clamp(38px,8vw,54px)}
  #vayform-services .ef-language:nth-child(1){top:15%}
  #vayform-services .ef-language:nth-child(2){top:25%}
  #vayform-services .ef-language:nth-child(3){top:35%}
  #vayform-services .ef-detail{max-width:520px}
}
@media(max-width:360px){
  #vayform-services .ef-nav{gap:10px}
  #vayform-services .ef-button-name{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#vayform-services .ef-product *{transition:none!important;will-change:auto!important}}
.motion-paused #vayform-services *{transition:none!important;will-change:auto!important}

