:root { --scale: 0.1;}@media (prefers-reduced-motion) { :root { --scale: 0; }}* { margin: 0; padding: 0; box-sizing: border-box; z-index: 2;}body { position: relative; font-family: "Roboto", Arial, Verdana, sans-serif; line-height: 40px; font-size: calc(14px + ((8) * (1vw / 15))); font-weight: 400; overscroll-behavior: none; color: #fff; background-color: #000;}a { color: #fafafa;}h1 { font-size: calc(20px + ((8) * (1vw / 15)));}#parallax-outer { perspective: 1px; height: 100dvh; overflow-x: hidden; overflow-y: auto;}header { background: #222; background: rgba(20, 20, 20, 0.9); color: #fff; padding: 10px; position: fixed; width: 100%; z-index: 1000; border-bottom: 1px solid #222; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);}#header-blur { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: transparent; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}nav { display: flex; align-items: center; justify-content: space-between;}#logo { position: relative; display: flex; flex-direction: row; align-items: center; filter: grayscale(1); transition: filter 0.2s ease-in-out; width: fit-content;}#logo:hover { filter: grayscale(0);}#logo a { color: #fff; text-decoration: none; display: flex; flex-direction: row; align-items: center; cursor: pointer;}#logo img { height: 50px; width: auto;}#menu { display: flex; list-style: none;}#menu li { margin: 0 10px; cursor: pointer;}#menu a { font-size: 16px; color: #fff; text-decoration: none; border-bottom: 2px solid #222; transition: color 0.2s ease-in-out, border-bottom 0.2s ease-in-out; cursor: pointer;}#menu a:hover,#menu a.active { color: #2b88d0; border-bottom: 2px solid #2b88d0; cursor: pointer;}.menu-toggle { display: none; cursor: pointer;}.mission-statement { font-size: 3rem; text-align: justify; padding: 6px; text-align: center; width: 90%; max-width: 1200px; line-height: 3.5rem;}.mission-statement p { max-width: unset;}.title-statement { color: #fff; position: relative; background: transparent; font-size: calc(20px + (12) * (1vw / 5)); line-height: calc(20px + (12) * (1vw / 5)); text-align: center; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}.title-statement::after { content: ""; position: absolute; left: -5%; top: -30%; width: 110%; height: 160%; background: linear-gradient( 0deg, rgba(20, 20, 20, 1) 65%, rgba(20, 20, 20, 0) 100% ); z-index: -1;}#title-image { transform: translate3d(0%, -30dvh, -1px) scale(1.5); max-height: 70dvh; width: 100vw; position: relative; z-index: -1;}#title-image img { mask-image: linear-gradient(0deg, transparent 1%, rgba(255, 255, 255, 1) 15%);}.company-name { position: relative; font-size: calc(20px + (12) * (1vw)); font-kerning: none; font-weight: 600; line-height: 2; margin: 10px auto 10px auto; color: #fff; width: 100%; text-align: center; z-index: 5000; top: -40px;}section { box-sizing: border-box; position: relative; padding: 50px 0; min-height: 100dvh; scroll-margin-top: 50px;}section:nth-child(even) { background-color: #333;}section:nth-child(odd) { background-color: #222;}section .container-img img { mask-image: linear-gradient( 90deg, transparent 1%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 90%, transparent 99% );}section h2 { position: sticky; background-color: rgba(0, 0, 0, 0.4); top: 80px; left: 0; font-weight: 400; font-size: 18px; color: #fff; width: fit-content; z-index: 4; padding: 10px 20px 10px 20px; margin: 0 auto -20px -20px; border-radius: 0 30px 30px 0; align-self: flex-start;}.container { position: relative; display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap-reverse; margin: 0 auto; max-width: 1400px; padding: 0 20px; min-height: 85dvh; gap: 2rem;}.container-shape-container { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0;}.container-shape { background-color: rgba(0, 0, 0, 0.05); width: 300vw; height: 300dvh; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}.container-img { flex: 1 1 30%; max-width: 500px; min-width: 300px; height: auto;}.container-img img { width: 100%; height: auto; border-radius: 30px;}section .text-container { flex: 1 1 60%; position: relative; z-index: 4; max-width: 800px; min-width: 322px; margin: 0 auto; text-align: justify;}.leaders { margin-left: 2rem; margin-top: 0.5rem;}.leaders li { margin-bottom: 10px;}.image-container { position: relative; width: 100%; overflow: hidden; height: 60dvh; max-height: 600px; z-index: -2;}.image-container img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}.parallax-section { position: relative; height: 100dvh; width: 100vw; transform-style: preserve-3d; z-index: -2; background-color: transparent !important;}.parallax-image { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100vw; max-height: 100dvh; transform-origin: center; transform: translate3d(0, 0, -1px) scale(2);}.parallax-image img { mask-image: linear-gradient( 90deg, transparent 1%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 85%, transparent 99% );}.parallax-image img { object-fit: cover;}.parallax-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10dvh 10vw;}.parallax-big-statement { color: #fff; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8); font-size: calc(11px + (24 - 12) * ((100vw) / (1920 - 500))); text-align: center; padding: 25px 15px; background: linear-gradient( 146deg, rgba(20, 20, 20, 0.9) 24%, rgba(75, 75, 75, 0.9) 62%, rgba(20, 20, 20, 0.9) 86% ); line-height: 3.5rem; border-radius: 15px; border-bottom: 2px solid rgba(180, 180, 180, 0.8); border-right: 2px solid rgba(180, 180, 180, 0.8); box-shadow: 8px 8px 26px rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}#img2 { transform: translate(0%, -10%);}.fade-in { opacity: 0; transform: translateY(45px); transition: transform 0.6s ease-in, opacity 0.9s ease-in;}.faded-in { opacity: 1; transform: translateY(0); transition-delay: 0s;}.map-container { position: relative; height: 90dvh; width: min-content; display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 auto;}.map-container img { height: auto; max-width: 90vw; max-height: 90dvh; display: block;}.deployment-partners { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 2rem; width: 90%; max-width: 800px; margin: 0 auto 2rem auto; padding: 1rem 2rem; border-radius: 5px;}.deployment-partners a { background-color: #333; border-radius: 10px; border: 1px solid #fff; padding: 1rem;}.deployment-partners img { height: 60px; width: auto;}.map-tag { display: block; position: absolute; padding: 4px 8px; font-size: calc(12px + (24 - 12) * ((100vw - 500px) / (1920 - 500))); z-index: 10; height: calc(30px + (24 - 12) * ((100vw - 500px) / (1080 - 500))); min-height: 30px; line-height: 1; background-color: #ffffff; border-radius: 10px; border: 1px solid #ccc; filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2)); transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;}#aclara-tag { left: 0; top: calc(45dvh + 6vw);}#intellihub-tag { right: 0%; bottom: calc(45dvh - 12vw);}.map-tag:hover { transform: scale(1.1); filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.5));}.tag-hover { transform: scale(1.1); filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.5));}#NorthAmerica { fill: #2b88d0; filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.3));}#AsiaPacific { fill: #2b88d0; filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.3));}#team-container { position: relative; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; overflow: hidden; width: 90vw; font-size: calc(10px + ((8) * (1vw / 15))); gap: 10vw;}.team-member { position: relative; flex: 0 0 100%; transition: left 0.6s ease-out; padding-top: 1rem; left: 0; font-size: calc(12px + ((6) * (1vw / 15)));}.team-member div { flex: 1 1 80%;}.leaders-container { display: flex; flex-direction: row; justify-content: space-between; width: 100%; gap: 1rem; font-size: calc(10px + ((6) * (1vw / 15)));}.leaders-container div { flex-direction: 1 1 30%; max-width: 300px; display: flex; flex-direction: column; justify-content: start; align-items: center;}.leaders-container img { height: auto; width: auto; max-width: 25dvw; max-height: 200px;}.pos-1 .team-member { left: 0vw;}.pos-2 .team-member { left: -100vw;}.pos-3 .team-member { left: -176vw;}.team-container-controls { text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 3rem;}.team-container-controls button { font-kerning: none; border: none; font-size: calc(40px + ((6) * (1vw / 15))); color: #eee; background-color: #2b88d0; border-radius: 50%; cursor: pointer; padding: 4px 16px; transition: background-color 0.3s ease-in-out;}.team-container-controls button:hover { background-color: #4098db; background-color: #4098db;}.arrow-left { width: 0px; height: 0px; border-style: solid; border-width: 25px 43.3px 25px 0; border-color: transparent #4098db transparent transparent; transform: rotate(0deg);}.arrow-right { width: 0px; height: 0px; border-style: solid; border-width: 25px 0 25px 43.3px; border-color: transparent transparent transparent #4098db; transform: rotate(0deg);}.stories-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; min-height: 70dvh; gap: 2rem;}.story { position: relative; flex: 0 0 400px; max-width: 90%; min-height: 60dvh; border: 1px solid #111; background-color: #393939; box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.5); border-radius: 25px 0 25px 0; overflow: hidden; cursor: pointer; align-self: stretch;}.story p { padding: 0 6px; text-align: justify;}.story::after { content: "Read More →"; position: absolute; bottom: 0; left: 0; right: 0; background-color: #333; text-align: right; padding: 1rem;}.story-picture { height: 23dvh; width: 100%; object-fit: cover;}.contact-message { position: relative; font-size: calc(24px + (6) * (1vw)); font-kerning: none; line-height: 1.4; font-weight: 600; margin: 10px auto 10px auto; color: #fff; width: 100%; text-align: center; z-index: 5000;}.contact-info { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; min-height: 80dvh;}footer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; flex-direction: row; justify-content: space-between; align-items: end; background-color: #111; color: #fff; padding: 20px; width: 100%; font-size: 0.8rem; line-height: 1.2rem; position: relative; z-index: 10; box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.5);}.text-left { text-align: left;}.text-center { text-align: center;}.text-right { text-align: right;}footer a { color: #fff; text-decoration: none;}footer p { margin-bottom: 10px;}footer h3 { line-height: 1.6rem;}footer div div { padding-left: 1rem; border-left: 1px solid #999;}.modal { position: fixed; top: 10%; left: 50%; transform: translateX(-50%) translateY(-10%); border: none; border-radius: 5px; overflow: auto; min-height: 40dvh; max-height: 80dvh; height: fit-content; width: 70dvw; min-width: 50vw; max-width: 90vw; font-size: calc(10px + ((8) * (1vw / 15))); opacity: 0; padding: 1rem; background-color: #333; color: #fff; transition: opacity 0.3s ease-out, overlay 0.3s ease-out allow-discrete, display 0.3s ease-out allow-discrete;}.modal-body { margin-top: -2rem;}.modal li { margin-left: 1.5rem;}.modal[open] { opacity: 1;}.modal::backdrop { background-color: rgb(0 0 0 / 0%); transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete, background-color 0.3s;}.modal[open]::backdrop { background-color: rgb(0 0 0 / 50%);}.close-modal-button { background-color: transparent; position: sticky; border: 1px solid #fff; border-radius: 4px; margin-left: 100%; top: 5px; padding: 4px 8px; cursor: pointer; user-select: none; background-color: #222; transform: translateX(-100%);}.close-modal-button div { rotate: 45deg; color: #fff;}@media (max-width: 925px) { #menu { display: none; flex-direction: column; background-color: #333; padding: 20px; position: fixed; top: 71px; left: 0; right: 0; bottom: 0; z-index: 999; color: #ffffff; user-select: none; } #menu li { width: fit-content; } #menu a { color: #fff; } #menu.open { display: block; } .container { padding-top: 60px; padding-bottom: 60px; } .image-container { height: 40dvh; } .team-member { position: relative; flex: 0 0 80vw; transition: left 0.6s ease-out; padding-top: 1rem; left: 0; display: flex; flex-direction: row; flex-wrap: wrap-reverse; align-items: center; justify-content: center; gap: 2rem; } .pos-1 .team-member { left: 5dvw; } .pos-2 .team-member { left: -88vw; } .pos-3 .team-member { left: -176vw; }}.expanding-section { position: relative; max-height: 20dvh; overflow: hidden; border: 1px solid #fff; padding: 1rem; background-color: rgba(255, 255, 255, 0.2); border-radius: 5px;}.expanding-section.expanding-open { max-height: unset;}.expand-button { position: absolute; top: 5px; right: 5px;}@media (max-width: 400px) { #img2 { transform: translate(-20%, -5%); }}