/* Stratos: deep navy, warm metallic gold, floating glass navigation. */
:root{--cream:#081e2d;--ink:#f3f1e9;--muted:#a7b7c2;--line:#c7ac7133;--gold:#dfbd77;--navy-deep:#051724}
body{background:#081e2d;color:var(--ink)}
.eyebrow{color:var(--gold)}
.site-header{position:fixed;top:18px;left:24px;right:24px;max-width:1420px;margin:0 auto;height:88px;padding:0 29px;color:#f8f5ed;background:linear-gradient(115deg,#133246cc,#071d2cb8);border:1px solid #e0c48b35;border-radius:17px;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:0 10px 45px #00000026,inset 0 1px 0 #ffffff08;transition:height .4s,padding .4s,max-width .45s,top .4s,background .4s,box-shadow .4s}
.site-header.scrolled{height:65px;top:12px;max-width:1160px;padding:0 23px;background:linear-gradient(110deg,#102c3ee8,#051825e0);border-color:#d8b97532;box-shadow:0 12px 55px #0005,inset 0 1px 0 #ffffff0b}
.brand{width:221px;height:65px;gap:11px;transition:width .4s,height .4s}
.brand-symbol{display:block;position:relative;width:50px;height:57px;overflow:hidden;flex-shrink:0;mix-blend-mode:screen}
.brand-symbol img{height:auto;width:184px;max-width:none;object-fit:initial;position:absolute;left:-1px;top:-5px;mix-blend-mode:screen;filter:brightness(1.25)}
.brand-name{font-family:'Manrope',Arial,sans-serif;font-size:25px;line-height:1;letter-spacing:.045em;font-weight:800;color:#f4f2ec;display:flex;flex-direction:column;transition:font-size .4s}
.brand-name small{font-family:'DM Sans',Arial,sans-serif;font-size:6.7px;letter-spacing:.4em;font-weight:550;color:var(--gold);margin-top:8px}
.scrolled .brand{height:49px;width:193px;gap:9px}.scrolled .brand-symbol{width:41px;height:47px}.scrolled .brand-symbol img{width:153px;top:-4px}.scrolled .brand-name{font-size:22px}.scrolled .brand-name small{font-size:5.8px;margin-top:7px}
.desktop-nav{gap:27px}.desktop-nav>a{font-size:11px;color:#e0e8ec}.desktop-nav>a:hover,.desktop-nav>a[aria-current]{color:var(--gold)}
.header-actions{gap:24px}.language-toggle{color:#e6edf1}.language-options{background:#0b2637;border:1px solid #ddbd7730;border-radius:10px;box-shadow:0 15px 55px #0005;overflow:hidden;backdrop-filter:blur(20px)}.language-options button{color:#d4e0e7;border-radius:5px}.language-options button:hover,.language-options [aria-current]{background:#ddbd7719;color:var(--gold)}
.button{border-radius:5px;transition:background .25s,transform .25s,box-shadow .25s}.button-gold,.button-navy{color:#092331;background:linear-gradient(120deg,#e6c98c,#cba55e);border:1px solid #efd49a77;box-shadow:inset 0 1px 0 #fff3}.button-gold:hover,.button-navy:hover{background:linear-gradient(120deg,#f1d9a5,#dbb975);box-shadow:0 7px 24px #dfbd7717;transform:translateY(-2px)}
.site-header .button-small{border-radius:100px;padding:12px 19px;min-height:42px;font-size:10px;gap:22px}.scrolled .button-small{min-height:37px;padding:10px 17px}
.mobile-toggle span{background:#f3f1e9}.mobile-nav{background:linear-gradient(135deg,#113348f5,#061b29f5);border:1px solid #dfbd772b;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:14px;top:calc(100% + 10px);box-shadow:0 20px 60px #0007;color:#fff}.mobile-nav>a{border-color:#dfbd7726}.mobile-nav>a:hover{color:var(--gold)}
.hero{height:100svh;min-height:760px;max-height:1100px}.hero-content{padding-top:163px;padding-bottom:140px}.hero-content>p{color:#d5e0e6}.hero-shade{background:linear-gradient(90deg,#041825e6 0%,#061b28a6 43%,#05152225 85%),linear-gradient(0deg,#051723e6,transparent 52%)}.hero-overline{color:#ead29f}.hero-line:last-child{color:#e3c181}.hero .button-outline-light{border-color:#e5ca9457;border-radius:5px;background:#102d3c2b}.hero .button-outline-light:hover{background:#dfbd7718}.hero-bottom{color:#dfcfac}.hero-tag{color:#dfd4bc99}
.stats-wrap{background:linear-gradient(110deg,#102c3f,#092333);border-top:1px solid #d6b77c30;border-bottom:1px solid #d6b77c25}.stat{border-color:#c3aa7833}.stat-value{color:#f3eee2}.stat-plus{color:var(--gold)}.stat-label{color:#b4c1c9}.stat-index{color:#b99e665e}
.intro{position:relative}.intro-copy>p{color:#b3c1c9}.intro-copy .island-badge{color:#d4dfe4}.text-link{border-color:#c5ac7557}.text-link:hover{color:var(--gold)}
.projects-section{background:#0c293a;border-top:1px solid #dbc18a13;border-bottom:1px solid #dbc18a13}.project-card-info .eyebrow{color:#c7aa71}.project-location{color:#9db1bf}.project-photo{box-shadow:0 14px 40px #0002;border:1px solid #e1c58b20}.project-open{background:#071c2940;border-color:#e2c78d8c;backdrop-filter:blur(12px)}.project-counter{border:1px solid #d6b77c33;border-radius:100px;color:#f0dfbc;background:#061925b3}.project-filters{border-color:#cab17d33}.project-filters button{color:#8ea6b4}.project-filters button.active{color:var(--gold)}.project-filters button.active:after{background:var(--gold)}.project-filters sup{color:#c7ac7166}
.services-section{background:radial-gradient(ellipse at 0 40%,#12334888,transparent 58%),#071d2b}.service-row,.service-row:last-child{border-color:#d2b87f30}.service-number{color:var(--gold)}.service-info p,.service-info li{color:#a9bac5}.service-info li:before{color:var(--gold)}.circle-link{background:#e3c387;color:#092331}
.audience-section{background:#0b2435}.stack-card{background:#143348;color:#f4f1e8;border:1px solid #e0c28a2b;box-shadow:0 -12px 45px #03131f3b;border-radius:7px}.stack-copy p{color:#b4c3cc}.stack-1{background:#071b2b}.stack-1 .stack-copy p{color:#afc0cb}.stack-2{background:linear-gradient(120deg,#dfc58d,#be9a58);color:#092331}.stack-2 .eyebrow{color:#59451e}.stack-2 .stack-copy p{color:#304756}.stack-2 .button-navy{background:#092331;color:#f2e5c6;border-color:#092331}.stack-2 .button-navy:hover{background:#15394c}.stack-copy .eyebrow{color:#dfbd77}.stack-2 .stack-copy .eyebrow{color:#59451e}
.process-section{background:radial-gradient(ellipse at 15% 65%,#113a504d,transparent 60%),#041623}.process-section .section-heading p,.process-step p{color:#a6bac7}.process-step{border-color:#c9ae7529}.process-step:last-child{border-color:#c9ae7529}
.team-profile-section{background:#0b2739}.team-profile-copy>p{color:#afc0cc}.team-profile-signature{color:#e3c68b}.team-profile-signature span{color:#9eb2bf}.team-profile-photo{box-shadow:0 20px 70px #0003}.team-profile-photo>img{filter:saturate(.72)}.experience-seal{color:#092331;background:linear-gradient(135deg,#efdaa4,#c2a05e);box-shadow:0 10px 40px #05172455;border:1px solid #f5dfaa77}.team-section{border-color:#d5b87822}.values article{border-color:#ceb37c3d}.values p{color:#a7bac6}.values article>span{color:var(--gold)}
.map-section{background:radial-gradient(ellipse at 75% 40%,#163c5266,transparent 70%),#082130;border-top:1px solid #d9b97519;border-bottom:1px solid #d9b97519}.map-copy p{color:#adc0cb}.map-region-buttons button{color:#b1c1cb}.map-caption,.map-attribution{color:#8da8b8}
.careers-block{background:transparent}.careers-block p{color:#afc0cb}.careers-outline{color:#335267;opacity:.28}.career-benefits>article{border-color:#cbb17b33}.career-benefits p{color:#a8bac5}.application-section{background:#0d2a3c}.application-photo{border:1px solid #d9b97525}
.faq-section{color:#f4f1e9}.faqs details{border-color:#ccb17b35}.faqs details:last-child{border-color:#ccb17b35}.faqs details p{color:#aabcc7}.faq-number{color:#ae965e}.faq-plus{color:var(--gold)}
.cta-section{background:linear-gradient(115deg,#e1c58b,#bc9754);color:#092331;border-top:1px solid #f4deae;border-bottom:1px solid #866b3b}.cta-inner .eyebrow{color:#504223}.cta-inner p{color:#314956}.cta-inner .button{background:#092331;color:#f6e8c9;border:1px solid #213d49;box-shadow:0 8px 30px #5b461228}.cta-inner .button:hover{background:#173d50}.site-footer{background:#041420}.footer-brand p{color:#9bb0bf}.footer-contact>span:not(.eyebrow){color:#9bb0bf}.footer-bottom{border-color:#d0b57d20}.brand-reveal{color:#183746}.floating-wa{background:linear-gradient(135deg,#e6cb90,#caa45d);color:#071e2c;border:1px solid #efdcae88;box-shadow:0 8px 35px #0005}
.page-top{background:radial-gradient(ellipse at 90% 90%,#173d5480,transparent 65%),linear-gradient(125deg,#0c273b,#061c2a);padding-top:155px;border-bottom:1px solid #d7bc8330}.page-top p{color:#aabdc9}.page-top .eyebrow{color:#dfbd77}.page-top-index{color:#d0b77f0a}.page-top.with-image{padding-top:150px;min-height:610px}.page-top-shade{background:linear-gradient(90deg,#041825e8,#061b28a6 65%,#061b2840)}.page-top.with-image p{color:#d7e2e8}.breadcrumb{color:#b6c6cf;opacity:.8}
.contact-details>p{color:#a9bdc9}.contact-details>a{border-color:#cab17b33}.contact-details>a>span{color:#b6a173}.contact-details>a>strong{color:#e2e9ed}.contact-details>a>svg{color:var(--gold)}.contact-team-card span{color:#a7bac6}
.form-card{background:linear-gradient(145deg,#143348bb,#0b2538dd);border:1px solid #d9bd802e;border-radius:12px;box-shadow:0 20px 65px #00000025,inset 0 1px 0 #ffffff05;overflow:hidden}.form-tabs{border-color:#ddbd7730;background:#061b2b44}.form-tabs button{color:#91a9b8}.form-tabs button.active{color:#edd19b;border-color:var(--gold);background:#dfbd7709}.form-inner .eyebrow{color:var(--gold)}.form-progress{border-color:#c6ac752b}.form-progress span{color:#8ba3b1}.form-progress b{border-color:#7f98a34d}.form-progress .active{color:#f0d59f}.form-progress .active b{background:#dfbd77;color:#092331;border-color:#dfbd77}.field>span,.form-question{color:#d9e3e9}.field input,.field select,.field textarea{background:#061c2ba8;border-color:#9ab0bd3a;color:#eef1ee;border-radius:5px}.field input::placeholder,.field textarea::placeholder{color:#8099aa}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath d='m5 7 4 4 4-4' stroke='%23dfbd77'/%3E%3C/svg%3E")}.field select option{background:#0d293b;color:#e4edf2}.field input[type=date]{color-scheme:dark}.choice>span{border-color:#9cb0bc35;color:#b4c6d0;border-radius:5px;background:#0a24364d}.choice:has(input:checked)>span{border-color:#d9b975;background:#d9b97516;color:#f2dcae;box-shadow:inset 0 0 0 1px #d9b97512}.choice svg{color:var(--gold)}.form-hint{color:#9ab0bf}.form-back{color:#d0dde4}.form-email{border-color:#d1b87f66;color:#e4c78b}.consent>span{color:#a8bbc8}.consent button{color:#e0c38a}.consent input{accent-color:var(--gold)}.review-list{border-color:#c6ad762b}.review-list>div{border-color:#c6ad762b}.review-list dt{color:#b8a170}.review-list dd{color:#dce5ea}.review-intro{color:#b1c2cc}.form-error{color:#ffb29d}
dialog{background:#0d293b;color:#f3f0e8;border:1px solid #dfbd7740;border-radius:10px;box-shadow:0 25px 130px #0008}.dialog-close{background:#12364b;color:#e5ca94;border:1px solid #d9b97540}.dialog-copy p{color:#b0c2cd}.dialog-copy .eyebrow{color:#dfbd77}.legal-dialog p{color:#adbfcb}.legal-dialog>a{color:#e0c48d;border-color:#bd9e5d77}.legal-tag{color:#e0c48d;border-color:#bb9e62}.load-error{color:#eff1ea}
@media(min-width:1600px){.hero-content{padding-top:195px}}
@media(max-width:1180px){.site-header{left:18px;right:18px;padding:0 22px;gap:20px}.desktop-nav{gap:17px}.brand{width:191px;gap:8px}.brand-name{font-size:22px}.brand-name small{font-size:5.8px}.brand-symbol{width:44px;height:52px}.brand-symbol img{width:167px;top:-4px}.header-actions{gap:18px}.hero-content{padding-top:160px}.site-header.scrolled{max-width:1030px}}
@media(max-width:900px){.site-header{height:80px;left:16px;right:16px;top:15px;padding:0 22px;border-radius:15px}.site-header.scrolled{height:63px;top:10px;max-width:780px}.hero{min-height:760px}.hero-content{padding-top:160px}.brand{height:62px;width:201px}.brand-name{font-size:23px}.brand-name small{font-size:6px}.brand-symbol{width:46px;height:54px}.brand-symbol img{width:173px}.header-actions{gap:20px}.mobile-toggle{order:1}.header-actions>.button{order:2}.language-switch{order:0}.page-top{padding-top:145px}.page-top.with-image{padding-top:140px;min-height:550px}}
@media(max-width:640px){.site-header{left:12px;right:12px;top:12px;height:72px;padding:0 16px;border-radius:13px;gap:10px}.site-header.scrolled{height:58px;top:8px;padding:0 14px;max-width:calc(100% - 36px)}.brand{width:166px;height:56px;gap:8px}.brand-symbol{width:39px;height:45px}.brand-symbol img{width:147px;top:-4px}.brand-name{font-size:20px}.brand-name small{font-size:5.1px;letter-spacing:.4em;margin-top:6px}.scrolled .brand{width:147px;height:44px;gap:7px}.scrolled .brand-symbol{width:33px;height:39px}.scrolled .brand-symbol img{width:125px;top:-4px}.scrolled .brand-name{font-size:18px}.scrolled .brand-name small{font-size:4.6px;margin-top:5px}.header-actions{gap:14px}.hero{height:100svh;min-height:730px;max-height:950px}.hero-content{padding-top:150px;margin-left:25px;margin-right:25px}.hero h1{font-size:clamp(49px,11.3vw,72px)}.hero-content>p{font-size:12px;max-width:310px}.hero .button-outline-light{border:0;padding-left:0;background:none}.hero-overline{font-size:6px;letter-spacing:.16em}.mobile-nav{left:-1px;right:-1px;padding:15px 24px 27px}.mobile-nav>a{color:#f3eee2}.page-top{padding-top:126px;padding-bottom:50px}.page-top.with-image{padding-top:125px;min-height:510px}.breadcrumb{margin-bottom:30px}.form-card{border-radius:10px}.form-inner{padding:27px 22px}.stat:nth-child(4){border-bottom:0}.floating-wa{border-color:#efdcae88}.stack-card{border-radius:6px}.cta-inner .eyebrow{color:#594722}}
@media(prefers-reduced-motion:reduce){.site-header,.brand,.brand-name{transition:none}}
/* WhatsApp retains its own recognizable brand color. */
.floating-wa{background:#fafbf8;border:1px solid #ffffffb3;color:#092331;gap:0;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;padding:0 15px;min-width:54px}
.floating-wa>svg{color:#25d366;transition:color .2s}
.floating-wa>span{transition:max-width .35s cubic-bezier(.2,.8,.2,1),opacity .25s,margin .35s;margin-left:0}
.floating-wa:hover,.floating-wa:focus-visible{background:#25d366;border-color:#25d366;box-shadow:0 8px 35px #25d36633;transform:translateY(-2px)}
.floating-wa:hover>svg,.floating-wa:focus-visible>svg{color:#fff}
.floating-wa:hover>span,.floating-wa:focus-visible>span{color:#072c1e;max-width:190px;opacity:1;margin-left:10px}
@media(hover:none),(max-width:640px){.floating-wa,.floating-wa:hover,.floating-wa:focus,.floating-wa:focus-visible{background:#fafbf8;border-color:#ffffffb3;transform:none;box-shadow:0 8px 35px #0005}.floating-wa>svg,.floating-wa:hover>svg,.floating-wa:focus>svg,.floating-wa:focus-visible>svg{color:#25d366}.floating-wa>span{display:none}.floating-wa{padding:0 12px;min-width:48px}}
/* A sharp native drone photo carries the full-screen scene. The video keeps
   its landscape framing so the entire warehouse and its scale remain visible. */
.hero-media>img{object-position:58% 55%;filter:saturate(.82)}
.hero-shade{background:linear-gradient(90deg,#041825ec 0%,#061b28b5 39%,#0515223d 82%),linear-gradient(0deg,#051723ed 0%,#05172332 65%,#05172342)}
.hero-film{position:absolute;z-index:2;right:5%;bottom:147px;width:38%;max-width:620px;border:1px solid #e2c48a68;background:#071e2caa;box-shadow:0 25px 80px #0005;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:7px;transform:rotate(-1.3deg);transition:transform .6s}
.hero-film:hover{transform:rotate(0)}
.hero-film-image{aspect-ratio:832/464;overflow:hidden;background:#0b2739}.hero-film video{object-fit:contain;object-position:center;width:100%;height:100%;filter:saturate(.93)}
.hero-film-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 9px 8px;font-size:6px;color:#d7c399;letter-spacing:.12em;line-height:1.6}
.hero-film-caption>span:first-child{display:flex;gap:7px;align-items:center}.hero-film-caption .gold-dot{height:4px;width:4px}
.hero-tag{display:none}.hero-content{max-width:58%}.hero h1{font-size:clamp(56px,6.05vw,98px)}
.hero-buttons{gap:10px}.hero .button{gap:18px;font-size:10px}.hero .button-outline-light{gap:16px}
@media(max-width:1180px){.hero-film{right:4%;width:38%;bottom:140px}.hero-content{max-width:63%;margin-left:7%}.hero h1{font-size:6.8vw}.hero .button{gap:16px;padding:15px 16px;font-size:9px}}
@media(max-width:900px){.hero h1{font-size:8.7vw}.hero-content{max-width:77%}.hero-film{right:4%;width:38%;bottom:140px}.hero-film-caption{font-size:5px;padding:9px 5px 5px;gap:7px;letter-spacing:.07em}.hero-content>p{max-width:355px}.hero .button{font-size:9px;gap:16px}}
@media(max-width:640px){.hero{min-height:930px;max-height:1050px}.hero-content{max-width:none;margin-left:25px;margin-right:25px;padding-top:145px;padding-bottom:310px}.hero h1{font-size:clamp(47px,11.1vw,70px)}.hero-content>p{max-width:305px;font-size:12px}.hero-buttons{gap:9px}.hero .button{font-size:10px;min-height:45px}.hero-film{right:25px;left:25px;width:auto;bottom:94px;max-width:none;padding:5px;transform:rotate(-1.2deg)}.hero-film-caption{font-size:5px;padding:9px 6px 5px;letter-spacing:.08em}.hero-media>img{object-position:64% 45%}.hero-shade{background:linear-gradient(90deg,#041825e3,#061b28a1),linear-gradient(0deg,#051723,transparent 80%)}.hero-bottom{bottom:24px}.video-caption{display:none}}
@media(prefers-reduced-motion:reduce){.hero-film{transform:none;transition:none}}
/* A deliberate rhythm of navy, warm white and gold. */
.light-section{background:#f5f4ef;color:#0b2638;--muted:#617580;--line:#0e2b3c26;position:relative;isolation:isolate}
.light-section.container:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:#f5f4ef;z-index:-1}
.light-section .eyebrow{color:#9d7a37}.light-section .section-heading p,.light-section .intro-copy>p{color:#607580}.light-section .text-link{border-color:#9c7d454f}.light-section .text-link:hover{color:#967135}.light-section .island-badge,.light-section .intro-copy .island-badge{color:#284353}
.services-section.light-section{background:#f5f4ef}.light-section .service-row,.light-section .service-row:last-child{border-color:#173c4e25}.light-section .service-info p,.light-section .service-info li{color:#637781}.light-section .service-number,.light-section .service-info li:before{color:#a17d35}
.light-section .values article,.light-section .career-benefits>article{border-color:#183e5029}.light-section .values p,.light-section .career-benefits p{color:#627781}.light-section .faqs details,.light-section .faqs details:last-child{border-color:#183e5029}.light-section .faqs details p{color:#627781}.light-section .faq-plus,.light-section .faq-number{color:#a27d35}
.light-section .contact-details>p{color:#637984}.light-section .contact-details>a{border-color:#163c4e29}.light-section .contact-details>a>span{color:#96763c}.light-section .contact-details>a>strong{color:#18384a}.light-section .contact-details>a>svg{color:#9c7936}.light-section .contact-team-card span{color:#6b808b}
.light-section .form-card{color:#f4f1e9;--ink:#f4f1e9;--muted:#a6b8c5}.light-section .form-card .eyebrow{color:#dfbd77}.light-section .form-card .button{color:#092331}.light-section .form-card .consent>span{color:#a8bbc8}
.trust-section{background:linear-gradient(120deg,#112f42,#061c2a);border-top:1px solid #d1b77e20;border-bottom:1px solid #d1b77e20;padding-top:75px;padding-bottom:65px}.trust-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end}.trust-intro h2{font-size:clamp(32px,3.3vw,49px)}.trust-intro>div>p{font-size:13px;color:#a7bdc9;max-width:420px;margin-bottom:13px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px;border-top:1px solid #d3b7782b;padding-top:30px}.trust-grid>div{display:flex;align-items:center;gap:13px;font-size:11px;color:#d1dfe7;line-height:1.6}.trust-grid svg{color:#dfbd77;width:31px;height:31px}.trust-note{font-size:8px;line-height:1.8;color:#92aab9;margin:25px 0 0;max-width:700px}
.careers-block{background:linear-gradient(120deg,#dfc488,#c5a261);color:#092331;isolation:isolate}.careers-block:before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);background:linear-gradient(120deg,#dfc488,#c5a261);z-index:-1}.careers-block .eyebrow{color:#584725}.careers-block p{color:#294654}.careers-block .text-link{color:#092331;border-color:#2843526b}.careers-outline{color:#f9e6b8;z-index:0;opacity:.25}.careers-block>div{position:relative;z-index:1}
@media(max-width:900px){.trust-intro{gap:45px}.trust-grid{gap:17px}.trust-grid>div{font-size:9px;gap:8px}.trust-grid svg{width:26px;height:26px}}
@media(max-width:640px){.trust-section{padding-top:60px;padding-bottom:50px}.trust-intro{grid-template-columns:1fr;gap:26px}.trust-intro h2{font-size:34px}.trust-intro>div>p{font-size:12px}.trust-grid{grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:30px;padding-top:25px}.trust-grid>div{font-size:9px;gap:10px}.trust-note{font-size:8px}.careers-outline{z-index:0}}
