/* MC bas-relief study: vector geometry, interactive specular light, layered depth. */
.hero{background:#091323;isolation:isolate;min-height:620px}.hero:before,.hero:after{display:none!important}.relief-stage{position:absolute;inset:0 -5% 0 32%;display:flex;align-items:center;perspective:1100px;pointer-events:none;z-index:0}.relief-stage svg{width:100%;height:auto;max-height:100%;overflow:visible;transform:translateY(var(--shift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,-8deg));transform-style:preserve-3d}.relief-piece{transform-box:fill-box;transform-origin:center}.piece-0{transform:translate(calc(var(--lift,0)*-24px),calc(var(--lift,0)*32px))}.piece-1{transform:translate(calc(var(--lift,0)*-15px),calc(var(--lift,0)*-36px))}.piece-2{transform:translate(calc(var(--lift,0)*28px),calc(var(--lift,0)*12px))}.piece-3{transform:translate(calc(var(--lift,0)*48px),calc(var(--lift,0)*-40px))}.relief-grid{opacity:.38}.hero-content{position:relative;z-index:2;width:48%;padding:66px 0 0 7%}.relief-brand{margin-bottom:35px;display:flex;flex-direction:column;gap:9px;color:#edf0f8}.relief-brand>span{font-family:'Microsoft YaHei','Noto Sans SC',sans-serif;font-size:28px;font-weight:600;letter-spacing:9px}.relief-brand>small{font-size:9px;letter-spacing:4px;color:#8294b0}.hero-content .eyebrow{font-size:8px;letter-spacing:2px}html:not([lang="zh-HK"]) .hero-content h1{font-size:clamp(40px,4.5vw,68px);letter-spacing:-2px}.hero-content h1{font-size:clamp(40px,4.5vw,68px);margin:22px 0}.hero-content>p{font-size:14px;max-width:340px}.hero-note{display:none}.hero .field-controls{right:14%;bottom:92px;background:transparent;border-color:#34425b}.hero .field-controls button[aria-pressed="true"]{background:#23314b;color:#dcd9ff;box-shadow:inset 0 0 0 1px #6d6a98}.signature-word{font-size:clamp(40px,7vw,110px);bottom:110px;opacity:.025}.orbit-label{display:none}.hero-stamp{font-size:8px;top:27%;opacity:.6}.header .brand svg{width:42px;height:30px}.hero-bottom{z-index:3}.hero-content .luminous-text{-webkit-text-fill-color:#a5a6c9;color:#a5a6c9}.relief-stage:after{content:'01 — SCULPTED IN CODE';position:absolute;bottom:160px;right:20%;font:8px monospace;letter-spacing:2.5px;color:#71819c}.hero-content .button{pointer-events:auto}html[dir="rtl"] .relief-stage{inset:0 32% 0 -5%}html[dir="rtl"] .hero-content{padding:66px 7% 0 0;width:48%}html[dir="rtl"] .hero .field-controls{left:14%;right:auto}.relief-brand{direction:ltr}
@media(max-width:1050px) and (min-width:761px){.hero-content{width:53%;padding-top:55px}.relief-stage{inset:5% -12% 0 31%}.hero-content>p{max-width:300px}.hero .field-controls{right:10%}}
@media(max-width:760px){.hero{min-height:1000px;height:auto}.hero-content,html[dir="rtl"] .hero-content{width:100%;padding:35px 7% 0}.relief-brand{margin-bottom:25px}.relief-brand>span{font-size:23px}.relief-brand>small{font-size:8px}.hero-content h1,html:not([lang="zh-HK"]) .hero-content h1{font-size:40px;line-height:1.18}.hero-content>p{font-size:13px;max-width:330px}.relief-stage,html[dir="rtl"] .relief-stage{inset:400px -17% 110px;align-items:center}.relief-stage svg{width:100%;max-height:none}.hero .field-controls,html[dir="rtl"] .hero .field-controls{left:50%;right:auto;bottom:82px;transform:translateX(-50%)}.relief-stage:after{bottom:8px;right:23%;font-size:7px}.hero-stamp{display:none}.signature-word{bottom:146px;font-size:30px}.hero-bottom{bottom:14px}html[lang="hi"] .hero-content h1{line-height:1.4}}

/* Full-viewport sculpture composition */
.hero{height:calc(100svh - 88px);min-height:640px;max-height:none}
.relief-stage,html[dir="rtl"] .relief-stage{inset:-17% -28% 0;opacity:.9;perspective:1500px}
.relief-stage svg{flex:none;width:100%;height:auto;max-height:none}
.relief-stage svg>text,.relief-stage:after,.signature-word,.hero-stamp{display:none}
.relief-grid{opacity:.2}
.hero-content,html[dir="rtl"] .hero-content{position:absolute;inset:0;width:100%;height:100%;padding:0;text-align:start;pointer-events:none}
.relief-brand{position:absolute;top:32px;left:5%;margin:0}
.relief-brand>span{font-size:21px;letter-spacing:7px}.relief-brand>small{font-size:8px}
.hero-content .eyebrow{position:absolute;top:36px;right:5%;font-size:8px}
.hero-content h1,html:not([lang="zh-HK"]) .hero-content h1{position:absolute;bottom:97px;left:5%;margin:0;font-size:clamp(38px,4.3vw,66px);line-height:1.08;text-shadow:0 2px 3px #071020}
.hero-content .luminous-text{-webkit-text-fill-color:#c0baff;color:#c0baff}
.hero-content>p{position:absolute;right:5%;bottom:168px;width:310px;margin:0;color:#b7c4db;font-size:13px;text-shadow:0 2px 2px #071020}
.hero-actions{position:absolute;right:5%;bottom:105px}
.hero .field-controls,html[dir="rtl"] .hero .field-controls{right:5%;left:auto;bottom:251px;transform:none;background:#0a1425}
.hero-bottom{bottom:9px}.hero-bottom button{background:#0a1425}
html[dir="rtl"] .relief-brand{left:auto;right:5%}html[dir="rtl"] .hero-content .eyebrow{right:auto;left:5%}html[dir="rtl"] .hero-content h1{left:auto;right:5%}html[dir="rtl"] .hero-content>p,html[dir="rtl"] .hero-actions,html[dir="rtl"] .hero .field-controls{right:auto;left:5%}
@media(max-width:760px){.hero{height:calc(100svh - 76px);min-height:780px}.relief-stage,html[dir="rtl"] .relief-stage{inset:-19% -63% 0;opacity:.9}.relief-brand{top:30px;left:7%}.relief-brand>span{font-size:21px}.hero-content .eyebrow{top:110px;left:7%;right:auto;font-size:7px}.hero-content h1,html:not([lang="zh-HK"]) .hero-content h1{left:7%;bottom:252px;font-size:39px;line-height:1.12}.hero-content>p{left:7%;right:auto;bottom:173px;width:86%;max-width:330px;font-size:12px;line-height:1.7}.hero-actions{left:7%;right:auto;bottom:111px}.hero .field-controls,html[dir="rtl"] .hero .field-controls{right:7%;left:auto;bottom:364px;transform:none}.hero .field-controls button{font-size:9px;padding:6px 10px}.hero-bottom{bottom:14px}.hero-content,html[dir="rtl"] .hero-content{padding:0}html[dir="rtl"] .hero-content>p,html[dir="rtl"] .hero-actions{left:auto;right:7%}html[dir="rtl"] .hero-content h1{right:7%;left:auto}html[lang="hi"] .hero-content h1{font-size:34px;line-height:1.3}html[lang="ar"] .hero-content h1{font-size:38px}}
/* One continuous scene across the entire website, without backdrop blur. */
body.relief-world{background:#091323;isolation:isolate}
.relief-world>.relief-stage,html[dir="rtl"] .relief-world>.relief-stage{position:fixed;inset:-8vh -28vw -2vh;z-index:-1;opacity:.9;transition:opacity .3s;pointer-events:none}
.relief-world>.relief-stage svg{transform:translate(var(--scene-x,0vw),var(--shift,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,-8deg)) rotateZ(var(--scene-turn,0deg)) scale(var(--scene-scale,1));will-change:transform}
.relief-world .hero{background:transparent!important}
.relief-world .section,.relief-world footer{background:transparent}
.relief-world .capability-strip{background:#0a1626c9}
.relief-world .service-grid{border-color:#526179;background:transparent}
.relief-world .service-card,.relief-world .service-card.featured{background:#0a1626d9}
.relief-world .service-card:hover{background:#192942e8}
.relief-world .architecture,.relief-world .process-detail{background:#102039dc;border-color:#536681}
.relief-world .cta-section{background:#102039bd;border-color:#536681}
.relief-world .section-heading,.relief-world .solution-copy,.relief-world .steps,.relief-world footer{text-shadow:0 2px 3px #06101e}
.relief-world .section-heading>p,.relief-world .solution-copy p,.relief-world .steps p{color:#c0cbe0}
.relief-world .section{position:relative;padding-top:120px;padding-bottom:120px}
.relief-world .section:before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:#7484a033}
.relief-world .cta-section{margin-top:55px;margin-bottom:100px}
.relief-world .header{background:#081326ec}
@media(max-width:760px){.relief-world>.relief-stage,html[dir="rtl"] .relief-world>.relief-stage{inset:-13vh -63vw 0}.relief-world .section{padding-top:80px;padding-bottom:80px}.relief-world .service-card,.relief-world .service-card.featured{background:#0a1626ed}}
@media(max-width:760px){.hero .field-controls,html[dir="rtl"] .hero .field-controls{top:160px;bottom:auto;right:7%;left:auto}.hero-content h1,html:not([lang="zh-HK"]) .hero-content h1{max-width:86%}.hero-content .eyebrow{max-width:86%}}
