.hx{position:relative;height:280vh;background:var(--surface-page)}
.hx-stage{position:sticky;top:0;height:100vh;min-height:520px;overflow:hidden}
.hx-stage .site-nav{z-index:5}
.hx-title{position:absolute;margin:0;display:flex;font-family:var(--font-display);font-weight:600;font-size:var(--hx-fs,14vw);line-height:.76;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;z-index:1;will-change:transform}
.hx-ch{display:block;overflow:hidden;padding:.06em 0;margin:-.06em 0}
.hx-ch>span{display:block;transform:translateY(110%);transition:transform 1100ms var(--ease-editorial)}
.hx-sub{position:absolute;margin:0;font-family:var(--font-label);font-weight:500;font-size:clamp(13px,1.2vw,24px);line-height:1.2;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);z-index:1;opacity:0;transform:none;transition:opacity var(--dur-slow) var(--ease-editorial) 700ms;will-change:transform}
.hx-col{position:absolute;width:var(--hx-u);display:flex;flex-direction:column;gap:10px;z-index:2;will-change:transform}
.hx-f{display:block;height:calc(var(--hx-u) * 1.25);overflow:hidden;border-radius:2px;background:var(--surface-placeholder);transform:translate3d(0,var(--hx-ty,100vh),0);transition-property:transform;transition-timing-function:var(--ease-editorial)}
.hx-f img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.12);transition:transform 1900ms var(--ease-editorial)}
.is-in .hx-sub{opacity:1}
.is-in .hx-ch>span{transform:none}
.is-in .hx-f{transform:none}
.is-in .hx-f img{transform:none}
.is-in .hx-f:hover img{transform:scale(1.02);transition:transform var(--dur-slow) var(--ease-editorial) 0ms}
@media (prefers-reduced-motion:reduce){.hx-sub,.hx-ch>span,.hx-f,.hx-f img{transition:none!important}}