/* V16 Premium: secondary pages only. No Home files altered. */ body.vx14-landing .wd-main :is(.wd-hero-shot,.wd-browser,.wd-work figure,.wd-split figure,.wd-team figure,.uv-work-tile,.uv-v4-project,.wd-gallery figure){border-radius:clamp(24px,2.5vw,36px)!important;overflow:hidden;isolation:isolate} body.vx14-landing .wd-main :is(.wd-hero-shot,.wd-browser,.wd-work figure,.wd-split figure,.wd-team figure,.uv-work-tile,.uv-v4-project,.wd-gallery figure) img{border-radius:inherit!important;backface-visibility:hidden;object-fit:cover} body.vx14-landing .wd-main :is(img,video){border-radius:clamp(22px,2.3vw,34px)} /* Refined photo reveals: no zoom, blur, parallax jump or mask distortion */ @media(prefers-reduced-motion:no-preference){ html.vx15-js body.vx14-landing .vx15-item:is(figure,.wd-browser,.wd-hero-shot,.uv-work-tile,.uv-v4-project), html.vx15-js body.vx14-landing .vx15-item:has(> img){opacity:0!important;transform:translate3d(0,17px,0)!important;filter:none!important;transition:opacity 1.15s cubic-bezier(.22,1,.36,1),transform 1.35s cubic-bezier(.22,1,.36,1)!important;transition-delay:var(--vx15-delay,0ms)!important;will-change:opacity,transform} html.vx15-js body.vx14-landing .vx15-item.vx15-visible:is(figure,.wd-browser,.wd-hero-shot,.uv-work-tile,.uv-v4-project), html.vx15-js body.vx14-landing .vx15-item.vx15-visible:has(> img){opacity:1!important;transform:translate3d(0,0,0)!important;filter:none!important;will-change:auto} html.vx15-js body.vx14-landing .vx15-item:is(h1,h2,h3,p,button,a){filter:none!important;transform:translate3d(0,19px,0)!important} html.vx15-js body.vx14-landing .vx15-item.vx15-visible:is(h1,h2,h3,p,button,a){filter:none!important;transform:translate3d(0,0,0)!important} } /* Contact page: reproduce Home form with exactly the same classes, fields and CTA */ body.vx15-rebuilt .vx16-home-form{width:100%;box-sizing:border-box;border-radius:32px!important;padding:clamp(24px,4vw,52px)!important} body.vx15-rebuilt .vx16-home-form .vx-updated-form{display:block} body.vx15-rebuilt .vx16-home-form .vx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px} body.vx15-rebuilt .vx16-home-form .vx-form-grid label{display:flex;flex-direction:column;gap:10px;margin:0;font-size:12px;font-weight:600} body.vx15-rebuilt .vx16-home-form .vx-form-grid .vx-form-full{grid-column:1/-1} body.vx15-rebuilt .vx16-home-form .vx-simple-form input, body.vx15-rebuilt .vx16-home-form .vx-simple-form select, body.vx15-rebuilt .vx16-home-form .vx-simple-form textarea{width:100%;box-sizing:border-box;min-width:0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.22);border-radius:0!important;color:#fff;padding:14px 0 13px;box-shadow:none;font:inherit;font-size:15px} body.vx15-rebuilt .vx16-home-form .vx-simple-form select{background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px;background-repeat:no-repeat;appearance:none;padding-right:36px} body.vx15-rebuilt .vx16-home-form .vx-simple-form option{background:white;color:#111} body.vx15-rebuilt .vx16-home-form .vx-simple-form textarea{min-height:135px;resize:vertical} body.vx15-rebuilt .vx16-home-form .vx-simple-form :is(input,textarea)::placeholder{color:#9caecb} body.vx15-rebuilt .vx16-home-form .vx-simple-form :is(input,select,textarea):focus{outline:0;border-bottom-color:#ff7624} body.vx15-rebuilt .vx16-home-form .vx-form-actions button{background:#ff7624;border:0;border-radius:999px;color:#071630;font:700 14px Manrope,sans-serif;padding:16px 32px;cursor:pointer;transition:background .3s ease,transform .3s ease} body.vx15-rebuilt .vx16-home-form .vx-form-actions button:hover{background:#ff9653;transform:translateY(-2px)} body.vx15-rebuilt .vx16-home-form .vx-updated-form h3{font-size:clamp(29px,3.5vw,46px);line-height:1.13;letter-spacing:-.045em;margin:16px 0 28px;color:#fff} body.vx15-rebuilt #project-inquiry{padding-bottom:clamp(70px,8vw,135px)!important;margin-bottom:0!important;align-items:start} @media(max-width:780px){body.vx15-rebuilt .vx16-home-form .vx-form-grid{grid-template-columns:1fr}body.vx15-rebuilt .vx16-home-form{border-radius:26px!important}} html[data-theme=light] body.vx15-rebuilt .vx16-home-form{background:#0a1b3a!important;color:#fff} /* V16.1 fix: white theme contact card must be light, not dark */ html[data-theme=dark] body.vx15-rebuilt .vx16-home-form, body.vx15-rebuilt[data-uv-theme=dark] .vx16-home-form, body.vx15-rebuilt[data-uv-theme="dark"] .vx16-home-form{ background:#0a1b3a!important; color:#fff!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form, html:not([data-theme=dark]) body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form{ background:#eef2f7!important; color:#152a52!important; border:1px solid rgba(21,42,82,.08)!important; box-shadow:0 22px 70px rgba(16,33,67,.08)!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-updated-form h3, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-updated-form h3, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-updated-form h3{ color:#152a52!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form .nx-label, html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-form-grid label, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .nx-label, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-form-grid label, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .nx-label, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-form-grid label{ color:#34476a!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form .nx-label, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .nx-label, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .nx-label{ letter-spacing:.18em; color:#f66b28!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-simple-form input, html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-simple-form select, html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-simple-form textarea, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-simple-form input, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-simple-form select, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-simple-form textarea, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-simple-form input, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-simple-form select, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-simple-form textarea{ color:#152a52!important; border-bottom-color:rgba(86,106,142,.45)!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-simple-form :is(input,textarea)::placeholder, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-simple-form :is(input,textarea)::placeholder, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-simple-form :is(input,textarea)::placeholder{ color:#7f90ad!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-simple-form select, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-simple-form select, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-simple-form select{ background-image:linear-gradient(45deg,transparent 50%,#8fa0bc 50%),linear-gradient(135deg,#8fa0bc 50%,transparent 50%)!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-form-actions button, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-form-actions button, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-form-actions button{ color:#fff!important; background:#f66b28!important; } html[data-theme=light] body.vx15-rebuilt .vx16-home-form .vx-form-actions button:hover, body.vx15-rebuilt[data-uv-theme=light] .vx16-home-form .vx-form-actions button:hover, body.vx15-rebuilt[data-uv-theme="light"] .vx16-home-form .vx-form-actions button:hover{ background:#e46323!important; } /* V16.2 fix: more realistic iPhone-style mockups in mobile-first section */ .vx7-phone-scene.vx7-dual-phones{isolation:isolate} .vx7-dual-phones .vx7-phone-shell{ border-width:4px!important; border-radius:46px!important; background:linear-gradient(145deg,#414a5a 0%,#242c38 34%,#5c6677 52%,#1b2330 68%,#445064 100%)!important; box-shadow: inset 0 0 0 1.35px rgba(255,255,255,.34), inset 0 0 0 2.4px rgba(16,22,34,.52), 0 26px 58px rgba(2,10,24,.24), 0 48px 95px rgba(2,10,24,.18)!important; overflow:visible; } .vx7-dual-phones .vx7-phone-screen{ inset:5px!important; border-radius:41px!important; background:#fff!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45); } .vx7-dual-phones .vx7-status{ padding:12px 22px 6px!important; height:40px!important; font-size:10px!important; color:#25334b; } .vx7-dual-phones .vx7-island{ top:9px!important; left:50%!important; transform:translateX(-50%)!important; width:72px!important; height:18px!important; border-radius:999px!important; background:linear-gradient(180deg,#090b10 0%,#000 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.08); } .vx7-phone-back .vx7-island{width:70px!important;height:17px!important} .vx7-phone-front .vx7-island{width:76px!important;height:18px!important} .vx7-dual-phones .vx7-shot-wrap{ top:40px!important; left:0!important; right:0!important; bottom:14px!important; border-radius:0 0 34px 34px!important; overflow:hidden!important; } .vx7-dual-phones .vx7-home-bar{ bottom:8px!important; width:92px!important; height:4px!important; left:calc(50% - 46px)!important; border-radius:999px!important; background:#0d1320!important; opacity:.92; } .vx7-phone-back{width:268px!important;height:582px!important;left:10%!important;top:115px!important;transform:rotate(-20deg) rotateY(16deg)!important} .vx7-phone-front{width:295px!important;height:638px!important;right:7%!important;top:18px!important;transform:rotate(12deg) rotateY(-16deg)!important} .vx7-phone-shell::before{ right:-7px!important; top:145px!important; width:4px!important; height:78px!important; border-radius:0 4px 4px 0!important; background:linear-gradient(180deg,#697588,#4f5b6f)!important; } .vx7-phone-shell::after{ left:-7px!important; top:105px!important; width:3px!important; height:52px!important; border-radius:4px 0 0 4px!important; background:linear-gradient(180deg,#78869a,#5f6d81)!important; } @media(max-width:980px){ .vx7-phone-back{left:7%!important;top:112px!important;width:222px!important;height:484px!important} .vx7-phone-front{right:7%!important;top:18px!important;width:250px!important;height:542px!important} .vx7-dual-phones .vx7-island{width:64px!important;height:16px!important;top:8px!important} .vx7-phone-front .vx7-island{width:67px!important;height:16px!important} .vx7-phone-back .vx7-island{width:62px!important;height:15px!important} .vx7-dual-phones .vx7-status{padding:11px 20px 6px!important;height:37px!important} .vx7-dual-phones .vx7-shot-wrap{top:37px!important;bottom:12px!important} } @media(max-width:760px){ .vx7-phone-scene.vx7-dual-phones{min-height:535px!important} .vx7-phone-back{left:2%!important;top:112px!important;width:172px!important;height:374px!important;transform:rotate(-18deg) rotateY(10deg)!important} .vx7-phone-front{right:1%!important;top:16px!important;width:205px!important;height:445px!important;transform:rotate(9deg) rotateY(-10deg)!important} .vx7-dual-phones .vx7-phone-shell{border-radius:38px!important} .vx7-dual-phones .vx7-phone-screen{border-radius:34px!important;inset:4px!important} .vx7-dual-phones .vx7-island{width:56px!important;height:14px!important;top:8px!important} .vx7-phone-front .vx7-island{width:58px!important;height:14px!important} .vx7-phone-back .vx7-island{width:52px!important;height:13px!important} .vx7-dual-phones .vx7-status{padding:10px 16px 5px!important;height:32px!important;font-size:9px!important} .vx7-dual-phones .vx7-shot-wrap{top:32px!important;bottom:11px!important;border-radius:0 0 28px 28px!important} .vx7-dual-phones .vx7-home-bar{width:72px!important;left:calc(50% - 36px)!important;height:3.5px!important} } @media(max-width:520px){ .vx7-phone-scene.vx7-dual-phones{min-height:450px!important} .vx7-phone-back{left:0!important;top:115px!important;width:145px!important;height:316px!important} .vx7-phone-front{right:-2px!important;top:24px!important;width:174px!important;height:378px!important} .vx7-dual-phones .vx7-island{width:48px!important;height:12px!important} .vx7-phone-front .vx7-island{width:50px!important;height:12px!important} .vx7-phone-back .vx7-island{width:46px!important;height:11px!important} .vx7-dual-phones .vx7-status{padding:8px 14px 4px!important;height:28px!important;font-size:8px!important} .vx7-dual-phones .vx7-shot-wrap{top:28px!important;bottom:9px!important;border-radius:0 0 24px 24px!important} .vx7-dual-phones .vx7-home-bar{width:60px!important;left:calc(50% - 30px)!important;height:3px!important;bottom:6px!important} }