.family-hero .hero-wordmark.with-title-opening{position:relative;isolation:isolate;overflow:visible}
.family-hero .hero-wordmark>.opening-letters{display:inline-flex;position:relative;z-index:2;font:inherit;color:inherit;letter-spacing:inherit;margin:0;vertical-align:baseline;transform-origin:center;white-space:nowrap}
.opening-letters>span{display:inline-block;will-change:transform}
.family-hero .hero-wordmark>.opening-chinese{position:relative;z-index:2}
.family-hero .hero-wordmark>.opening-tracks{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;pointer-events:none;z-index:0;overflow:visible}
.opening-tracks svg{width:100%;height:100%;overflow:visible}.opening-tracks path{fill:none;stroke:#c9ad86;stroke-width:1.2;stroke-dasharray:3 7;stroke-linecap:round}.opening-tracks path+path{stroke:#7b9dcb}
.title-opening-replay{position:absolute;top:108px;right:3%;z-index:4;border:1px solid #dfe8f4;border-radius:20px;background:#ffffff90;color:#879ab2;padding:8px 12px;font-size:10px;min-height:34px}
.title-opening-replay:hover{background:#fff;color:#3e79bf}
@media(max-width:720px){.title-opening-replay{top:85px;right:4px;font-size:9px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.opening-tracks{display:none!important}.opening-letters>span{will-change:auto}}