.sh{--sh-gap:8px;--p:0;height:280vh;padding:var(--sh-gap) var(--sh-gap) 0;position:relative}.sh-sticky{top:var(--sh-gap);height:calc(100svh - var(--sh-gap) * 2);min-height:560px;position:sticky}.sh-frame{border-radius:var(--radius-xl);color:#fff;isolation:isolate;background:#050507;height:100%;position:relative;overflow:hidden}.sh-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sh-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#030306c7 0%,#0303066b 34%,#03030600 58%),linear-gradient(#03030659 0%,#03030600 28% 72%,#0303068c 100%);position:absolute;inset:0}.sh-copy{z-index:3;will-change:transform;gap:16px;max-width:600px;display:grid;position:absolute;top:50%;left:clamp(20px,3.4vw,48px);transform:translateY(-50%)}.sh-copy .t-h1{max-width:11ch}.sh-copy .t-body-lg{color:#ffffffd6;max-width:42ch}.sh-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.sh-meta{z-index:3;letter-spacing:.08em;text-transform:uppercase;color:#fffc;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:clamp(20px,3vw,40px);left:clamp(20px,3.4vw,48px)}.sh-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ff500538}.sh-phase{color:#fff;min-width:11ch;font-weight:600}.sh-idx{font-variant-numeric:tabular-nums;color:#ffffff8c}.sh-idx i{opacity:.6;font-style:normal}.sh-bar{background:#ffffff2e;border-radius:2px;width:clamp(120px,14vw,220px);height:2px;position:relative;overflow:hidden}.sh-bar span{background:var(--accent);transform-origin:0;transform:scaleX(var(--p));position:absolute;inset:0}.sh-cue{z-index:3;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:clamp(20px,3vw,40px);right:clamp(20px,3.4vw,48px)}.sh-cue svg{animation:1.6s ease-in-out infinite sh-bob}@keyframes sh-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (max-width:760px){.sh{height:220vh}.sh-sticky{min-height:0}.sh-shade{background:linear-gradient(#0303068c 0%,#0303061a 22%,#03030600 40%),linear-gradient(#03030600 48%,#030306d1 66%,#030306f5 100%)}.sh-copy{gap:12px;max-width:none;inset:auto clamp(18px,4vw,28px) 72px;transform:none}.sh-copy .t-h1{max-width:none}.sh-copy .t-body-lg,.sh-actions .chip-row{display:none}.sh-meta{gap:10px;font-size:11px;bottom:22px;left:clamp(18px,4vw,28px)}.sh-bar{width:80px}.sh-cue{display:none}}@media (prefers-reduced-motion:reduce){.sh{height:auto}.sh-sticky{position:relative;top:0}.sh-cue{display:none}}