/* Full-width opening scene, preserving the original CIIDT globe illustration. */
.site-header{position:absolute;inset:0 0 auto;z-index:10;width:100%;padding-top:28px;padding-bottom:20px}.brand img{width:124px;height:92px}.site-header .nav-contact{border-color:#234b4b3b}.site-header .language{border-color:#234b4b3b;color:#284c4b}
.hero{position:relative;isolation:isolate;display:block;max-width:none;min-height:900px;min-height:max(900px,100svh);margin:0;padding:185px max(32px,calc((100vw - 1328px)/2)) 95px;overflow:hidden;background:linear-gradient(110deg,#9ed7cf 0%,#c5dfcd 34%,#75c7c7 72%,#50b7c1 100%)}
.hero-scene{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}.hero-scene :is(img,video){position:absolute;right:-7%;bottom:-2px;width:77%;max-width:none;height:auto;object-fit:contain;object-position:right bottom}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#b1dcd400 0%,#bddfd047 38%,transparent 65%);pointer-events:none}
.hero-copy{position:relative;max-width:650px;padding:25px 0 0}.hero .eyebrow{color:#183b35;font-size:11px}.hero h1{color:#102e2c;font-size:clamp(35px,3.5vw,54px);line-height:1.18;letter-spacing:-.035em;margin:30px 0 45px;max-width:630px}.hero h1 span{color:inherit}.hero-intro{font-size:clamp(19px,1.8vw,27px);font-weight:550;line-height:1.5;max-width:620px;margin-bottom:30px}.hero-description{font-size:clamp(18px,1.6vw,24px);font-weight:550;line-height:1.5;color:#173b35;max-width:600px;margin-bottom:30px}.hero-actions{gap:24px}.hero-note{color:#214c42;margin-top:32px}.capabilities{position:relative;margin-top:28px}.hero .text-link{background:#d0e9dcb3;padding:8px 15px;border-radius:24px}
@media(min-width:1600px){.hero{padding-left:max(100px,calc((100vw - 1328px)/2));min-height:max(950px,100svh)}.hero-scene :is(img,video){width:70%;right:-5%}.hero h1{font-size:56px}}
@media(max-width:1100px){.hero{padding-top:165px;min-height:900px}.hero-copy{max-width:560px}.hero h1{font-size:44px}.hero-intro{max-width:520px}.hero-description{max-width:490px}.hero-scene :is(img,video){width:91%;right:-22%}.hero:after{background:linear-gradient(90deg,#b8dfd7b3,#b8dfd75c 43%,transparent 74%)}.site-header nav{gap:16px}}
@media(max-width:800px){.site-header{padding:20px 22px}.brand img{width:102px;height:76px}.menu-toggle{background:#e3f1e980;border-color:#234b4b3b}.site-header nav{top:100%}.hero{padding:145px 30px 360px;min-height:1050px}.hero-copy{max-width:600px;padding-top:8px}.hero h1{font-size:43px;margin-bottom:30px}.hero-intro{font-size:22px;max-width:580px}.hero-description{font-size:20px;max-width:550px}.hero-scene :is(img,video){width:105%;right:-12%;bottom:0}.hero:after{background:linear-gradient(180deg,transparent 45%,#c0e0d155 60%,transparent 80%)}.hero-note{font-size:11px}}
@media(max-width:600px){.hero{padding:138px 24px 305px;min-height:1000px}.hero-copy{padding:0}.hero h1{font-size:clamp(30px,8.2vw,43px);margin:25px 0 30px;line-height:1.2}.hero-intro{font-size:20px;line-height:1.5;margin-bottom:25px}.hero-description{font-size:18px;line-height:1.55;margin-bottom:25px}.hero .eyebrow{font-size:9px}.hero-actions{gap:12px}.hero .text-link{padding:8px 10px;font-size:12px}.hero-note{font-size:10px;max-width:300px}.hero-scene :is(img,video){width:150%;right:-38%;bottom:0}.hero:after{background:linear-gradient(180deg,transparent 50%,#acd9cc66 70%,transparent 88%)}.capabilities{margin-top:22px}}
@media print{.site-header{position:static}.hero{min-height:0;padding:20px;background:white}.hero-scene{display:none}}

/* The original globe remains visible until a decoded video frame is playing. */
.hero-scene video{opacity:0;mix-blend-mode:multiply;transition:opacity .45s ease}
.hero.has-motion .hero-scene video{opacity:1}
.hero.has-motion .hero-scene img{opacity:0}
.hero-scene img{transition:opacity .45s ease}
.hero-motion-toggle{margin-top:20px;padding:10px 16px;border:1px solid #234b4b50;border-radius:24px;background:#d0e9dcb3;color:#173b35;font:inherit;font-size:12px;cursor:pointer}
.hero-motion-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.hero-scene :is(img,video){transition:none}}
.hero-scene video{mask-image:linear-gradient(to right,transparent 0%,#000 30%),linear-gradient(to bottom,transparent 0%,#000 28%);mask-composite:intersect}
@media(max-width:800px){.hero-scene video{mask-image:linear-gradient(to bottom,transparent 0%,#000 30%);mask-composite:add}}

/* Keep the original globe geometry, then dissolve into the separate city shot. */
.hero-scene img{transform-origin:72% 80%;transition:transform 2.4s ease,opacity 1.6s ease .5s}
.hero-scene video{transition:opacity 1.8s ease .5s;mix-blend-mode:normal}
.hero.has-motion .hero-scene img{transform:scale(1.12) rotate(-2deg)}
@media(prefers-reduced-motion:reduce){.hero-scene :is(img,video){transition:none}.hero.has-motion .hero-scene img{transform:none}}