/* Original, self-contained hero artwork. The parent hero is the positioning context. */
.hero-v2-scene{position:static;--hero-v2-line:#aaa9a2;--hero-v2-ink:#d8dad3}
.hero-v2-environment{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 29%,#403c3938,transparent 51%)}
.hero-v2-room{position:absolute;inset:0;width:100%;height:100%;color:var(--hero-v2-line);opacity:.18;mask-image:linear-gradient(#000 0%,#0009 38%,#0004 74%,#0009);-webkit-mask-image:linear-gradient(#000 0%,#0009 38%,#0004 74%,#0009)}
.hero-v2-stage{height:270px;width:min(1040px,100%);position:relative;margin:0 auto 9px;isolation:isolate;pointer-events:none;contain:layout paint}
.hero-v2-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s ease}
.hero-v2-stage.is-rendered .hero-v2-canvas{opacity:1}
.hero-v2-fallback{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(46px,7vw,96px);font-weight:900;line-height:1.15;white-space:nowrap;color:#e6e5e0;letter-spacing:-.03em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) perspective(900px) rotateX(5deg) rotateY(-7deg) rotateZ(-1.5deg);text-shadow:1px 1px #888,2px 2px #666,3px 3px #444,4px 4px #777,5px 5px #555,6px 6px #555,7px 7px #363636,8px 8px #444,9px 9px #333,11px 12px 10px #0009;transition:opacity .3s}
.hero-v2-stage.is-rendered .hero-v2-fallback{opacity:0}
.hero-v2-pause{position:absolute;right:24px;bottom:19px;z-index:5;display:none;align-items:center;gap:6px;background:#17171870;color:#b5b5ae;border:1px solid #ffffff26;border-radius:20px;padding:7px 10px;font:10px/1.3 "Microsoft YaHei",sans-serif;cursor:pointer;backdrop-filter:blur(6px)}
.hero-v2-scene.is-interactive .hero-v2-pause{display:flex}
.hero-v2-pause:hover{color:#fff;border-color:#ffffff70}
.hero-v2-pause:focus-visible{outline:2px solid #dce9b1;outline-offset:4px}
.hero-v2-film{position:absolute;top:18%;width:clamp(90px,10.5vw,158px);color:var(--hero-v2-ink);opacity:.27;transform-style:preserve-3d;filter:drop-shadow(0 18px 10px #0005)}
.hero-v2-film svg{display:block;width:100%;height:auto}
.hero-v2-film-left{left:4%;transform:perspective(800px) rotateY(28deg) rotateZ(-10deg)}
.hero-v2-film-right{right:4%;transform:perspective(800px) rotateY(-28deg) rotateZ(10deg);opacity:.22}
.hero-v2-timeline{position:absolute;left:16%;right:16%;bottom:25px;height:34px;display:flex;gap:4px;opacity:.14;transform:perspective(700px) rotateX(53deg);transform-origin:center bottom;pointer-events:none}
.hero-v2-tickmarks{position:absolute;top:-9px;height:6px;left:0;right:0;background:repeating-linear-gradient(90deg,#ecebe8 0 1px,transparent 1px 12px)}
.hero-v2-clip{flex:1;display:flex;gap:2px;border:1px solid #c4c7ba;padding:3px;background:#999e8715}
.hero-v2-clip:nth-child(3){flex:.7}.hero-v2-clip:nth-child(4){flex:1.25}
.hero-v2-clip i{flex:1;background:linear-gradient(135deg,#a6b29122,transparent 60%),linear-gradient(27deg,transparent 0 40%,#e2e2d542 41% 43%,transparent 44% 58%,#e2e2d529 59% 61%,transparent 62%)}
.hero-v2-playhead{position:absolute;top:-13px;bottom:-4px;width:1px;background:#e0eabf;left:40%}
.hero-v2-playhead:before{content:"";position:absolute;width:6px;height:6px;background:#e0eabf;top:0;left:-2.5px;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}
.hero-v2-scene.is-running .hero-v2-film-left{animation:hero-v2-frame-left 13s ease-in-out infinite}
.hero-v2-scene.is-running .hero-v2-film-right{animation:hero-v2-frame-right 15s ease-in-out infinite}
.hero-v2-scene.is-running .hero-v2-playhead{animation:hero-v2-editing 14s ease-in-out infinite}
.hero-v2-scene.is-paused *{animation-play-state:paused!important}
@keyframes hero-v2-frame-left{50%{transform:perspective(800px) rotateY(16deg) rotateZ(-7deg) translateY(-12px)}}
@keyframes hero-v2-frame-right{50%{transform:perspective(800px) rotateY(-17deg) rotateZ(7deg) translateY(9px)}}
@keyframes hero-v2-editing{0%,100%{left:21%}50%{left:77%}}
@media(max-width:900px){.hero-v2-stage{height:240px}.hero-v2-film{top:16%;width:106px;opacity:.18}.hero-v2-film-left{left:-17px}.hero-v2-film-right{right:-17px}.hero-v2-room{opacity:.15}}
@media(max-width:560px){.hero-v2-stage{height:190px;margin-bottom:5px;width:100%}.hero-v2-fallback{font-size:49px}.hero-v2-film{top:17%;width:80px;opacity:.13}.hero-v2-film-left{left:-30px}.hero-v2-film-right{right:-30px}.hero-v2-room{width:180%;left:-40%;opacity:.16}.hero-v2-timeline{left:5%;right:5%;bottom:18px;opacity:.11}.hero-v2-pause{bottom:10px;right:12px;font-size:9px;padding:5px 8px}.hero-v2-pause-label{display:none}}
@media(prefers-reduced-motion:reduce){.hero-v2-scene *{animation:none!important;transition:none!important}.hero-v2-scene.is-interactive .hero-v2-pause{display:none}}