
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:700px){.form-grid{grid-template-columns:1fr}}


#enquiry{width:min(1120px,94vw);max-width:none;max-height:92svh;padding:0;overflow:auto;border:1px solid #9bc9ff33;border-radius:25px;background:#07182c;color:#edf4ff;box-shadow:0 40px 140px #000a;isolation:isolate}
#enquiry[open]{animation:request-arrive .6s cubic-bezier(.16,1,.3,1)}
#enquiry::backdrop{background:#020c1cb8;backdrop-filter:blur(18px) saturate(.8)}
.request-world{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 75% 40%,#244a75,transparent 65%),#07182c}
.request-world:before{content:"";position:absolute;inset:0;background:url('https://canimapsdigital.com/wp-content/plugins/canimaps-web/digital-v11/assets/reference-ribbons.png') right center/auto 100% no-repeat;opacity:.17;mask-image:linear-gradient(90deg,transparent 35%,#000);animation:request-sheen 16s ease-in-out infinite alternate}
.request-world canvas{position:absolute;width:100%;height:100%;inset:0}
.request-brand{position:absolute;right:5%;top:27%;width:32%;font-size:clamp(25px,3vw,43px);font-weight:600;letter-spacing:.025em;color:#d9ebff;text-shadow:0 0 30px #98c4ff55;animation:brand-glow 7s ease-in-out infinite alternate}
.request-brand small{display:block;font-size:13px;letter-spacing:.35em;margin-top:12px;color:#82b4ff}
.request-brand span{display:block;font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.45;letter-spacing:-.02em;margin-top:58px;color:#b5cce9}
.request-shell{position:relative;padding:45px 42% 40px 42px;background:linear-gradient(90deg,#07182cf2 0%,#07182ce6 48%,#07182c44 65%,transparent)}
#enquiry h2{font-size:36px;line-height:1.13}
#enquiry #chosen-summary{margin:18px 0 23px;line-height:1.6;color:#bdd3ee}
#enquiry .close{position:fixed;right:20px;top:16px;z-index:3;background:#18304b;border:1px solid #88b6e84d;border-radius:50%;width:40px;height:40px}
#enquiry input,#enquiry textarea{background:#0b2440b3;border:1px solid #7ea7da45;color:#f0f6ff}
#enquiry input:focus,#enquiry textarea:focus{outline:1px solid #a4caff;box-shadow:0 0 20px #589bff22}
#enquiry #success{min-height:380px;display:flex;flex-direction:column;justify-content:center;gap:24px}
#enquiry [hidden]{display:none!important}
@media (max-width:1000px){.request-shell{padding-left:28px;padding-right:38%}
.request-brand{width:29%;right:4%;font-size:29px}
.request-brand span{font-size:22px}}
@media (max-width:700px){.request-shell{padding:75px 23px 28px;background:linear-gradient(#07182c55,#07182ce8 120px)}
.request-brand{top:23px;left:24px;right:auto;width:auto;font-size:19px;animation:none}
.request-brand small{font-size:8px;margin-top:4px}
.request-brand span{display:none}
#enquiry h2{font-size:31px}
#enquiry .close{right:12px;top:12px}
.request-world canvas{opacity:.55}}
@media (prefers-reduced-motion:reduce){#enquiry[open],.request-brand,.request-world:before,.article-offer:before{animation:none!important}}
.motion-off .request-brand,.motion-off .request-world:before,.motion-off .article-offer:before{animation-play-state:paused!important}
#enquiry .close{position:absolute}
.request-world canvas{opacity:1}
.request-world{min-height:100%}
@media (max-width:760px){#enquiry{width:96vw;max-height:94svh;border-radius:20px;background:#06172a}
.request-world{position:absolute;inset:0;min-height:100%;opacity:1}
.request-world canvas{opacity:1;height:100%!important;min-height:520px}
.request-world:before{opacity:.25}
.request-shell{padding:90px 22px 28px;background:linear-gradient(90deg,#07182cd9 0%,#07182c9c 60%,#07182c40 100%)}
.request-brand{left:24px;top:26px;font-size:23px;animation:brand-glow 7s ease-in-out infinite alternate}
.request-brand small{font-size:9px;letter-spacing:.28em}
.request-brand span{display:none}
#enquiry input,#enquiry textarea{background:#071d33bf;backdrop-filter:blur(4px)}
#enquiry h2{font-size:29px;max-width:95%}
#enquiry .form-grid{gap:0}
#enquiry .fine{font-size:11px}
#enquiry label{font-size:13px}
#enquiry #chosen-summary{margin:14px 0 18px}}
@media (prefers-reduced-motion:reduce){.request-brand{animation:none!important}}






.cw-interests{border:1px solid #bec9d8;border-radius:12px;padding:12px;margin:16px 0;display:flex;flex-wrap:wrap;gap:12px}
.cw-interests label{display:flex;align-items:center;gap:6px}
.cw-interests input,input[name=consent]{width:auto;display:inline-block}
#enquiry-status{color:#ffb0bf}
.cw-interests label{margin:4px 0}
#enquiry-form .cw-consent{display:flex;align-items:flex-start;gap:10px}
#enquiry-form .cw-consent input{width:16px;height:16px;flex:0 0 16px;margin:3px 0 0;padding:0}
#enquiry-form .cw-consent span{min-width:0;line-height:1.7}
.cw-consent a{text-decoration:underline;text-underline-offset:3px}
#enquiry{background:#061626;border-color:#789db576;isolation:isolate}
#enquiry::backdrop{background:#020b15d9;backdrop-filter:blur(14px)}
#enquiry .request-world{background:none;box-shadow:none;z-index:0;mix-blend-mode:screen}
#enquiry .request-world:before{content:none;background:none;animation:none}
#enquiry .request-world>canvas{display:none}
#enquiry>.cw-v12-request-neural{position:absolute;inset:0;width:100%;height:100%;opacity:.65;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,#0005,#000 65%);-webkit-mask-image:linear-gradient(90deg,#0005,#000 65%)}
#enquiry .request-brand{position:absolute;top:auto;bottom:45px;right:4%;width:32%;z-index:3;text-shadow:0 2px 10px #00101f}
#enquiry .request-shell{background:none;box-shadow:none;position:relative;z-index:4}
#enquiry input:not([type=checkbox]),#enquiry textarea{background:#0d2539e8;border-color:#7a9bb16b;color:#f1f7ff}
#enquiry .cw-v7-request-art{position:absolute;inset:150px 2% auto auto;width:36%;aspect-ratio:3/2;pointer-events:none;mix-blend-mode:screen;opacity:1}
#enquiry .v6-media-surface13{position:relative;width:100%;height:100%;background:none;mix-blend-mode:screen;mask-image:none;-webkit-mask-image:none}
#enquiry .v6-media-surface13>img,#enquiry .v6-media-surface13>video,#enquiry .v6-android-video-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:contrast(1.12) saturate(.92);mask-image:radial-gradient(ellipse 57% 58% at 50% 50%,#000 42%,#000d 62%,transparent 96%);-webkit-mask-image:radial-gradient(ellipse 57% 58% at 50% 50%,#000 42%,#000d 62%,transparent 96%)}
#enquiry .v6-media-shade13{display:none}
#enquiry .v6-media-surface13>video{opacity:0}
#enquiry .v6-video-ready>video{opacity:1}
#enquiry .v6-video-ready>img{opacity:0}
#enquiry .v6-android-surface>video{opacity:0!important}
#enquiry .v6-android-video-frame{opacity:0}
#enquiry .v6-video-ready>.v6-android-video-frame{opacity:1}
#enquiry .v6-android-video-frame{min-height:0}
#enquiry .cw-v7-form-steps{display:flex;list-style:none;gap:8px;margin:0 0 24px;padding:0;position:relative;z-index:5}
#enquiry .cw-v7-form-steps li{flex:1;padding:10px 6px;border-bottom:2px solid #45627b;color:#94afc6;font-size:12px}
#enquiry .cw-v7-form-steps [aria-current]{color:#fff0d7;border-color:#f0be7d}
#enquiry .cw-v7-review-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (max-width:700px){#enquiry .cw-v7-form-steps li{font-size:10px}}
@media (max-width:700px){#enquiry .request-brand{left:24px;right:auto;top:26px;bottom:auto;width:auto}
#enquiry .cw-v7-request-art{top:8px;right:8px;width:120px}
#enquiry>.cw-v12-request-neural{opacity:.5}}
.standard-contact{display: flex; align-items: center; justify-content: space-between; gap: 45px; min-height: 310px; padding: 46px 5%; border: 1px solid rgba(137, 157, 180, 0.65); border-radius: 18px; background: rgb(11, 25, 43);}
.standard-contact > .contact-ribbons{opacity: 1; z-index: 0;}
.standard-contact > .native-network{z-index: 1;}
.standard-contact::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(11, 32, 57, 0.26), transparent 80%); pointer-events: none; z-index: 1;}
.standard-contact .contact-copy{z-index: 3; max-width: 67%; position: relative;}
.standard-contact .eyebrow{margin-bottom: 20px; color: rgb(164, 190, 228);}
.standard-contact h2{font-size: clamp(32px, 3.5vw, 51px); margin-bottom: 22px;}
.standard-contact .contact-copy > p:last-child{font-size: 15px; border-top: 1px solid rgba(158, 182, 212, 0.5); padding-top: 17px; margin-bottom: 0px; max-width: 640px;}
.standard-contact > .btn{position: relative; z-index: 4; flex-shrink: 0;}
.standard-contact p{color: rgb(184, 204, 228);}
@media  (max-width: 1150px) {.standard-contact{padding: 40px 4%; gap: 30px;}
.standard-contact h2{font-size: 39px;}}
@media  (max-width: 900px) and (min-width: 701px) {.standard-contact h2{font-size: 33px;}
.standard-contact .btn{font-size: 12px; padding: 13px 17px;}
.standard-contact .contact-copy > p:last-child{font-size: 13px;}}
@media  (max-width: 700px) {.standard-contact{display: block; min-height: 0px; padding: 32px 22px 35px;}
.standard-contact .contact-copy{max-width: none;}
.standard-contact h2{font-size: 33px; line-height: 1.12;}
.standard-contact .eyebrow{font-size: 10px; margin-bottom: 21px;}
.standard-contact .contact-copy > p:last-child{font-size: 14px; line-height: 1.65;}
.standard-contact > .btn{margin-top: 25px; width: 100%; font-size: 14px;}
.standard-contact .contact-ribbons{background-size: auto 100%; background-position: 55% center; opacity: 0.85;}
.standard-contact::after{background: rgba(3, 19, 36, 0.2);}}
.standard-contact > .contact-ribbons{position: absolute; inset: 0px; width: 100%; height: 100%; max-width: none; z-index: 0; mask-image: none;}
.standard-contact{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:280px;padding:32px clamp(24px,4.6vw,72px)!important;border-radius:20px;font-family:Canimaps,Arial,sans-serif}
.standard-contact::after{background:linear-gradient(90deg,#03101ff5 0%,#03101fd9 47%,#03101f66 78%,#03101f55);z-index:1;pointer-events:none}
.standard-contact>:is(.contact-copy,.contact-copy){position:relative;z-index:5;box-sizing:border-box;width:min(66%,680px);max-width:680px;padding:12px 20px;background:linear-gradient(90deg,#03101ff5,#03101fe6);border-radius:12px;text-shadow:none}
.standard-contact>:is(.contact-copy,.contact-copy)>:is(.eyebrow,.eyebrow){font:600 12px/1.5 Canimaps,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#f7d9ad;margin:0 0 14px;padding:0;max-width:none}
.standard-contact>:is(.contact-copy,.contact-copy)>h2{font:500 clamp(32px,3vw,42px)/1.12 Canimaps,Arial,sans-serif;letter-spacing:-1.4px;color:#fffaf0;margin:0;padding:0 0 14px;border:0;border-bottom:1px solid #92acd166}
.standard-contact>:is(.contact-copy,.contact-copy)>h2 em{font:italic 1em/1.12 Georgia,serif;letter-spacing:inherit;color:#cee3ff}
.standard-contact>:is(.contact-copy,.contact-copy)>p:last-child{font:500 15px/1.7 Canimaps,Arial,sans-serif;color:#f4f7ff;margin:10px 0 0;padding:0;border:0;max-width:none}
.standard-contact>:is(.btn,.btn){position:relative;z-index:5;flex:0 0 auto;box-sizing:border-box;width:auto;min-height:48px;padding:13px 20px;margin:0;border:1px solid #c6d8f3;border-radius:12px;font:600 14px/1.3 Canimaps,Arial,sans-serif;letter-spacing:normal;color:#11243b;background:linear-gradient(120deg,#e1edff,#bed2f3 45%,#a8c3ee);box-shadow:0 4px 0 #536d8c;gap:12px}
@media (max-width:760px){.standard-contact{min-height:0;padding:24px 20px!important;flex-direction:column;align-items:stretch;gap:20px}
.standard-contact>:is(.contact-copy,.contact-copy){width:100%;max-width:none;padding:12px 14px}
.standard-contact>:is(.contact-copy,.contact-copy)>h2{font-size:32px;letter-spacing:-1px}
.standard-contact>:is(.contact-copy,.contact-copy)>p:last-child{font-size:14px;line-height:1.65}
.standard-contact>:is(.btn,.btn){width:100%;min-height:48px;margin:0;padding:13px 18px;font-size:13px;justify-content:center}}/* Geometry corrections shared with the production request component. */
#enquiry{position:fixed!important;inset:0!important;margin:auto!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;animation:none!important;transform:none!important;background:#0b192b}
#enquiry .request-shell{padding:48px 42% 42px 42px}
#enquiry .request-brand{font-family:Canimaps,Arial,sans-serif;font-size:clamp(25px,3vw,43px);line-height:1.3;animation:none}
#enquiry .request-brand span{display:block;font-size:26px;margin-top:58px}
#enquiry .request-brand small{font-size:13px}
#enquiry .cw-v7-request-art{top:140px}
#enquiry form{display:block}
#enquiry label{font-size:13px;margin:22px 0;gap:8px}
#enquiry input:not([type=checkbox]),#enquiry textarea{padding:14px;font-size:15px;min-height:48px}
#enquiry .cw-interests{margin:20px 0;padding:12px;gap:12px}
#enquiry .cw-interests label{margin:3px 0;display:flex;font-size:12px}
#enquiry :is(.btn,.text-link){width:max-content!important;max-width:100%;justify-self:start;align-self:flex-start;flex:0 0 auto}
#enquiry .btn{white-space:normal}
#enquiry .close{position:sticky!important;float:right;right:14px;top:14px;margin:14px;z-index:10;width:36px;height:36px;line-height:1;padding:0}
#enquiry>.close{position:absolute!important}
#enquiry .form-journey{font-size:11px;margin-bottom:28px}
#enquiry .review-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#enquiry #review-text{font-size:14px;color:#d4e4f0}
#enquiry #success{min-height:340px}
#enquiry :is(#send-status,#request-status){font-size:14px;color:#f5d6a8}
.studio-services .section-head>p,.studio-case .lab-heading>p{font-family:inherit;font-weight:400;font-size:15px;line-height:1.8;color:#d3e1ee;border-left:1px solid #adc3db77;padding-left:24px;max-width:460px}
.assessment-scene{display:block;min-height:450px;padding-right:22px;align-self:stretch}
.connected-scene{height:100%;min-height:450px;max-height:none}
.result-deliverable-inline{font-size:14px;line-height:1.8;color:#d7e5f1;border-top:1px solid #92b1ca44;margin-top:22px;padding-top:18px}
.standard-contact{min-height:280px!important}
.standard-contact .contact-ribbons{opacity:1!important}
.standard-contact>.btn{width:max-content!important;align-self:center;max-width:100%}
#help-return .btn{width:max-content!important;max-width:100%}
#help-return .help-art video{mix-blend-mode:screen;filter:contrast(1.12) saturate(.92);mask-image:radial-gradient(ellipse 57% 58% at 50% 50%,#000 42%,#000d 62%,transparent 96%)}
@media(max-width:760px){
 #enquiry{max-height:calc(100dvh - 24px)!important;width:calc(100vw - 24px)}
 #enquiry .request-shell{padding:34px 23px 28px}
 #enquiry .request-brand{display:none}
 #enquiry .cw-v7-request-art{top:60px;right:4px;width:95px;opacity:.6}
 #enquiry h2{max-width:83%;font-size:29px}
 #enquiry .form-grid{grid-template-columns:1fr 1fr;gap:0 14px}
 #enquiry .form-grid label{min-width:0;font-size:12px;margin:13px 0}
 #enquiry input:not([type=checkbox]),#enquiry textarea{font-size:16px;padding:11px;min-width:0}
 #enquiry .form-journey{font-size:9px;padding-right:22px}
 .studio-services .section-head>p,.studio-case .lab-heading>p{font-size:14px;margin-top:22px;padding-left:18px}
 .assessment-scene{height:220px;min-height:0;padding:0;border-right:0}
 .connected-scene{height:220px;min-height:0;width:100%}
 .standard-contact>.btn{align-self:flex-start}
}
#enquiry>.close{position:sticky!important;float:none;top:12px;right:auto;margin:12px 12px -48px auto;display:block}
#enquiry .form-journey{display:flex;gap:8px;width:100%;max-width:none}
#enquiry .form-journey span{flex:1;min-width:0;padding:8px 6px}

/* Preserve original request-art compositing on the assistance media container too. */
#help-return .help-art{mix-blend-mode:screen}#help-return .help-art video{-webkit-mask-image:radial-gradient(ellipse 57% 58% at 50% 50%,#000 42%,#000d 62%,transparent 96%)}

/* A canvas intrinsic bitmap must never determine its own grid-track height. */
.assessment-scene{position:relative!important;display:block!important;height:clamp(420px,62vh,620px)!important;min-height:0!important;max-height:620px!important;align-self:start!important;contain:size layout}
.assessment-scene>.connected-scene{position:absolute!important;inset:0 22px 0 0!important;width:calc(100% - 22px)!important;height:100%!important;min-height:0!important;max-height:100%!important}
@media(max-width:760px){.assessment-scene{height:220px!important;max-height:220px!important}.assessment-scene>.connected-scene{inset:0!important;width:100%!important}}
