html,body{overflow:hidden;height:100%}.hero{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;touch-action:none}.hero .panel{position:relative;width:100%;height:100%;background:var(--color-bg);overflow:hidden}.hero .belt{position:absolute;top:0;right:0;bottom:0;left:0}.hero .name{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero .name img{display:block;width:100%;height:100%}.hero .item{position:absolute;top:0;left:0;width:340px;height:425px;will-change:transform,filter,opacity}.hero .item .frame{width:100%;height:100%;overflow:hidden;transition:opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1)}.hero .item .frame.frame-enter{opacity:0;transform:translateY(40px)}.hero .item .img{width:100%;height:100%;background-size:cover;background-position:center}.hero .captions{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none}.hero-caption{position:absolute;top:52%;left:var(--space-lg);right:var(--space-lg);transform:translateY(-50%);display:flex;justify-content:space-between;align-items:flex-start;font-weight:600;font-size:var(--text-body);line-height:1.2;color:var(--color-fg);opacity:0;letter-spacing:var(--tracking-snug)}.hero-caption-tag{max-width:260px}.hero-caption-highlight{display:inline;background:var(--color-bg);padding:0 8px;border-radius:2px;line-height:1.2;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media(max-width:480px){.hero-caption{top:0;right:0;bottom:0;left:0;transform:none;display:block;font-size:16px}.hero-caption-title,.hero-caption-tag{position:absolute;left:50%;text-align:center;max-width:80%}}