.clip{--play:paused;--d:9s;position:relative;container-type:inline-size}.clip.is-playing{--play:running}.clip__stage{border-radius:inherit;padding:5%;position:absolute;inset:0;overflow:hidden}.clip--cap .clip__stage{padding:3% 6% 22%}.clip__svg{width:100%;height:100%;display:block}.clip .bt,.clip__cap,.clip__prog i,.clip__segs i:after{animation-duration:calc(var(--d) * var(--len,1));animation-delay:calc(var(--d) * var(--at,0));animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-play-state:var(--play)}.clip .bt{animation-name:cbeat}.clip .bt.b1{animation-name:cbeat1}.clip .bt.bz{animation-name:cbeatz}@keyframes cbeat{0%{opacity:0}9%,91%{opacity:1}to{opacity:0}}@keyframes cbeat1{0%,91%{opacity:1}to{opacity:0}}@keyframes cbeatz{0%{opacity:0}9%,to{opacity:1}}.clip__veil{pointer-events:none;background:linear-gradient(#10182000,#10182085 54%,#101820e6);height:54%;position:absolute;bottom:0;left:0;right:0}.clip__cap{font-family:var(--font-heading);color:var(--white);text-wrap:pretty;pointer-events:none;padding:0 7% 10%;font-size:clamp(11px,5.2cqw,17px);line-height:1.32;animation-name:cbeat;animation-timing-function:cubic-bezier(.2,.72,.3,1);position:absolute;bottom:0;left:0;right:0}.clip__cap.b1{animation-name:cbeat1}.clip__cap.bz{animation-name:cbeatz}.clip__by{font-family:var(--font-body);letter-spacing:.05em;color:var(--on-night-2);margin-top:.55em;font-size:clamp(8px,2.8cqw,12px);display:block}.clip__k i{opacity:.65;padding-inline:4px}.clip__k{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--night-rose);font-variant-numeric:tabular-nums;margin-bottom:.5em;font-size:clamp(8px,2.9cqw,11px);font-weight:600;display:block}.clip__prog{background:color-mix(in srgb, currentColor 24%, transparent);height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.clip__prog i{transform-origin:0;background:currentColor;height:100%;animation-name:cprog;display:block;transform:scaleX(0)}@keyframes cprog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.clip.is-rewind .bt,.clip.is-rewind .clip__cap,.clip.is-rewind .clip__prog i,.clip.is-rewind .clip__segs i:after,.clip.is-rewind .clip__svg *{animation-name:none!important}.clip__time{z-index:2}.clip--cap .clip__time{top:9px;bottom:auto}.clip__btn{z-index:3;border-radius:inherit;width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.clip__ico{aspect-ratio:1;background:#fffffff0;border-radius:50%;width:clamp(30px,26cqw,46px);transition:opacity .3s;position:relative;box-shadow:0 2px 10px #10182047}.clip__ico:after{content:"";background:var(--navy);clip-path:polygon(0 0,100% 50%,0 100%);width:32%;height:40%;position:absolute;top:30%;left:38%}.clip.is-playing .clip__ico:after{clip-path:none;background:linear-gradient(90deg, var(--navy) 0 34%, transparent 34% 66%, var(--navy) 66%);width:32%;height:38%;top:31%;left:34%}.clip.is-playing .clip__ico{opacity:0}.clip.is-playing .clip__btn:hover .clip__ico,.clip.is-playing .clip__btn:focus-visible .clip__ico{opacity:1}.clip--pv{overflow:visible}.clip--pv .clip__stage{padding:8%}.clip__segs{gap:4px;width:110px;display:flex;position:absolute;top:calc(100% + 13px);left:22px}.clip__segs i{background:#1f3a5c33;border-radius:3px;flex:1;height:3px;position:relative;overflow:hidden}.clip__segs i:after{content:"";background:var(--navy);transform-origin:0;animation-name:cprog;position:absolute;inset:0;transform:scaleX(0)}.la-grin,.la-ach,.la-ha{opacity:0}@media (prefers-reduced-motion:no-preference){.clip__cap{animation-name:ccap}.clip__cap.b1{animation-name:ccap1}.clip__cap.bz{animation-name:ccapz}@keyframes ccap{0%{opacity:0;transform:translateY(10px)}10%,91%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes ccap1{0%,91%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes ccapz{0%{opacity:0;transform:translateY(10px)}10%,to{opacity:1;transform:none}}.clip__svg :is(.la-ach,.la-ha,.la-head,.la-armL,.la-armR,.la-open,.la-grin,.pu-kid,.pu-rise,.wk-fan,.wk-spoon,.wk-blob,.wk-wob,.wk-th,.st-zoom,.st-panL,.st-panR,.jo-milk,.jo-wave,.jo-spoon,.jo-blob){animation-duration:var(--d);animation-iteration-count:1;animation-delay:0s;animation-fill-mode:both;animation-play-state:var(--play);animation-timing-function:cubic-bezier(.2,.72,.3,1)}.la-ach{animation-name:laAch}.la-head{transform-origin:50px 51px;animation-name:laHead}.la-armL{transform-origin:40px 57px;animation-name:laArmL}.la-armR{transform-origin:60px 57px;animation-name:laArmR}.la-open{animation-name:laOpen}.la-grin{animation-name:laGrin}.la-ha1{animation-name:laHaA}.la-ha2{animation-name:laHaB}.la-ha3{animation-name:laHaC}@keyframes laAch{0%,6%{opacity:0;transform:translate(-20px)}13%,24%{opacity:1;transform:translate(0)}33%,to{opacity:0;transform:translate(8px)}}@keyframes laHead{0%,26%{transform:rotate(0)}40%,60%{transform:rotate(-11deg)}74%,to{transform:rotate(0)}}@keyframes laArmL{0%,28%{transform:rotate(0)}36%{transform:rotate(-18deg)}44%{transform:rotate(7deg)}52%{transform:rotate(-18deg)}62%,to{transform:rotate(0)}}@keyframes laArmR{0%,28%{transform:rotate(0)}36%{transform:rotate(18deg)}44%{transform:rotate(-7deg)}52%{transform:rotate(18deg)}62%,to{transform:rotate(0)}}@keyframes laOpen{0%,74%{opacity:1}82%,to{opacity:0}}@keyframes laGrin{0%,74%{opacity:0}82%,to{opacity:1}}@keyframes laHaA{0%,34%{opacity:0;transform:translateY(0)}41%{opacity:.95}60%,to{opacity:0;transform:translateY(-16px)}}@keyframes laHaB{0%,40%{opacity:0;transform:translateY(0)}47%{opacity:.95}66%,to{opacity:0;transform:translateY(-16px)}}@keyframes laHaC{0%,46%{opacity:0;transform:translateY(0)}53%{opacity:.95}72%,to{opacity:0;transform:translateY(-16px)}}.pu-rise{animation-name:puRise}.pu-kid{transform-origin:70px 90px;animation-name:puWob}@keyframes puRise{0%,30%{transform:translateY(11px)}44%,to{transform:translateY(0)}}@keyframes puWob{0%,62%{transform:rotate(0)}70%{transform:rotate(3.5deg)}78%{transform:rotate(-3deg)}86%{transform:rotate(2deg)}94%,to{transform:rotate(0)}}.wk-fan{transform-origin:50px 13px;animation-name:wkFan;animation-timing-function:linear}.wk-spoon{transform-origin:70px 60px;animation-name:wkSpoon}.wk-blob{animation-name:wkBlob;animation-timing-function:cubic-bezier(.5,0,.9,.4)}.wk-wob{transform-origin:50px 91px;animation-name:wkWob}.wk-th{transform-origin:50px 51px;animation-name:wkTh}@keyframes wkFan{0%{transform:rotate(0)}21%,to{transform:rotate(214deg)}}@keyframes wkSpoon{0%,44%{transform:none}52%,to{transform:translateY(-9px)rotate(-14deg)}}@keyframes wkBlob{0%,50%{opacity:1;transform:none}58%{transform:translateY(29px)}61%,to{opacity:.55;transform:translateY(27px)}}@keyframes wkWob{0%,65%{transform:rotate(0)}71%{transform:rotate(3deg)}76%{transform:rotate(-2.5deg)}81%,to{transform:rotate(0)}}@keyframes wkTh{0%,84%{transform:scale(.94)}92%,to{transform:scale(1)}}.st-zoom{transform-origin:50px 50px;animation-name:stZoom;animation-timing-function:linear}.st-panL{animation-name:stPanL;animation-timing-function:linear}.st-panR{animation-name:stPanR;animation-timing-function:linear}@keyframes stZoom{0%{transform:scale(1)}36%,to{transform:scale(1.09)}}@keyframes stPanL{0%,36%{transform:translate(4px)}68%,to{transform:translate(-4px)}}@keyframes stPanR{0%,68%{transform:translate(-4px)}to{transform:translate(4px)}}.jo-milk{transform-origin:50px 82px;animation-name:joMilk;animation-timing-function:linear}.jo-wave{transform-origin:84px 60px;animation-name:joWave}.jo-spoon{transform-origin:70px 60px;animation-name:joSpoon}.jo-blob{animation-name:joBlob;animation-timing-function:cubic-bezier(.5,0,.9,.4)}@keyframes joMilk{0%,6%{transform:scaleY(1)}30%,to{transform:scaleY(.4)}}@keyframes joWave{0%,36%{transform:rotate(0)}42%{transform:rotate(-24deg)}48%{transform:rotate(6deg)}54%{transform:rotate(-24deg)}60%,to{transform:rotate(0)}}@keyframes joSpoon{0%,70%{transform:none}78%,to{transform:translateY(-9px)rotate(-14deg)}}@keyframes joBlob{0%,76%{opacity:1;transform:none}84%{transform:translateY(29px)}87%,to{opacity:.55;transform:translateY(27px)}}}@media (prefers-reduced-motion:reduce){.clip:not(.is-playing) :is(.bt,.clip__cap){opacity:0;animation-name:none}.clip:not(.is-playing) :is(.bt,.clip__cap).bz{opacity:1}.la-open{opacity:0}.la-grin,.clip--pv:not(.is-playing) .bt.b1{opacity:1}.clip--pv:not(.is-playing) .bt.bz{opacity:0}}.obj--trail .o-s{fill:var(--navy);transform-box:fill-box;transform-origin:50%}.obj--trail .o-y text{font:600 9px/1 var(--font-body);fill:var(--edge);text-anchor:middle;opacity:.5}.obj--trail .o-dot{fill:var(--rose-text);opacity:0;transform-box:fill-box;transform-origin:50%;offset-path:path("M8 82C8 58 66 66 74 44S118 20 142 12");offset-rotate:0deg}@supports (offset-path:path("M0 0")){@media (prefers-reduced-motion:no-preference){.obj--trail.is-live .o-dot{animation:12s cubic-bezier(.36,.02,.22,1) infinite oRun}}}@media (prefers-reduced-motion:no-preference){.obj--trail.is-live .o-s1{animation:12s ease-in-out 1.2s infinite oPulse}.obj--trail.is-live .o-s2{animation:12s ease-in-out 2.8s infinite oPulse}.obj--trail.is-live .o-s3{animation:12s ease-in-out 4.2s infinite oPulse}.obj--trail.is-live .o-y1{animation:12s 1.1s infinite oLit}.obj--trail.is-live .o-y2{animation:12s 3.2s infinite oLit}.obj--trail.is-live .o-y3{animation:12s 5.4s infinite oLit}.obj--book.is-live .bk__cv{animation:12s cubic-bezier(.3,.66,.3,1) infinite bkOpen}.obj--book.is-live .bk__pg{animation:12s cubic-bezier(.3,.66,.3,1) infinite bkPage}.obj--book.is-live .bk__ph,.obj--book.is-live .bk__in i{animation:12s infinite bkIn}}@keyframes oRun{0%,8%{offset-distance:0%;opacity:0}12%{opacity:1}50%{offset-distance:100%}to{offset-distance:100%;opacity:1}}@keyframes oPulse{0%,to{opacity:.88;transform:scale(1)}3%{opacity:1;transform:scale(1.55)}9%{opacity:.88;transform:scale(1)}}@keyframes oLit{0%{opacity:.5}3%,42%{opacity:1}58%,to{opacity:.5}}.obj--book .bk{perspective:440px;--open:-158deg;--turn:-150deg;width:80px;height:82px;position:absolute;top:6px;left:0}.obj--book .bk__in{background:var(--alabaster);border:1px solid var(--rule);border-radius:9px 3px 3px 9px;padding:11px 13px 0;position:absolute;inset:0}.obj--book .bk__ph{opacity:0;background:radial-gradient(120% 110% at 26% 10%,#2b4160,#1f3a5c);border-radius:4px;width:32px;height:23px;display:block}.obj--book .bk__in i{opacity:0;background:#1f3a5c6b;border-radius:2px;height:2px;margin-top:8px;display:block}.obj--book .bk__in i:nth-of-type(2){width:62%}.obj--book .bk__pg,.obj--book .bk__cv{transform-origin:100%;border-radius:9px 3px 3px 9px;position:absolute;inset:0}.obj--book .bk__pg{background:var(--paper);border:1px solid var(--rule)}.obj--book .bk__cv{background:var(--navy);padding:14px 16px 0 14px}.obj--book .bk__cv:before{content:"";background:#ffffff47;width:1px;position:absolute;top:0;bottom:0;right:7px}.obj--book .bk__cv i{background:#ffffff6b;border-radius:2px;height:2px;margin-bottom:9px;display:block}.obj--book .bk__cv i:nth-of-type(2){width:72%}.obj--book .bk__cv i:nth-of-type(3){width:48%}@keyframes bkOpen{0%,8%{transform:rotateY(0)}22%,60%{transform:rotateY(var(--open))}76%,to{transform:rotateY(0)}}@keyframes bkPage{0%,20%{transform:rotateY(0)}34%,54%{transform:rotateY(var(--turn))}68%,to{transform:rotateY(0)}}@keyframes bkIn{0%,26%{opacity:0;transform:translateY(4px)}36%,58%{opacity:1;transform:none}66%,to{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.obj--book .bk__cv{transform:rotateY(var(--open))}.obj--book .bk__pg{transform:rotateY(var(--turn))}.obj--book .bk__ph,.obj--book .bk__in i{opacity:1;transform:none}.obj--trail .o-y text{opacity:1}}@supports (offset-path:path("M0 0")){@media (prefers-reduced-motion:reduce){.obj--trail .o-dot{opacity:1;offset-distance:100%}}}.obj--player .obj__clip{width:76px;position:absolute;top:0;left:0}.obj--player .obj__play{position:absolute;top:70px;left:0}@media (width<=860px){.obj--player .obj__clip{width:62px}.obj--player .obj__play{top:60px}.clip--pv .clip__segs{width:66px;top:calc(100% + 11px);left:18px}.obj--book .bk{--open:-120deg;--turn:-112deg;width:58px;height:70px;top:4px}.obj--book .bk__in{padding:8px 9px 0}.obj--book .bk__ph{width:24px;height:17px}.obj--book .bk__in i{margin-top:6px}.obj--book .bk__cv{padding:10px 12px 0 10px}.obj--book .bk__cv i{margin-bottom:7px}}