.hero2{color:#1e1b3a;background:#a9d3f7;height:clamp(560px,84vh,800px);position:relative;overflow:hidden}.hero2 canvas{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-land,cubic-bezier(.16, 1, .3, 1));display:block;position:absolute;inset:0}.hero2 canvas[data-ready]{opacity:1}.hero2-shade{background:linear-gradient(90deg,#fffaf4d1 0%,#fffaf48c 38%,#fffaf400 62%);position:absolute;inset:0}.hero2-txt{z-index:2;padding-top:clamp(48px,8vh,96px);position:relative}.hero2 .kick{color:#8f2a14}.hero2 .h1{color:#1e1b3a;text-shadow:0 2px 24px #fff9;max-width:14ch}.hero2 .lead{color:#1e1b3a;text-shadow:0 1px 12px #ffffffb3;max-width:44ch}:lang(zh) .hero2 .h1{max-width:11em}:lang(zh) .hero2 .lead{max-width:24em}.hero2-cap{z-index:2;color:#4e4a6b;letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;background:#fffaf4e0;border-radius:99px;max-width:calc(100% - 2*clamp(16px,3vw,32px));margin:0;padding:4px 12px;font-size:12.5px;position:absolute;bottom:14px;right:clamp(16px,3vw,32px)}@media (max-width:600px){.hero2{height:clamp(620px,92vh,760px)}.hero2-shade{background:linear-gradient(#fffaf4d9 0%,#fffaf48c 55%,#fffaf400 72%)}}.hero2 [data-pause]{z-index:3;color:#1e1b3a;cursor:pointer;background:#fffaf4eb;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:12px;right:clamp(16px,3vw,32px);box-shadow:0 4px 10px #783c142e}.hero2 [data-pause]:hover{background:#fff}.hero2 [data-pause]:focus-visible{outline-offset:3px;outline:3px solid #2f5be0}.hero2 [data-pause] .icon{grid-area:1/1;width:20px;height:20px}.hero2 [data-pause] .i-play,.hero2 [data-pause][aria-pressed=true] .i-pause{display:none}.hero2 [data-pause][aria-pressed=true] .i-play{display:block}@keyframes hero-in{0%{opacity:0;translate:0 18px}}@keyframes hero-rise{0%{translate:0 18px}}@keyframes hero-fade{0%{opacity:0}}.hero2 .kick,.hero2 .lead,.hero2~* .doors,.hero2~* .stats{animation:hero-in .6s var(--ease-land,cubic-bezier(.16, 1, .3, 1)) var(--d,0s) both}.hero2 .h1{animation:hero-rise .6s var(--ease-land,cubic-bezier(.16, 1, .3, 1)) 80ms both}.hero2 .lead{--d:.16s}.hero2~* .doors{--d:.24s}.hero2~* .stats{--d:.32s}@media (prefers-reduced-motion:reduce){.hero2 canvas{transition-duration:.3s}.hero2 .kick,.hero2 .lead,.hero2~* .doors,.hero2~* .stats{animation:.3s linear both hero-fade}.hero2 .h1{animation:none}.hero2 [data-pause]{display:none}}
