html,body{background:#fff;margin:0;padding:0}*{box-sizing:border-box}.stage{color:#fff;background:#fff;width:1200px;height:900px;margin:0 auto;font-family:Georama,sans-serif;position:relative;overflow:clip}.bg-layer{will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:calc(100% + 20px);height:calc(100% + 20px);animation:26s ease-in-out infinite bgDrift;position:absolute;inset:-10px}.hero-object-outer{will-change:transform;width:729px;height:676px;animation:21s ease-in-out infinite heroDrift;position:absolute;top:126px;left:382px}.hero-object-inner{transform-origin:50%;will-change:transform;width:100%;height:100%;animation:17s ease-in-out infinite heroBreathe}.hero-object-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(270deg,#0000 0,#0000008c 14px,#000 28px);mask-image:linear-gradient(270deg,#0000 0,#0000008c 14px,#000 28px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.masthead{z-index:3;flex-direction:row;justify-content:space-between;align-items:center;height:126px;padding:38px 64px;display:flex;position:absolute;top:0;left:0;right:0}.brand{flex-direction:row;align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:42px;height:36px;display:block}.brand-copy{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.brand-name{letter-spacing:7.5px;background:linear-gradient(90deg,#f1f7fa 0%,#a9bfcd 46%,#ffddb2 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:500;line-height:1em}.brand-sub{letter-spacing:4.5px;color:#bfd0daf0;margin:0;font-size:12px;font-weight:500;line-height:1em}.primary-nav{flex-direction:row;justify-content:center;align-items:center;gap:52px;display:flex}.primary-nav span{letter-spacing:2px;color:#fffffffa;text-shadow:0 1px 6px #02080ce0;font-size:12px;font-weight:600;line-height:1em}.menu-button{appearance:none;cursor:pointer;background:0 0;border:1px solid #ffffffd9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:50px;height:50px;padding:0;display:flex}.menu-line{background:#ffffffe6;width:17px;height:1px;display:block}.introduction{z-index:3;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:28px;width:360px;height:478px;padding:12px 18px 12px 12px;display:flex;position:absolute;top:225px;left:56px;overflow:clip}.intro-rule{background:#ffffffe6;width:56px;height:1px}.platform-statement{letter-spacing:-1px;text-wrap:balance;width:100%;margin:0;font-size:52px;font-weight:300;line-height:1.03em}.platform-statement .tone-bright{color:#fff}.platform-statement .tone-dim{color:#cad2d9c7}.intro-copy{letter-spacing:0;color:#ffffffe0;text-wrap:balance;width:100%;margin:0;font-size:20px;font-weight:400;line-height:1.55em}.scroll-cue{z-index:3;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;width:64px;height:93px;display:flex;position:absolute;top:430px;left:1104px}.scroll-stem{background:#ffffffeb;width:1px;height:48px}.scroll-label{letter-spacing:2px;color:#fffffffa;text-shadow:0 1px 6px #02080ce6;margin:0;font-size:11px;font-weight:600;line-height:1em}.scroll-dot{background:#ffffffe6;border-radius:50%;width:6px;height:6px}.material-nav{z-index:3;flex-direction:row;justify-content:center;align-items:flex-end;gap:62px;height:82px;padding:0 64px 46px;display:flex;position:absolute;bottom:0;left:0;right:0}.material{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;height:36px;display:flex}.material-water,.material-rubber{width:130px}.material-ceramics,.material-rare-earth{width:150px}.material-emerging-applications{width:230px}.material-label{flex-direction:row;align-items:center;gap:14px;display:flex}.material-icon{flex-shrink:0}.material-text{letter-spacing:2px;color:#ffffffeb;white-space:nowrap;font-weight:500;line-height:1em}.material-water .material-text,.material-rubber .material-text,.material-ceramics .material-text,.material-rare-earth .material-text{font-size:13px}.material-emerging-applications .material-text{letter-spacing:1.5px;font-size:12px}.material-rule{width:100%;height:2px}.material-water .material-rule{background:linear-gradient(90deg,#2ab2de80 0%,#65e1f8 52%,#d1f9ff73 100%)}.material-rubber .material-rule{background:linear-gradient(90deg,#68777f85 0%,#e2e9ebfa 52%,#79858c80 100%)}.material-ceramics .material-rule{background:linear-gradient(90deg,#a04f228c 0%,#ffba6c 52%,#ffddb07a 100%)}.material-rare-earth .material-rule{background:linear-gradient(90deg,#5e2faf85 0%,#c070ff 52%,#e5bbff7a 100%)}.material-emerging-applications .material-rule{background:linear-gradient(90deg,#75899273 0%,#f2f8fafa 52%,#b1c4cd73 100%)}@keyframes bgDrift{0%{transform:translate(0,0)}25%{transform:translate(-3px,2px)}50%{transform:translate(2px,5px)}75%{transform:translate(4px,-2px)}to{transform:translate(0,0)}}@keyframes heroDrift{0%{transform:translate(0,0)}22%{transform:translate(9px,-6px)}48%{transform:translate(-10px,4px)}70%{transform:translate(6px,9px)}85%{transform:translate(-6px,-5px)}to{transform:translate(0,0)}}@keyframes heroBreathe{0%{transform:rotate(0)scale(1)}30%{transform:rotate(.45deg)scale(1.008)}55%{transform:rotate(-.3deg)scale(1.015)}80%{transform:rotate(.55deg)scale(1.005)}to{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.bg-layer,.hero-object-outer,.hero-object-inner{animation:none!important}}html[lang=vi] :is(.mh-who-line,.mh-why-line,.mh-apps-line,.mh-apps-thesis span,.mh-tech-line),html[lang=vi] :is(h1,h2,h3,h4,figcaption,[class*=-title] span,[class*=-statement]),html[lang=vi] :is([class*=-goal] span,[class*=-lead],[class*=-sub] span),html[lang=vi] :is(.mh-who-copy span,.mh-why-dim-v span){text-wrap:balance}