/* The corporate header, ported without a second scroll engine. */
.vq-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,2.75vh,35px) max(24px,calc(50vw - 882px));color:#fff;mix-blend-mode:difference;pointer-events:none}
.vq-header a,.vq-header button,.vq-header nav,.vq-sound{pointer-events:auto}
.vq-brand{display:flex;align-items:center;gap:.9em;text-decoration:none;color:inherit;white-space:nowrap;font-weight:500}
.vq-brand img{height:clamp(36px,2.33vw,88px);width:auto}
.vq-brand>span{font-size:clamp(16.8px,.8vw,27px);letter-spacing:-.025em;transition:opacity .5s}
.vq-header.scrolled .vq-brand>span{opacity:0}
.vq-header.menu-open{mix-blend-mode:normal}
.vq-header.menu-open .vq-brand>span{opacity:1}
.vq-actions,.vq-desktop{display:flex;align-items:center;gap:15px}
.vq-header button{background:none;color:inherit;border:0;cursor:pointer;padding:0}
.vq-chip{display:flex;align-items:center;width:48px;overflow:hidden;gap:12px;color:#fff;text-decoration:none;white-space:nowrap;transition:width 1s cubic-bezier(.23,1,.32,1);font-size:14px;font-weight:500}
.vq-chip i{width:48px;height:48px;flex:none;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-style:normal}
.vq-chip svg{width:21px;height:21px}
.vq-desktop .vq-chip:hover,.vq-desktop .vq-chip:focus-visible{width:245px}
.vq-desktop .vq-chip:hover i{background:white;color:black}
.vq-sound{position:relative}
#vq-sound{width:48px;height:48px;display:grid;place-items:center;border:2px solid white;border-radius:50%}
#vq-sound svg{width:22px;height:22px}
.vq-playing{display:none}
#vq-sound[aria-pressed=true] .vq-playing{display:block}
#vq-sound[aria-pressed=true] .vq-muted{display:none}
.vq-volume{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:18px;background:#09080f;border-radius:12px;width:140px;font-size:12px;color:white}
.vq-volume input{width:100%}
.vq-sound:hover .vq-volume,.vq-sound:focus-within .vq-volume{display:block}
.vq-burger{position:relative;width:40px;height:40px;display:none}
.vq-burger span{position:absolute;left:8px;top:19px;width:24px;height:2px;background:white;transition:transform .3s}
.vq-burger span:first-child{transform:translateY(-4px)}
.vq-burger span:last-child{transform:translateY(4px)}
.menu-open .vq-burger span:first-child{transform:rotate(45deg)}
.menu-open .vq-burger span:last-child{transform:rotate(-45deg)}
.vq-menu{position:fixed;inset:0;z-index:45;background:#09080f;color:white;padding:110px 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
.vq-menu[hidden]{display:none}
.vq-menu nav{margin-top:auto;display:grid;gap:24px;padding-bottom:40px}
.vq-menu .vq-chip{width:auto;font-size:19px;gap:16px}
.vq-menu .vq-chip i{width:44px;height:44px}
.vq-menu-foot{font-size:14px;color:#aaa1b5;line-height:1.8}
.vq-menu-foot small{display:block;margin-top:12px}
@media(max-width:767px){.vq-desktop{display:none}.vq-burger{display:block}.vq-volume{display:none!important}
  /* Measured once per width: browser chrome must not resize sticky chapters. */
  .gx{--gxh:clamp(560px,calc(var(--stars-vh,1svh)*100 - 112px),880px);--step:calc(var(--stars-vh,1svh)*30)}
}
.gx{overflow-anchor:none}
@media(prefers-reduced-motion:reduce){.vq-header *{transition:none!important}}
