.h3-sp-box{width:100%;max-width:980px;container:h3-sp/inline-size}.h3-sp{--p:1;width:100%;position:relative}@media (min-width:1024px){.h3-opp .h3-split{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}.h3-sp[data-live]{--p:0}.h3-sp-art{object-fit:contain;width:100%;max-width:none;display:block;position:absolute;left:0}.h3-sp-clip{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;transform:translateZ(0)}.h3-sp-clip[data-on]{opacity:1}.h3-sp-clip .vos{position:absolute;inset:0}.h3-sp-clip .vos video{object-fit:fill}.h3-sp-line{fill:none;stroke:var(--inst-slate);stroke-opacity:.9;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - clamp(0, (var(--p) - var(--a)) / var(--w), 1))}.h3-sp-label{left:var(--x);top:var(--y);letter-spacing:.16em;text-transform:uppercase;color:var(--inst-slate);white-space:nowrap;flex-direction:column;align-items:flex-start;font-size:11px;font-weight:500;line-height:1.2;display:flex;position:absolute}.h3-sp-text{align-items:inherit;--t:clamp(0, (var(--p) - var(--a)) / .12, 1);clip-path:inset(0 calc((1 - var(--t)) * 100%) 0 0);translate:0 calc((1 - var(--t)) * 6px);flex-direction:column;gap:4px;display:flex}.h3-sp-num{color:var(--h3-blue);font-variant-numeric:tabular-nums;font-weight:500}.h3-sp-hair{flex:1 1 0;width:2px;min-height:0;margin:3px -1px 0;position:relative}.h3-sp-hair-line{transform-origin:50% 0;will-change:scale;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.h3-sp-hair-line .h3-sp-line{stroke-width:.121766cqw}.h3-sp-foot{--r:calc(100cqw * 3.4 / 1314);width:calc(2 * var(--r));height:calc(2 * var(--r));margin:calc(-1 * var(--r));border-radius:var(--inst-pill-r);background:var(--inst-slate);will-change:translate;opacity:clamp(0, (var(--p) - var(--a)) / .03, 1);scale:calc(.4 + .6 * clamp(0, (var(--p) - var(--a)) / .05, 1));position:absolute;top:100%;left:50%}@container h3-sp not (min-width:480px){.h3-sp{--h3-sp-head:28px;margin-top:var(--h3-sp-head)}.h3-sp-label{top:calc(-1 * var(--h3-sp-head))}.h3-sp-label.is-end{top:calc(-1 * var(--h3-sp-head) + 2.4em + 10px);left:auto;right:calc(100% - var(--x));align-items:flex-end}.h3-sp-label.is-end .h3-sp-text{clip-path:inset(0 0 0 calc((1 - var(--t)) * 100%))}.h3-sp-label.is-end .h3-sp-word,.h3-sp-label.is-end .h3-sp-num{margin-right:-.16em}}@media (prefers-reduced-motion:reduce){.h3-sp{--p:1!important}.h3-sp-clip{transition:none}}