@charset "UTF-8";
:root{--blue:#029eeb;--ink:#1d384a;--deep:#080aaf;--white:#fff;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blue) white}body{margin:0;background:white}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #ffbd4b;outline-offset:6px}::selection{background:#11dce5;color:#001e59}.skip-link{position:fixed;z-index:200;left:16px;top:16px;padding:12px;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
#opening{position:fixed;inset:0;z-index:100;background:white;display:grid;place-items:center;overflow:hidden;animation:opening-failsafe 0s 17s forwards}#opening[hidden]{display:none}.opening-copy{text-align:center;position:relative;margin-top:-5px}.opening-title{font-family:"Times New Roman",Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-1.7px;line-height:1;margin:0 0 22px}.opening-sub{font-size:10px;line-height:1.65;margin:0}.blue-curtain{position:absolute;inset:0;background:var(--blue);will-change:transform}.waves{position:absolute;top:-10vh;height:10vh;width:100%;left:0}.wave-layers>use{animation:move-waves 30s cubic-bezier(.55,.5,.45,.5) infinite}.wave-layers>use:nth-child(1){animation-delay:-.5s;animation-duration:3s}.wave-layers>use:nth-child(2){animation-delay:-1s;animation-duration:5.5s}.wave-layers>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.wave-layers>use:nth-child(4){animation-delay:-5s;animation-duration:20s}#skip-opening{position:absolute;right:34px;bottom:28px;font-size:11px;letter-spacing:1px;color:var(--ink);z-index:2;padding:12px 0;mix-blend-mode:multiply}#skip-opening span{margin-left:14px}
@keyframes move-waves{from{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@keyframes opening-failsafe{to{visibility:hidden;pointer-events:none}}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:42px 4.2vw;display:flex;justify-content:flex-end;align-items:center}.site-header nav{display:flex;align-items:center;gap:clamp(20px,2.7vw,45px)}.site-header nav>a{font-size:15px;font-weight:700;letter-spacing:.04em;position:relative;white-space:nowrap}.site-header nav>a:after{content:"";height:2px;position:absolute;bottom:-7px;left:0;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav>a:hover:after{transform:scaleX(1)}.nav-login{padding-left:27px;border-left:1px solid #1d384a66}.nav-login span{margin-left:12px}.nav-language{font-size:12px;font-weight:400}.mobile-brand,#menu-toggle{display:none}
.hero{position:relative;isolation:isolate;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:#fff}.scene{position:absolute;inset:0;z-index:-1;background:#fff;overflow:hidden}.scene video,.scene canvas,.scene-poster,.scene-poster img{position:absolute;inset:0;width:100%;height:100.5%;object-fit:cover;object-position:left center;pointer-events:none}.scene-motion{position:absolute;inset:0;pointer-events:none}.scene video,.scene canvas{opacity:0}.scene video.is-visible,.scene canvas.is-visible[data-frame]{opacity:1}#dive{z-index:2}.hologram{position:absolute;inset:0 0 0 -8%;pointer-events:none;z-index:3;mix-blend-mode:screen}.hologram img{width:100%;height:100%;object-fit:cover;object-position:left center}.hero-note{position:absolute;top:86px;left:4%;margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400}.hero-note>span{font-size:19px;display:block;margin-bottom:4px}.hero-note strong{display:block;font-size:clamp(25px,2.65vw,40px);line-height:1.03;letter-spacing:-1.5px;font-weight:400}.hero-identity{position:absolute;left:70%;top:50%;width:310px;color:white;transform:translate(-50%,-50%)}h1{margin:0}.hz-mark{display:block;width:100%;height:auto;margin-bottom:12px}.identity-name{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:39px;letter-spacing:-1px;line-height:1;font-weight:900;white-space:nowrap;transform:scaleY(.85);transform-origin:left center}.identity-relay{display:flex;align-items:center;justify-content:flex-end;position:relative;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:900;font-size:47px;letter-spacing:-1.8px;line-height:1.2;white-space:nowrap}.identity-relay i{display:block;width:72px;height:42px;margin-right:5px;background:#fff;clip-path:polygon(0 0,77% 0,100% 35%,100% 100%,16% 100%,0 70%)}.identity-caption{display:block;font-size:10px;letter-spacing:2px;margin-top:6px;text-align:right;font-weight:700;white-space:nowrap}.hero-description{font-size:12px;letter-spacing:.18em;margin:30px 0 18px;text-align:center}.hero-actions{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;white-space:nowrap}.enter-link{background:white;color:#073cb2;padding:12px 18px;font-weight:700;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:background .2s}.enter-link:hover{background:#7af6ff}.enter-link span{padding-left:12px}.guide-link{border-bottom:1px solid #ffffff66;padding:11px 0}.guide-link span{padding-left:5px}.guide-link:hover{border-color:white}.scroll-link{position:absolute;left:50%;bottom:43px;transform:translateX(-50%);color:white;display:flex;align-items:center;flex-direction:column;gap:12px;font-size:9px}.scroll-link i{height:31px;width:1px;background:#ffffff88;position:relative;overflow:hidden}.scroll-link i:after{content:"";position:absolute;width:1px;height:100%;background:white;animation:scroll-line 2.4s infinite;top:-100%}@keyframes scroll-line{to{transform:translateY(200%)}}.scene-controls{position:absolute;right:4%;bottom:32px;color:#ffffffb3;display:flex;gap:14px;align-items:center;font-size:10px}.scene-controls button{padding:10px 0;transition:color .2s}.scene-controls button:hover{color:white}.scene-controls button span{padding:0 4px}.control-separator{height:12px;width:1px;background:#ffffff55}.hero-edition{position:absolute;left:4%;bottom:38px;color:#fff;font-size:9px;letter-spacing:2px}.motion-ready .reveal{opacity:0}.motion-ready .hologram{opacity:0}
.access{background:#f9fbff;position:relative;padding:110px max(7vw,24px) 0}.access:before{content:"";position:absolute;top:0;left:0;width:100%;height:7px;background:#029eeb}.access-heading{position:relative;padding-bottom:55px}.access-heading>p{font-size:11px;letter-spacing:3px;color:#0285d5;margin:0 0 18px}.access-heading h2{font-size:clamp(32px,4.8vw,60px);font-weight:800;letter-spacing:-2px;margin:0}.access-index{position:absolute;right:0;bottom:58px;font-size:10px;letter-spacing:2px;color:#6e8199}.access-links{border-top:1px solid #1d384a44}.access-links>a{display:flex;align-items:center;gap:30px;padding:30px 5px;border-bottom:1px solid #1d384a33;transition:color .25s,padding .25s}.access-links>a:hover{color:#028bdc;padding-left:15px;padding-right:15px}.link-number{font-size:11px;color:#658196;align-self:flex-start;margin-top:5px}.access-links strong{font-size:24px;letter-spacing:.04em;display:block}.access-links small{display:block;font-size:12px;font-weight:400;margin-top:9px;color:#63758a}.link-en{font-size:15px;letter-spacing:.12em;margin-left:auto}.link-arrow{font-size:28px;margin-left:40px;font-weight:300}.access footer{display:flex;align-items:center;justify-content:space-between;padding:46px 0;font-size:11px;color:#63758a}.footer-brand{font-family:Georgia,serif;font-size:22px;color:var(--ink)}.access footer small{font-size:10px}
@media(min-width:1600px){.hero-identity{width:340px}.identity-name{font-size:43px}.identity-relay{font-size:52px}.identity-relay i{width:80px;height:46px}}
@media(min-width:768px) and (max-aspect-ratio:4/3){.hero-identity{left:76%;width:270px}.identity-name{font-size:34px}.identity-relay{font-size:41px}.identity-relay i{width:64px;height:36px}.hero-note>span{font-size:15px}.site-header nav{gap:18px}.site-header nav>a{font-size:12px}}
@media(max-width:767px), (max-width:1023px) and (pointer:coarse){.hero{height:100svh;min-height:660px}.site-header{padding:25px 6vw}.mobile-brand{display:block;font-weight:900;font-size:28px;letter-spacing:-3px;margin-right:auto}.mobile-brand span{font-size:14px;letter-spacing:-1px;display:inline-block;margin-left:2px}.site-header nav{display:none;position:absolute;inset:0 0 auto;background:#f7fcff;padding:95px 8vw 45px;box-shadow:0 12px 30px #00326215;gap:25px;flex-direction:column;align-items:flex-start}.site-header nav.is-open{display:flex}.site-header nav>a{font-size:19px}.site-header .nav-login{border-left:0;padding-left:0}.nav-language{position:absolute;right:8vw;bottom:49px}#menu-toggle{display:flex;position:relative;flex-direction:column;justify-content:center;gap:7px;width:40px;height:34px;z-index:1;padding:3px}#menu-toggle span{height:2px;width:27px;background:var(--ink);transition:transform .2s}#menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}#menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.scene video,.scene canvas,.scene-poster img{object-position:center bottom;height:100%}.hologram{left:0}.hologram img{object-position:center bottom}.hero-note{left:6vw;top:93px}.hero-note>span{font-size:10px;letter-spacing:1px;margin-bottom:7px}.hero-note strong{font-size:19px;line-height:1.1;letter-spacing:-.5px}.hero-identity{left:6vw;top:205px;transform:none;width:170px;color:#073eb4}.hz-mark{margin-bottom:8px;width:165px}.identity-name{font-size:22px;letter-spacing:-.7px}.identity-relay{font-size:26px;letter-spacing:-.8px}.identity-relay i{height:25px;width:39px;background:#073eb4}.identity-caption{font-size:6px;letter-spacing:.4px;margin-top:3px}.hero-description{font-size:9px;text-align:left;margin:19px 0 13px;letter-spacing:.04em}.hero-actions{flex-direction:column;align-items:flex-start;gap:3px;font-size:10px}.enter-link{background:#073eb4;color:white;padding:10px 14px}.enter-link:hover{background:#026bdc}.guide-link{border-color:#073eb455;padding:9px 0}.guide-link:hover{border-color:#073eb4}.hero-edition{display:none}.scroll-link{left:55%;bottom:29px;font-size:8px}.scene-controls{right:6%;bottom:24px;gap:0;font-size:9px}.scene-controls #replay,.control-separator{display:none}.scene-controls button{max-width:90px}#skip-opening{right:6vw;bottom:22px}.waves{height:40px;top:-40px}.opening-title{font-size:38px}.access{padding:70px 7vw 0}.access-heading{padding-bottom:35px}.access-heading h2{font-size:33px;letter-spacing:-1px}.access-heading>p{font-size:9px;letter-spacing:2px}.access-index{display:none}.access-links>a{gap:19px;padding:25px 0}.access-links strong{font-size:20px}.access-links small{font-size:10px}.link-en{display:none}.link-arrow{margin-left:auto;font-size:24px}.access footer{flex-wrap:wrap;gap:20px;padding:35px 0}.access footer>span{display:none}.footer-brand{font-size:19px}}
@media(max-width:767px) and (max-height:720px){.hero{min-height:600px}.hero-note{top:83px}.hero-identity{top:174px;width:155px}.hz-mark{width:150px}.identity-name{font-size:20px}.identity-relay{font-size:24px}.hero-description{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wave-layers>use,.scroll-link i:after{animation:none}a,button{transition:none!important}}
/* Match the reference: the wordmark itself sits on the vertical midpoint. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#opening-music-toggle{position:absolute;left:34px;bottom:28px;z-index:2;padding:12px 0;font-size:11px;letter-spacing:1px;color:var(--ink);mix-blend-mode:multiply}
.music-player{position:absolute;right:4%;bottom:82px;display:flex;align-items:center;gap:18px;color:#fff;border-top:1px solid #ffffff55;padding-top:12px;max-width:calc(100% - 48px)}
#music-toggle{display:flex;align-items:center;gap:12px;padding:5px 0;text-align:left;min-height:44px}
.music-info{display:flex;flex-direction:column;gap:5px}.music-info strong{font-size:12px;letter-spacing:.04em;font-weight:400}.music-info>span{font-size:9px;letter-spacing:.1em;color:#ffffffb3}
.music-bars{display:flex;align-items:center;gap:3px;width:23px;height:22px}.music-bars i{width:2px;height:13px;background:currentColor;transform-origin:center;animation:music-level .85s ease-in-out infinite alternate;animation-play-state:paused}.music-bars i:nth-child(2){height:21px;animation-delay:-.4s}.music-bars i:nth-child(3){height:16px;animation-delay:-.2s}.music-bars i:nth-child(4){height:10px;animation-delay:-.65s}.is-playing .music-bars i{animation-play-state:running}
.music-volume{display:flex;align-items:center;min-height:44px}.music-volume input{width:64px;accent-color:#fff;cursor:pointer;margin:0}.music-volume input:focus-visible{outline:2px solid #ffbd4b;outline-offset:5px}
@keyframes music-level{to{transform:scaleY(.3)}}
@media(max-width:767px), (max-width:1023px) and (pointer:coarse){#opening-music-toggle{left:6vw;bottom:22px}.music-player{right:6%;bottom:74px;gap:14px;padding:4px 10px;background:#0435a9ed;border:1px solid #75eaff66;box-shadow:0 3px 18px #002d8733}.music-info strong{font-size:11px}.music-info>span{font-size:9px}.music-volume input{width:52px}}
@media(prefers-reduced-motion:reduce){.music-bars i{animation:none}}
@media(min-width:1024px), (min-width:768px) and (pointer:fine){
  .hero-note strong{font-size:clamp(25px,2.2vw,36px)}
  .hero-description{position:absolute;left:0;top:100%;width:100%}
  .hero-actions{position:absolute;left:0;top:calc(100% + 64px);width:100%}
}

/* Respect phone notches and browser safe areas without moving the desktop layout. */
@media(max-width:767px), (max-width:1023px) and (pointer:coarse){
.site-header{padding-top:max(25px,env(safe-area-inset-top,0px));padding-left:max(6vw,env(safe-area-inset-left,0px));padding-right:max(6vw,env(safe-area-inset-right,0px))}
#menu-toggle{width:44px;height:44px}
.scene-controls{bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.music-player{bottom:calc(74px + env(safe-area-inset-bottom,0px))}
.scroll-link{bottom:calc(29px + env(safe-area-inset-bottom,0px))}
}

@media(orientation:landscape) and (max-width:1023px) and (pointer:coarse){
.hero{min-height:540px}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#f4fbfff7 0%,#f4fbffe8 31%,#f4fbff55 59%,transparent 82%)}
.hero-note{top:84px}.hero-note>span{display:none}.hero-note strong{font-size:16px}
.hero-identity{top:145px;width:150px}.hz-mark{width:135px}.identity-name{font-size:20px}.identity-relay{font-size:24px}
.hero-description{margin:13px 0 8px}
}

/* Phones show the finished illustration immediately, even before scripts load. */
@media(max-width:767px), (max-width:1023px) and (pointer:coarse){
html,html *{scroll-behavior:auto!important}
*,*::before,*::after{animation:none!important;transition:none!important}
#opening,.scene-controls,.scene-motion{display:none}
.motion-ready .reveal,.motion-ready .hologram{opacity:1}
}
html[data-home-motion="static"],html[data-home-motion="static"] *{scroll-behavior:auto!important}
html[data-home-motion="static"] *,html[data-home-motion="static"] *::before,html[data-home-motion="static"] *::after{animation:none!important;transition:none!important}
html[data-home-motion="static"] #opening,html[data-home-motion="static"] .scene-controls,html[data-home-motion="static"] .scene-motion,.scene-controls[hidden]{display:none}
html[data-home-motion="static"] .reveal,html[data-home-motion="static"] .hologram{opacity:1}