/* Native motion study using the portfolio's existing mark. */
.motion-hero-art{position:relative;min-width:0;align-self:center;margin:0 0 36px 18px;padding-left:12px}
.motion-hero-art:before{content:'';position:absolute;inset:-15% -5%;background:radial-gradient(ellipse,#12e5ed12,transparent 65%);pointer-events:none}
.motion-player{position:relative;border:1px solid #365968;border-radius:12px;background:#0c202c;overflow:hidden;box-shadow:0 24px 65px #0004}
.motion-player-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;font-size:8px;color:#9db9c8;letter-spacing:.1em;border-bottom:1px solid #243f4d}
.motion-player-top>span:first-child{display:flex;gap:8px;align-items:center}.motion-player-top i{display:block;width:5px;height:5px;border-radius:50%;background:var(--cyan)}
.motion-stage{position:relative;min-height:352px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#143b4d,#07131d 75%);overflow:hidden;isolation:isolate}
.motion-stage-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#47758a12 1px,transparent 1px),linear-gradient(90deg,#47758a12 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}
.motion-orbit{position:absolute;border:1px solid #12e5ed27;border-radius:50%;width:294px;height:294px;z-index:-1}.motion-orbit-outer{animation:motion-orbit-turn 18s linear infinite}.motion-orbit-outer:before{content:'';position:absolute;width:7px;height:7px;background:#12e5ed;box-shadow:0 0 20px #12e5ed88;border-radius:50%;left:calc(50% - 3px);top:-4px}.motion-orbit-inner{width:235px;height:235px;border-style:dashed;border-color:#12e5ed1f;animation:motion-orbit-turn 30s linear infinite reverse}
.motion-stage-cross{position:absolute;left:28px;top:21px;font-size:20px;font-weight:400;color:#6b9aac}.motion-brand{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;padding:36px 20px}
.motion-brand>img{width:177px;height:auto;filter:drop-shadow(0 0 22px #12e5ed25);animation:motion-mark 6s cubic-bezier(.22,.65,.3,1) infinite}.motion-brand>strong{font-size:20px;letter-spacing:-.04em;margin-top:26px;animation:motion-type 6s ease-in-out infinite}.motion-brand>span{font-size:7px;letter-spacing:.19em;color:#8cafc0;margin-top:10px;animation:motion-caption 6s ease-in-out infinite}
.motion-stage-caption{position:absolute;left:22px;bottom:19px;font-size:7px;letter-spacing:.13em;color:#7499ac}.motion-stage-corner{position:absolute;right:23px;bottom:13px;color:var(--cyan);font-size:27px}
.motion-timeline{position:relative;padding:16px 22px 18px;background:#102733;border-block:1px solid #294754}.motion-timeline-ruler{display:flex;justify-content:space-between;margin-bottom:13px;font-size:7px;color:#7e9faf;font-variant-numeric:tabular-nums}.motion-track{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 13px;margin-bottom:6px;height:23px;background:#17616a;border:1px solid #288792;border-radius:3px;width:86%}.motion-track>span{font-size:7px;color:#b9f3f5;letter-spacing:.05em}.motion-track i{width:4px;height:4px;transform:rotate(45deg);background:#7be8ec}.motion-track-type{width:71%;margin:0 0 0 auto;background:#163d54;border-color:#2b5770}.motion-track-type>span{color:#a8cbdc}.motion-track-type i{background:#83b3cc}.motion-playhead{position:absolute;top:32px;bottom:12px;left:22px;width:1px;background:#b6f9fa;animation:motion-playhead 6s linear infinite}.motion-playhead:before{content:'';position:absolute;top:-4px;left:-3px;width:7px;height:7px;background:#b6f9fa;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%)}
.motion-player-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px;min-height:61px}.motion-player-controls>span{font-size:9px;color:#89a7b8}.motion-player-controls button{font:inherit;font-size:10px;font-weight:650;padding:8px 12px;border:1px solid #3b6272;color:#e8f3f8;background:#132d3b;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:12px}.motion-player-controls button[hidden]{display:none}.motion-player-controls button:hover{border-color:var(--cyan);color:var(--cyan)}.motion-player-controls button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.motion-player-controls button:disabled{cursor:default;color:#9db9c8;border-color:#355060}.motion-player-controls button>span{font-size:14px;line-height:1}
.motion-player[data-playing="false"] *{animation-play-state:paused!important}.motion-hero-art>figcaption{font-size:9px;color:#829eae;text-align:right;margin-top:16px;line-height:1.7}
.motion-formats{background:#0a1b27;border-block:1px solid #1e3644}.motion-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.motion-format-card{margin:0;min-width:0;background:#0c202c;border:1px solid #2b4654;border-radius:10px;overflow:hidden}.motion-format-art{height:310px;display:flex;align-items:center;justify-content:center;padding:27px;background:radial-gradient(ellipse,#193e4e,#0d2431 75%);border-bottom:1px solid #2b4654}.motion-format-frame{position:relative;overflow:hidden;border:1px solid #3c6778;box-shadow:0 15px 30px #0003;padding:20px;display:flex;flex-direction:column;justify-content:space-between;background:#07131d;width:100%;isolation:isolate}.motion-format-frame:after{content:'';width:170px;height:170px;border:1px solid #12e5ed26;border-radius:50%;position:absolute;right:-70px;bottom:-20px;box-shadow:0 0 0 20px #12e5ed05,0 0 0 40px #12e5ed03;z-index:-1}.motion-format-frame>img{width:30px;height:auto}.motion-format-frame>strong{font-size:20px;line-height:1.2;letter-spacing:-.045em;display:block;margin-top:12px}.motion-format-frame>strong>span{color:var(--cyan)}.motion-format-frame>i{position:absolute;right:16px;top:15px;font-style:normal;color:var(--cyan);font-size:20px}.motion-landscape{aspect-ratio:16/9}.motion-square{aspect-ratio:1;max-width:231px;background:#12e5ed;color:#07131d;border-color:#12e5ed}.motion-square>img{filter:brightness(0)}.motion-square>strong{font-size:31px}.motion-square>strong>span,.motion-square>i{color:#07131d}.motion-square:after{border-color:#07131d22;box-shadow:0 0 0 20px #07131d05,0 0 0 40px #07131d03}.motion-portrait{aspect-ratio:9/16;max-height:255px;width:auto;height:100%;padding:16px}.motion-portrait>strong{font-size:24px;margin-top:auto;margin-bottom:23px}.motion-portrait>small{font-size:5px;letter-spacing:.05em;color:#8eb4c6}.motion-portrait>i{top:15px;right:13px;font-size:15px}.motion-format-card figcaption{padding:25px 24px;display:flex;align-items:flex-start;gap:16px}.motion-format-card figcaption>span{font-size:11px;min-width:32px;color:var(--cyan);padding-top:4px}.motion-format-card h3{font-size:16px;letter-spacing:-.03em;line-height:1.4;margin-bottom:9px}.motion-format-card p{font-size:12px;line-height:1.8}.motion-example-note{font-size:11px;color:#829eae;line-height:1.8;margin-top:21px}
.motion-delivery{display:grid;grid-template-columns:1fr 1.15fr;gap:85px}.motion-delivery h2{font-size:40px;line-height:1.18}.motion-delivery>div:first-child>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:24px;max-width:385px}.motion-delivery-list article{display:flex;gap:23px;padding:24px 0;border-top:1px solid #2a4553}.motion-delivery-list article:first-child{padding-top:0;border:0}.motion-delivery-list article:last-child{padding-bottom:0}.motion-delivery-list article>span{color:var(--cyan);width:27px;height:27px;flex-shrink:0;margin-top:3px}.motion-delivery-list h3{font-size:19px;letter-spacing:-.025em;margin-bottom:11px}.motion-delivery-list p{font-size:13px;line-height:1.9}.motion-process{border-top:1px solid var(--line)}
@keyframes motion-mark{0%,100%{transform:translateY(0) scale(1)}18%{transform:translateY(-7px) scale(.93)}40%,70%{transform:translateY(0) scale(1)}}
@keyframes motion-type{0%,100%{transform:translateY(0);opacity:1}18%{transform:translateY(6px);opacity:.45}42%,78%{transform:translateY(0);opacity:1}}
@keyframes motion-caption{0%,100%{opacity:1}18%{opacity:.35}50%,80%{opacity:1}}
@keyframes motion-orbit-turn{to{transform:rotate(360deg)}}
@keyframes motion-playhead{from{left:22px}to{left:calc(100% - 22px)}}
@media(prefers-reduced-motion:reduce){.motion-player *{animation:none!important}}
@media(max-width:1100px){.motion-hero-art{margin-left:8px;padding-left:6px}.motion-stage{min-height:330px}.motion-format-art{padding:21px;height:290px}.motion-format-frame{padding:17px}.motion-landscape>strong{font-size:17px}.motion-format-card figcaption{padding:23px 19px;gap:12px}.motion-format-card h3{font-size:15px}.motion-delivery{gap:45px}.motion-delivery h2{font-size:34px}}
@media(max-width:850px){.motion-hero-art{margin-left:12px;padding:0}.motion-player-top{padding:16px;font-size:7px;letter-spacing:.04em}.motion-stage{min-height:314px}.motion-orbit-outer{width:266px;height:266px}.motion-orbit-inner{width:210px;height:210px}.motion-brand>img{width:140px}.motion-brand>strong{font-size:17px}.motion-brand>span{font-size:6px}.motion-stage-caption{left:16px;font-size:6px}.motion-stage-corner{right:16px}.motion-player-controls{padding:13px 16px;gap:8px}.motion-player-controls>span{font-size:8px}.motion-player-controls button{font-size:9px;padding:8px;gap:7px}.motion-format-grid{gap:13px}.motion-format-art{padding:16px;height:259px}.motion-format-frame{padding:13px}.motion-format-frame>img{width:23px}.motion-landscape>strong{font-size:13px}.motion-square>strong{font-size:27px}.motion-portrait{max-height:225px}.motion-portrait>strong{font-size:22px}.motion-format-card figcaption{display:block;padding:21px 17px}.motion-format-card figcaption>span{display:block;margin-bottom:11px}.motion-format-card h3{font-size:15px}.motion-delivery{gap:30px}.motion-delivery h2{font-size:29px}}
@media(max-width:640px){.motion-hero-art{align-self:stretch;margin:32px 0 29px;padding:0}.motion-service-page .web-hero h1{font-size:clamp(43px,11.7vw,65px)}.motion-player-top{font-size:7px;padding:17px}.motion-stage{min-height:315px}.motion-brand>img{width:155px}.motion-brand>strong{font-size:18px}.motion-brand>span{font-size:6px}.motion-player-controls{padding:14px 17px}.motion-player-controls>span{font-size:8px}.motion-player-controls button{font-size:10px;padding:9px 11px}.motion-hero-art>figcaption{font-size:8px}.motion-format-grid{grid-template-columns:1fr;gap:20px}.motion-format-art{height:315px;padding:28px}.motion-format-frame{padding:22px}.motion-landscape>strong{font-size:22px}.motion-format-frame>img{width:31px}.motion-square>strong{font-size:33px}.motion-portrait{max-height:259px;padding:17px}.motion-portrait>strong{font-size:25px}.motion-portrait>img{width:28px}.motion-format-card figcaption{display:flex;gap:18px;padding:24px}.motion-format-card figcaption>span{margin-bottom:0}.motion-format-card h3{font-size:17px}.motion-format-card p{font-size:13px}.motion-example-note{font-size:10px}.motion-delivery{display:block}.motion-delivery h2{font-size:32px}.motion-delivery>div:first-child>p:not(.eyebrow){font-size:13px}.motion-delivery-list{margin-top:36px}.motion-delivery-list article{gap:18px}.motion-delivery-list h3{font-size:18px}.motion-service-page .web-contact h2{font-size:28px}}
@media(max-width:360px){.motion-player-controls{padding-inline:12px}.motion-player-controls button{font-size:9px}.motion-landscape>strong{font-size:18px}.motion-service-page .web-hero h1{font-size:41px}}