.motif{--m-ink:#fff;--m-a:#fff;--m-b:var(--yellow);--m-c:var(--blue);aspect-ratio:1;width:100%;max-width:17rem;color:var(--m-ink);display:block}.motif-tone-navy{--m-c:var(--sky)}.motif-tone-yellow,.motif-tone-paper{--m-ink:var(--blue);--m-a:var(--blue);--m-b:var(--sky);--m-c:#fff}.motif-tone-paper{--m-c:var(--yellow)}.motif-svg{width:100%;height:100%;display:block;overflow:visible}.m-line{fill:none;stroke:var(--m-ink);stroke-width:2px;stroke-linecap:round;stroke-opacity:.85}.m-dot{fill:var(--m-a)}.m-dot-b{fill:var(--m-b)}.m-dot-c{fill:var(--m-c)}.m-bar{fill:var(--m-ink);opacity:.9}.m-sector{opacity:.55}.m-spin{transform-origin:120px 120px;animation:18s linear infinite motif-spin}.m-pulse{transform-origin:50%;transform-box:fill-box;animation:2.4s ease-in-out infinite motif-pulse}.m-bar-1{animation:4.2s cubic-bezier(.65,0,.35,1) infinite alternate motif-slide-y}.m-bar-2{animation:5s cubic-bezier(.65,0,.35,1) infinite alternate-reverse motif-slide-y}.m-bar-3{animation:4.6s cubic-bezier(.65,0,.35,1) infinite alternate-reverse motif-slide-x}.m-bar-4{animation:5.4s cubic-bezier(.65,0,.35,1) infinite alternate motif-slide-x}@keyframes motif-spin{to{transform:rotate(360deg)}}@keyframes motif-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}@keyframes motif-slide-y{0%{transform:translateY(0)}to{transform:translateY(112px)}}@keyframes motif-slide-x{0%{transform:translate(0)}to{transform:translate(108px)}}.motif .m-move,.motif .m-sector{opacity:0;transition:opacity .6s 1s}.motif.is-visible .m-move{opacity:1}.motif.is-visible .m-sector{opacity:.55}@media (prefers-reduced-motion:reduce){.m-move{display:none}.m-spin,.m-pulse,.m-bar{animation:none}.motif .m-sector{opacity:.55;transition:none}}
.pw-film{border-radius:var(--radius);box-shadow:0 50px 100px -60px #021a3acc, 0 1px 0 var(--line);background:#021a3a;position:relative;overflow:hidden}.pw-video{aspect-ratio:4/5;object-fit:cover;background:#021a3a;width:100%;height:auto;display:block}@media (min-width:48rem){.pw-video{aspect-ratio:16/9}}
.pill-scene{--r:180px;--d:64px;--px:0deg;--py:0deg;width:calc(var(--r) * 2);height:calc(var(--r) * 2);perspective:1400px;perspective-origin:50% 40%;position:relative}@media (max-width:640px){.pill-scene{--r:130px;--d:46px}}.pill-parallax{transform-style:preserve-3d;transform:rotateX(var(--px)) rotateY(var(--py));transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.pill{transform-style:preserve-3d;animation:14s ease-in-out infinite pill-tumble,6s ease-in-out infinite pill-float;position:absolute;inset:0}.pill-face{backface-visibility:hidden;background:radial-gradient(circle at 38% 32%,#fff 0%,#f2f4f6 35%,#d3d9df 78%,#b9c2cb 100%);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 -18px 30px #054a911a,inset 0 14px 24px #ffffffe6}.pill-front{transform:translateZ(calc(var(--d) / 2))}.pill-back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}.pill-groove{background:linear-gradient(#aeb7c1,#e4e8ec 55%,#98a3ae);border-radius:999px;position:absolute;box-shadow:inset 0 1px 2px #00000040,0 1px #fffc}.pill-groove-v{width:6%;height:84%;top:8%;left:47%}.pill-groove-h{background:linear-gradient(90deg,#aeb7c1,#e4e8ec 55%,#98a3ae);width:84%;height:6%;top:47%;left:8%}.pill-text{font-family:var(--font-sans), system-ui, sans-serif;font-weight:700;font-size:calc(var(--r) * .62);letter-spacing:-.02em;color:#d4dae0;text-shadow:1px 1px #fff,-1px -1px #98a3ae,0 3px 6px #052f6038;position:relative}.pill-edge{width:calc(var(--r) * 6.2832 / 48 + 1px);height:var(--d);margin-left:calc(var(--r) * -6.2832 / 96);margin-top:calc(var(--d) / -2);transform-origin:50%;backface-visibility:hidden;background:#d6dce2;position:absolute;top:50%;left:50%}.pill-shadow{background:radial-gradient(#032f608c,#032f6000 70%);border-radius:50%;height:12%;animation:6s ease-in-out infinite pill-shadow;position:absolute;bottom:-18%;left:10%;right:10%;transform:translateZ(-200px)}@keyframes pill-tumble{0%{transform:rotateX(14deg)rotateY(-34deg)}50%{transform:rotateX(-10deg)rotateY(34deg)}to{transform:rotateX(14deg)rotateY(-34deg)}}@keyframes pill-float{0%,to{translate:0}50%{translate:0 -14px}}@keyframes pill-shadow{0%,to{opacity:.9;scale:1}50%{opacity:.6;scale:.92}}@media (prefers-reduced-motion:reduce){.pill,.pill-shadow{animation:none}.pill{transform:rotateX(14deg)rotateY(-22deg)}.pill-parallax{transition:none;transform:none}}
.tablet-scene{--tx:0px;--ty:0px;--rx:0deg;--ry:0deg;aspect-ratio:1;perspective:900px;place-items:center;width:min(26rem,70vw);display:grid;position:relative}.tablet-orbit{width:100%;height:100%;transform:translate(calc(var(--tx) * -.4), calc(var(--ty) * -.4));transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;overflow:visible}.tablet-orbit-ring{fill:none;stroke:var(--line);stroke-width:1.5px}.tablet-orbit-dot{fill:var(--sky)}.tablet-orbit-dot-yellow{fill:var(--yellow)}.tablet-tilt{width:48%;transform:translate(var(--tx), var(--ty)) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.tablet-float{animation:6s ease-in-out infinite tablet-float}.tablet-img{filter:drop-shadow(0 24px 40px #054a912e);width:100%;height:auto;display:block}.tablet-shadow{background:radial-gradient(closest-side,#054a9138,#0000);border-radius:50%;height:10%;animation:6s ease-in-out infinite tablet-shadow;position:absolute;bottom:-6%;left:14%;right:14%}@keyframes tablet-float{0%,to{translate:0}50%{translate:0 -14px}}@keyframes tablet-shadow{0%,to{opacity:.9;scale:1}50%{opacity:.6;scale:.92}}@media (prefers-reduced-motion:reduce){.tablet-float,.tablet-shadow{animation:none}.tablet-tilt,.tablet-orbit{transition:none;transform:none}.tablet-orbit-dot{display:none}}