.clip{width:100%;max-width:max(320px,16 * (100svh - 120px - var(--nav)) / 9);margin-inline:auto;container:clip/inline-size}.clip__stage{--t:0;aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--r-lg);color:#2a1a45;background:#fff;position:relative;overflow:clip;container-type:inline-size}.clip .anim{--at:0;--d:.7;--n:1;animation-duration:calc(var(--d) * 1s);animation-delay:calc(1s * (var(--at) - var(--t,0)));animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:var(--n);animation-play-state:paused;animation-fill-mode:both}.clip .clip-rise{animation-name:clip-rise}.clip .clip-fade{animation-name:clip-fade}.clip .clip-out{animation-name:clip-out;animation-timing-function:ease-in}.clip .clip-pop{animation-name:clip-pop;animation-timing-function:cubic-bezier(.34,1.4,.64,1)}.clip .clip-draw{animation-name:clip-draw}.clip .clip-draw,.clip .clip-open{animation-timing-function:cubic-bezier(.65,0,.35,1)}.clip .clip-open{animation-name:clip-open}.clip .clip-enter{animation-name:clip-enter;animation-timing-function:ease-in}.clip .clip-nod{animation-name:clip-nod;animation-timing-function:ease-in-out}.clip .clip-lift{animation-name:clip-lift}.clip .clip-hand,.clip .clip-lift{animation-timing-function:cubic-bezier(.65,0,.35,1)}.clip .clip-hand{animation-name:clip-hand}@keyframes clip-rise{0%{opacity:0;transform:translateY(var(--dy,.45em))}to{opacity:1;transform:translateY(0)}}@keyframes clip-fade{0%{opacity:0}to{opacity:1}}@keyframes clip-out{0%{opacity:1}to{opacity:0}}@keyframes clip-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes clip-draw{0%{stroke-dashoffset:1.002px}to{stroke-dashoffset:0}}@keyframes clip-open{0%{transform:scale(1)}to{transform:scale(9.6)}}@keyframes clip-enter{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes clip-nod{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}@keyframes clip-lift{0%{transform:rotate(12deg)}to{transform:rotate(0)}}@keyframes clip-hand{0%{transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--tx,0),var(--ty,0)) rotate(var(--tr,0deg)) scale(var(--ts,1))}}.clip .clip-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2}.clip__copy{width:44cqw;position:absolute;inset:0 auto 0 6.875cqw}.clip__scene{flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.clip__scene>*{margin:0}.clip__scene span{display:block}.clip__kicker{color:#3f7a22;font:600 calc(max(1.5cqw,11px))/1.2 var(--font-text);background:#e6f5dc;border-radius:999px;margin-bottom:1.4cqw;padding:.45em 1em}.clip__title{font-family:var(--font-display);font-size:5.5cqw;font-weight:var(--display-weight);font-variation-settings:var(--display-axes);letter-spacing:var(--display-tracking);white-space:nowrap;line-height:1.06}.clip__text{color:#5d5178;font:400 calc(max(2.1cqw,12px))/1.4 var(--font-text);white-space:nowrap;margin-top:1.9cqw}.clip__art{width:40cqw;height:auto;position:absolute;top:5cqw;right:6.25cqw;overflow:visible}.clip__end{text-align:center;background:#f6f1fe;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.clip__end>*{margin:0}.clip__logo{aspect-ratio:1080/1160;width:auto;height:25cqw}.clip__trace{fill:none;stroke:#fff;stroke-width:86px;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:1 2}.clip__trace--name{stroke-width:150px}.clip__end .clip__title{margin-top:2.6cqw;font-size:3.6cqw}.clip__end .clip__text{margin-top:1cqw}.clip__end .clip__title>span{display:inline}@container clip (width<=479px){.clip__stage{aspect-ratio:5/7}.clip__copy{width:auto;height:52cqw;inset:0 6cqw auto}.clip__scene{justify-content:flex-end}.clip__kicker{margin-bottom:2.4cqw;font-size:calc(max(3.4cqw,11px))}.clip__title{font-size:9cqw}.clip__text{margin-top:2.6cqw;font-size:calc(max(4.3cqw,12px))}.clip__art{width:70cqw;top:auto;bottom:5cqw;right:15cqw}.clip__logo{height:50cqw}.clip__end .clip__title{margin-top:6cqw;font-size:7.4cqw}.clip__end .clip__text{margin-top:2cqw}.clip__end .clip__title>span{display:block}}.clip__bar{align-items:center;gap:var(--s-3);margin-top:var(--s-3);display:flex}.clip__play,.clip__sound{cursor:pointer;height:44px;transition:background-color var(--dur) var(--ease);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.clip__play{background:var(--action);width:44px;color:var(--action-ink);border:0}.clip__play:hover{background:var(--purple-deep)}.clip__play>svg,.clip__sound>svg{fill:currentColor;flex:none;width:22px;height:22px}.clip__sound{border:1.5px solid var(--action);color:var(--action);font:500 var(--t-small)/1 var(--font-text);white-space:nowrap;background:0 0;gap:6px;padding:0 16px 0 12px}@container clip (width<=479px){.clip__sound{width:44px;padding:0}.clip__sound>span{display:none}}.clip__sound:hover,.clip__sound[aria-pressed=true]{background:var(--lilac)}.clip__wave{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.clip__range{min-width:0;height:44px;accent-color:var(--action);cursor:pointer;flex:1}.clip__clock{color:var(--muted);font-size:var(--t-small);font-variant-numeric:tabular-nums;flex:none}:root:has(.clip.is-bare) :is(.topline,.nav,.actionbar,.footer){display:none}.clip.is-bare{z-index:1000;max-width:none;position:fixed;inset:0}.clip.is-bare .clip__stage{aspect-ratio:auto;border:0;border-radius:0;height:100%}.clip.is-bare .clip__bar{display:none}