/* Page-native production stories. Prefixes isolate these from the page layout. */
.sp-production{position:absolute;inset:0;overflow:hidden;background:#ededed;color:#111;font-family:inherit;--sp-red:#e5332a;--sp-line:#c9c9c9}
.sp-production *,.sp-production *::before,.sp-production *::after{box-sizing:border-box}
.sp-production svg{display:block;width:100%;height:100%}
.sp-production .sp-topline{position:absolute;top:5%;left:5%;right:5%;display:flex;justify-content:space-between;gap:4%;font-size:clamp(6px,1.25cqw,11px);font-weight:600;letter-spacing:.045em;line-height:1.3;z-index:5}
.sp-production .sp-topline>span:last-child{text-align:right;color:#666}
.sp-production .sp-process{position:absolute;bottom:5%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:2%;font-size:clamp(7px,1.65cqw,13px);line-height:1.2;white-space:nowrap}
.sp-production .sp-process span{display:flex;align-items:center;gap:.65cqw}
.sp-production .sp-process i{font-style:normal;font-size:.65em;color:#888}
.sp-production .sp-process>b{font-weight:400;color:#999;font-size:1.1em}
.sp-production .sp-red{color:var(--sp-red)}
.sp-production .sp-windowline{height:9%;min-height:3cqh;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:.65cqw;padding:0 2.5%;font-size:clamp(4px,.85cqw,7px);font-weight:600;letter-spacing:.035em;overflow:hidden;white-space:nowrap}
.sp-production .sp-windowline>i{width:.55cqw;height:.55cqw;min-width:2px;min-height:2px;border:1px solid #aaa;border-radius:50%;flex-shrink:0}
.sp-production .sp-windowline>span{margin-left:auto}.sp-production .sp-windowline>b{margin-left:auto;font-weight:400}
.sp-production .sp-product-art{width:100%;height:100%;object-fit:cover}

/* Website: a wireframe becomes a composed, responsive experience. */
.sp-web-grid{position:absolute;inset:15% 4% 17%;background:linear-gradient(#dcdcdc 1px,transparent 1px),linear-gradient(90deg,#dcdcdc 1px,transparent 1px);background-size:7cqw 7cqw;opacity:.35;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.sp-wireframe{position:absolute;left:5%;top:25%;width:23%;height:47%;background:#f7f7f7;border:1px solid #bbb;transform:perspective(700px) rotateY(-6deg);animation:sp-wire-settle 7.92s ease-in-out infinite}
.sp-wireframe .sp-windowline{height:12%;background:transparent;font-size:.75cqw}
.sp-wire-nav{height:4%;margin:9% 9% 7%;border:1px solid #c3c3c3;width:34%}
.sp-wire-body{height:37%;display:flex;gap:10%;padding:0 9%}.sp-wire-body>div{flex:1;padding-top:8%}.sp-wire-body>div>b{display:block;height:9%;margin-bottom:8%;background:#c9c9c9}.sp-wire-body>div>b:nth-child(2){width:82%}.sp-wire-body>div>b:nth-child(3){width:65%}.sp-wire-body>div>i{display:block;width:65%;height:13%;margin-top:20%;border:1px solid #bdbdbd}.sp-wire-body>svg{width:39%;height:100%}
.sp-wire-cards{display:flex;gap:5%;padding:0 9%;height:15%;margin-top:12%}.sp-wire-cards>i{flex:1;border:1px solid #c6c6c6}
.sp-wire-label{display:block;text-align:center;font-size:clamp(4px,.8cqw,7px);margin-top:11%;color:#777}
.sp-web-connector{position:absolute;left:29%;top:47%;width:7%;height:1px;background:#bcbcbc}.sp-web-connector>i{position:absolute;inset:-1px 0 0;background:var(--sp-red);transform-origin:left;animation:sp-route-line 7.92s ease infinite}.sp-web-connector>b{position:absolute;right:-2px;top:50%;font-size:2cqw;transform:translateY(-50%);font-weight:400}
.sp-desktop{position:absolute;left:36%;top:20%;width:55%;height:56%;border:1px solid #111;border-radius:.6cqw;overflow:hidden;background:white;box-shadow:0 1.6cqh 2cqh #1110000d;animation:sp-desktop-enter 7.92s cubic-bezier(.2,.7,.3,1) infinite}
.sp-designed-site{height:91%;padding:4% 5%;position:relative;overflow:hidden}
.sp-site-nav{display:flex;align-items:center;gap:8%;height:13%;font-size:2.4cqw;border-bottom:1px solid #ddd;padding-bottom:3%}.sp-site-nav>b{font-weight:800;letter-spacing:-.07em;margin-right:auto}.sp-site-nav>b>span{color:var(--sp-red)}.sp-site-nav>i{height:1px;background:#999;width:7%}
.sp-site-content{display:flex;align-items:center;height:60%;gap:3%;position:relative}.sp-site-copy{width:56%;position:relative;z-index:2;animation:sp-web-type 7.92s ease infinite}.sp-site-copy>small{display:block;font-size:clamp(3px,.6cqw,5px);letter-spacing:.08em;margin-bottom:8%}.sp-site-copy>strong{display:block;font-size:3.35cqw;line-height:.97;letter-spacing:-.065em;font-weight:800}.sp-site-copy>strong>span{color:var(--sp-red)}.sp-site-cta{display:inline-block;margin-top:12%;background:#111;color:#fff;font-size:clamp(3px,.6cqw,5px);padding:5% 6%;white-space:nowrap}.sp-site-product{position:absolute;right:-6%;top:7%;width:54%;height:86%;overflow:hidden;animation:sp-web-product 7.92s ease infinite}.sp-site-product>svg{width:160%;max-width:none;position:absolute;left:-30%;top:0}
.sp-site-lower{height:10%;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;font-size:clamp(3px,.65cqw,6px)}.sp-site-lower>i{height:1px;width:20%;background:#bbb}.sp-site-cards{display:flex;gap:3%;height:17%;padding-top:3%}.sp-site-cards>span{flex:1;background:#e9e9e6}.sp-site-cards>span:nth-child(2){background:#c7c7c4}.sp-site-cards>span:nth-child(3){background:#222}
.sp-phone{position:absolute;right:3.5%;top:39%;width:18%;height:43%;border:2px solid #111;background:#fff;border-radius:2.1cqw;overflow:hidden;box-shadow:-1.3cqw 1.5cqh 3cqh #11111118;animation:sp-responsive 7.92s cubic-bezier(.2,.7,.3,1) infinite}
.sp-phone-speaker{position:absolute;left:35%;top:2.2%;width:30%;height:1.3%;background:#111;border-radius:10px;z-index:3}
.sp-phone-home{position:absolute;bottom:1.8%;left:35%;width:30%;height:1%;background:#111;border-radius:8px}
.sp-mobile-site{height:100%;padding:12% 9% 8%}.sp-mobile-site .sp-site-nav{font-size:1.8cqw;height:8%}.sp-mobile-site .sp-site-content{height:72%;display:block;padding-top:12%}.sp-mobile-site .sp-site-copy{width:100%}.sp-mobile-site .sp-site-copy>small{font-size:.5cqw;margin-bottom:5%}.sp-mobile-site .sp-site-copy>strong{font-size:2.3cqw}.sp-mobile-site .sp-site-cta{font-size:.46cqw;margin-top:6%;padding:5%}.sp-mobile-site .sp-site-product{top:43%;left:-10%;right:-10%;width:120%;height:57%;animation:none}.sp-mobile-site .sp-site-lower{height:10%;font-size:.48cqw;gap:8%}.sp-mobile-site .sp-site-lower>i{display:none}
.sp-web-status{position:absolute;left:36%;bottom:17%;width:42%;display:flex;align-items:center;gap:1cqw;font-size:clamp(5px,1.15cqw,10px);color:#555}.sp-web-status>i{width:.7cqw;height:.7cqw;border-radius:50%;background:var(--sp-red)}.sp-web-status>b{margin-left:auto;color:#111;font-family:monospace;font-size:1.5cqw;font-weight:400}
@keyframes sp-wire-settle{0%,100%{transform:perspective(700px) rotateY(0);opacity:1}32%{transform:perspective(700px) rotateY(-4deg);opacity:.85}62%{transform:perspective(700px) rotateY(-7deg);opacity:.7}82%{transform:perspective(700px) rotateY(-3deg);opacity:.85}}
@keyframes sp-route-line{0%,100%{transform:scaleX(0)}34%{transform:scaleX(.75)}60%{transform:scaleX(1)}82%{transform:scaleX(.65)}}
@keyframes sp-desktop-enter{0%,100%{transform:translateY(4cqh);opacity:.45}28%{transform:translateY(.3cqh);opacity:1}58%{transform:translateY(-.5cqh);opacity:1}80%{transform:translateY(0);opacity:1}}
@keyframes sp-web-type{0%,100%{transform:translateY(2cqh);opacity:.2}34%{transform:translateY(0);opacity:1}62%{transform:translateY(-.4cqh);opacity:1}82%{transform:translateY(.1cqh);opacity:1}}
@keyframes sp-web-product{0%,100%{transform:translateX(3cqw);opacity:.2}38%{transform:translateX(0);opacity:1}64%{transform:translateX(-.5cqw);opacity:1}82%{transform:translateX(.2cqw);opacity:1}}
@keyframes sp-responsive{0%,100%{transform:translateY(5cqh);opacity:.2}42%{transform:translateY(0);opacity:1}66%{transform:translateY(-.7cqh);opacity:1}84%{transform:translateY(.2cqh);opacity:1}}

/* Post-production: product footage, a real visual grade, trims, titles and sound. */
.sp-editor{position:absolute;left:5%;right:5%;top:15%;height:68%;background:#222;color:#ddd;border:1px solid #111;border-radius:.8cqw;overflow:hidden;box-shadow:0 1.3cqh 2.2cqh #11111112;font-size:clamp(3px,.8cqw,7px)}
.sp-editor-bar{height:7%;display:flex;align-items:center;gap:3%;padding:0 2%;background:#111;border-bottom:1px solid #414141;letter-spacing:.035em;font-size:.65cqw}.sp-editor-bar>span{margin-left:auto;font-size:.6cqw;color:#bbb}.sp-editor-bar>i{width:.6cqw;height:.6cqw;background:var(--sp-red);border-radius:50%}
.sp-source-bin{position:absolute;left:2%;top:11%;width:15%;height:47%}.sp-source-bin>span{display:block;font-size:.62cqw;margin-bottom:8%;color:#aaa}.sp-source-thumb{position:relative;width:100%;height:33%;margin-bottom:10%;overflow:hidden;border:1px solid #555}.sp-source-thumb>svg{width:130%;height:120%;position:absolute;left:-15%;top:-10%}.sp-source-thumb>b{position:absolute;left:5%;bottom:5%;font-size:.55cqw;background:#111a;padding:2% 4%;font-weight:400}.sp-source-close>svg{width:220%;height:180%;left:-55%;top:-40%}.sp-source-audio{height:15%;position:relative;color:#888}.sp-source-audio>svg{height:55%}.sp-source-audio>b{font-weight:400;font-size:.52cqw}
.sp-edit-monitor{position:absolute;left:20%;top:11%;width:59%;height:46%;overflow:hidden;background:#ddd}.sp-raw-image,.sp-graded-image{position:absolute;inset:0}.sp-raw-image{filter:brightness(1.12) contrast(.55)}.sp-graded-image{clip-path:inset(0 0 0 0);animation:sp-grade-wipe 8.64s cubic-bezier(.65,0,.25,1) infinite}.sp-grade-divider{position:absolute;top:0;bottom:0;left:50%;width:1px;background:white;animation:sp-grade-line 8.64s cubic-bezier(.65,0,.25,1) infinite}.sp-grade-divider>i{width:1cqw;height:2cqh;position:absolute;top:50%;left:-.5cqw;background:white;border-radius:2px}.sp-film-title{position:absolute;left:5%;bottom:16%;animation:sp-film-title 8.64s cubic-bezier(.2,.7,.2,1) infinite}.sp-film-title>small{font-size:.55cqw;letter-spacing:.08em;color:#111}.sp-film-title>strong{display:block;color:#111;font-size:2.6cqw;line-height:1;letter-spacing:-.055em;margin-top:6%}.sp-film-title>strong>span{color:var(--sp-red)}.sp-monitor-label{position:absolute;left:0;right:0;bottom:0;height:10%;padding:0 2%;display:flex;align-items:center;justify-content:space-between;background:#111c;color:#fff;font-size:.55cqw}
.sp-grade-tools{position:absolute;left:82%;right:2%;top:11%;height:46%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:space-between;gap:8% 2%;font-size:.6cqw;color:#aaa}.sp-grade-tools>span{width:100%;font-size:.58cqw}.sp-grade-wheel{width:29%;aspect-ratio:1;border-radius:50%;position:relative;background:conic-gradient(#b9b9b9,#333,#aaa,#444,#b9b9b9);border:1px solid #999}.sp-grade-wheel::before{content:"";position:absolute;inset:21%;background:#272727;border-radius:50%}.sp-grade-wheel>i{position:absolute;inset:22% 48%;background:var(--sp-red);transform:rotate(30deg);transform-origin:50% 90%;animation:sp-grade-knob 8.64s ease infinite}.sp-grade-wheel:nth-child(3)>i{animation-delay:-1.44s}.sp-grade-tools>.sp-grade-curve{width:100%;height:41%;margin-top:5%}.sp-grade-tools>b{width:100%;font-weight:400;font-size:.65cqw;color:#ddd;margin-top:6%;text-align:center;border:1px solid #777;padding:5% 0}
.sp-edit-transport{position:absolute;top:59%;left:20%;right:21%;display:flex;justify-content:space-between;align-items:center;color:#aaa;font-size:.65cqw;height:6%}.sp-edit-transport>b{font-weight:400;font-size:.58cqw}.sp-edit-transport>span:last-child{font-size:.5cqw}
.sp-timeline{position:absolute;left:2%;right:2%;top:68%;height:27%;display:flex}.sp-timeline-labels{width:13%;position:relative;font-size:.6cqw;color:#aaa}.sp-timeline-labels>span{position:absolute;top:30%;left:0}.sp-timeline-labels>span:nth-child(2){top:59%}.sp-timeline-labels>span:nth-child(3){top:82%}.sp-tracks{width:87%;position:relative}.sp-time-ruler{position:absolute;left:0;right:0;top:0;height:14%;background:repeating-linear-gradient(90deg,#777 0,#777 1px,transparent 1px,transparent 4.166%);border-bottom:1px solid #555}.sp-video-track{position:absolute;left:0;right:0;top:20%;height:33%;display:flex;gap:2px}.sp-video-track>div{width:39%;position:relative;display:flex;overflow:hidden;background:#777;border:1px solid #aaa}.sp-video-track>div:nth-child(2){width:28%;background:#555}.sp-video-track>div:nth-child(3){width:33%;background:#888}.sp-video-track i{height:100%;flex:1;position:relative;background:linear-gradient(160deg,#a4a4a4 55%,#6c6c6c 56%);border-right:1px solid #aaa}.sp-video-track i::before{content:"";position:absolute;left:38%;top:20%;width:24%;height:63%;background:#303030;border-radius:15% 15% 4% 4%}.sp-video-track small{position:absolute;bottom:5%;left:3%;font-size:.5cqw;font-weight:500;color:#fff}.sp-title-track{position:absolute;left:0;right:0;top:58%;height:15%;display:flex;align-items:center;gap:21%}.sp-title-track>span{display:flex;align-items:center;background:#b3b3b3;border:1px solid #d0d0d0;color:#222;height:100%;width:42%;font-size:.5cqw;padding:0 2%}.sp-title-track>span:last-child{width:30%;background:#8c8c8c}.sp-audio-track{position:absolute;left:0;right:0;top:78%;height:22%;background:#555;border:1px solid #777;color:#bcbcbc;overflow:hidden}.sp-audio-track>svg{height:100%;width:100%}.sp-timeline-playhead{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--sp-red);animation:sp-edit-playhead 8.64s linear infinite}.sp-timeline-playhead>i{position:absolute;top:-2px;left:-.45cqw;width:.9cqw;height:1.3cqh;background:var(--sp-red);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.sp-trim-handle{position:absolute;left:39%;top:20%;height:33%;width:3px;border-left:1px solid #fff;border-right:1px solid #fff;animation:sp-trim 8.64s ease infinite}
@keyframes sp-grade-wipe{0%,100%{clip-path:inset(0 100% 0 0)}38%{clip-path:inset(0 0 0 0)}62%{clip-path:inset(0 15% 0 0)}82%{clip-path:inset(0 55% 0 0)}}
@keyframes sp-grade-line{0%,100%{transform:translateX(0);opacity:.6}38%{transform:translateX(100%);opacity:1}62%{transform:translateX(85%);opacity:1}82%{transform:translateX(45%);opacity:.8}}
@keyframes sp-film-title{0%,100%{opacity:0;transform:translateY(3cqh)}38%{opacity:1;transform:translateY(0)}64%{opacity:1;transform:translateY(-.5cqh)}82%{opacity:1;transform:translateY(0)}}
@keyframes sp-grade-knob{0%,100%{transform:rotate(-20deg)}36%{transform:rotate(70deg)}62%{transform:rotate(52deg)}82%{transform:rotate(16deg)}}
@keyframes sp-edit-playhead{0%,100%{transform:translateX(0);opacity:0}6%{transform:translateX(5%);opacity:1}90%{transform:translateX(94%);opacity:1}95%{transform:translateX(100%);opacity:0}96%{transform:translateX(0);opacity:0}}
@keyframes sp-trim{0%,100%{transform:translateX(47%)}28%{transform:translateX(39%)}54%{transform:translateX(41%)}78%{transform:translateX(39%)}}

/* Motion design: storyboard, stage, animated type, handles and output formats. */
.sp-storyboards{position:absolute;left:5%;top:18%;width:14%;height:61%}.sp-storyboards>span{font-size:clamp(4px,.8cqw,7px);letter-spacing:.04em;display:block;margin-bottom:12%;color:#666}.sp-storyboards>div{height:26%;border:1px solid #aaa;background:#f6f6f6;margin-bottom:11%;position:relative;overflow:hidden}.sp-storyboards b{position:absolute;bottom:6%;left:7%;font-size:.65cqw;font-weight:400;color:#777}.sp-board-circle{position:absolute;top:16%;left:35%;width:30%;aspect-ratio:1;border:1px solid #888;border-radius:50%}.sp-board-lines{position:absolute;left:19%;right:19%;top:23%;height:32%;background:repeating-linear-gradient(0deg,#999 0,#999 2px,transparent 2px,transparent 5px)}.sp-board-logo{position:absolute;left:35%;top:4%;font-size:4.5cqw;letter-spacing:-.08em;font-weight:700;font-style:normal;color:#666}
.sp-motion-workspace{position:absolute;left:22%;top:17%;width:55%;height:65%;border:1px solid #111;background:white;overflow:hidden;border-radius:.5cqw}.sp-motion-canvas{position:relative;height:65%;margin:3% 4% 0;background:#f3f3f1;overflow:hidden}.sp-motion-path{position:absolute;inset:0}.sp-animated-type{position:absolute;left:35%;top:21%;right:7%;font-size:5cqw;line-height:.87;font-weight:800;letter-spacing:-.065em;padding:3% 2%;border:1px solid #bcbcbc;animation:sp-type-motion 7.2s cubic-bezier(.22,.75,.2,1) infinite}.sp-animated-type>span{display:block;white-space:nowrap}.sp-animated-type>span:nth-child(2){font-size:.76em;letter-spacing:-.05em}.sp-selection-handle{position:absolute;width:.55cqw;height:.55cqw;background:white;border:1px solid #777}.sp-h1{top:-.3cqw;left:-.3cqw}.sp-h2{top:-.3cqw;right:-.3cqw}.sp-h3{bottom:-.3cqw;left:-.3cqw}.sp-h4{bottom:-.3cqw;right:-.3cqw}
.sp-motion-mark{position:absolute;left:9%;top:34%;width:20%;aspect-ratio:1;animation:sp-mark-motion 7.2s cubic-bezier(.55,0,.2,1) infinite}.sp-motion-mark>i{position:absolute;width:50%;height:50%;background:#111}.sp-motion-mark>i:nth-child(1){left:0;top:0;border-radius:100% 0 0 0}.sp-motion-mark>i:nth-child(2){right:0;top:0;border-radius:0 100% 0 0;background:var(--sp-red)}.sp-motion-mark>i:nth-child(3){left:0;bottom:0;border-radius:0 0 0 100%}.sp-motion-mark>i:nth-child(4){right:0;bottom:0;border-radius:0 0 100% 0}
.sp-motion-safe{position:absolute;left:3%;right:3%;bottom:3%;display:flex;justify-content:space-between;font-size:.55cqw;color:#777}.sp-keyframe-editor{position:absolute;left:4%;right:4%;bottom:3%;height:17%;display:flex;align-items:stretch;gap:4%}.sp-keyframe-editor>span{font-size:.55cqw;line-height:2.3;width:17%;color:#777}.sp-keyframe-lanes{width:56%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:3% 0}.sp-keyframe-lanes>div{position:relative;display:flex;justify-content:space-between;height:1px;background:#ddd}.sp-keyframe-lanes>div:nth-child(2){padding:0 20% 0 8%}.sp-keyframe-lanes>div:nth-child(3){padding:0 10% 0 25%}.sp-keyframe-lanes i{position:relative;top:-2px;width:4px;height:4px;transform:rotate(45deg);background:#999;z-index:1}.sp-motion-playhead{position:absolute;top:0;bottom:0;left:10%;width:1px;background:var(--sp-red);animation:sp-edit-playhead 7.2s linear infinite}.sp-keyframe-editor>.sp-easing{width:21%;height:100%;border-left:1px solid #ddd;padding-left:3%}
.sp-motion-outputs{position:absolute;right:4%;top:21%;width:15%;height:58%;font-size:.7cqw}.sp-motion-outputs>span{display:block;margin-bottom:15%;color:#666;white-space:nowrap;font-size:.65cqw}.sp-output-wide{height:26%;background:#111;color:#fff;padding:9%;position:relative;overflow:hidden;animation:sp-output-pop 7.2s ease infinite}.sp-output-wide>b{font-size:1.3cqw;letter-spacing:-.04em;line-height:.96;font-weight:700;display:block}.sp-output-wide>b>span,.sp-output-tall>b>span{color:var(--sp-red)}.sp-output-wide>i{position:absolute;width:25%;aspect-ratio:1;border:1px solid #777;border-radius:50%;right:9%;bottom:15%}.sp-output-tall{height:49%;margin:10% 20% 0;background:#111;color:white;padding:11%;position:relative;overflow:hidden;animation:sp-output-pop 7.2s ease infinite;animation-delay:0.432s}.sp-output-tall>i{position:absolute;width:43%;aspect-ratio:1;background:#ddd;border-radius:50%;top:15%;left:29%}.sp-output-tall>b{position:absolute;left:12%;bottom:11%;font-size:1.22cqw;letter-spacing:-.04em;line-height:.97}.sp-motion-outputs>small{display:block;margin-top:13%;font-size:.5cqw;white-space:nowrap;color:#666}
@keyframes sp-type-motion{0%,100%{transform:translateY(5cqh) scale(1);opacity:.3}24%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-1cqh) scale(.94);opacity:1}74%{transform:translateY(-.3cqh) scale(.98);opacity:1}88%{transform:translateY(.5cqh) scale(1);opacity:.9}}
@keyframes sp-mark-motion{0%{transform:translateY(4cqh) rotate(-90deg) scale(.6)}24%{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-2cqh) rotate(120deg) scale(.8)}74%{transform:translateY(-.5cqh) rotate(210deg) scale(.96)}88%{transform:translateY(1cqh) rotate(250deg) scale(.8)}100%{transform:translateY(4cqh) rotate(270deg) scale(.6)}}
@keyframes sp-output-pop{0%,100%{opacity:.25;transform:translateY(2cqh)}42%{opacity:1;transform:translateY(0)}66%{opacity:1;transform:translateY(-.4cqh)}84%{opacity:1;transform:translateY(.2cqh)}}

/* AI production: a directed reference, different treatments, human selection and finishing. */
.sp-ai-brief{position:absolute;left:5%;top:20%;width:25%;height:60%;background:#fff;transform:rotate(-3deg);padding:6% 3% 3%;border:1px solid #bdbdbd;box-shadow:.5cqw 1cqh 1cqh #11111108;z-index:2}.sp-brief-clip{position:absolute;top:-2%;left:37%;width:27%;height:5%;border:1px solid #888;background:#d5d5d5;border-radius:2px}.sp-ai-brief>span{display:block;font-size:.65cqw;letter-spacing:.07em;color:#666;margin-bottom:10%}.sp-ai-brief>strong{font-size:2.5cqw;line-height:1.05;letter-spacing:-.055em;display:block}.sp-ai-brief>strong>span{color:var(--sp-red)}.sp-brief-reference{height:35%;margin-top:10%;overflow:hidden;border:1px solid #ddd}.sp-brief-reference>svg{filter:grayscale(1) contrast(.7);width:130%;margin-left:-15%}.sp-brief-notes{display:flex;flex-direction:column;gap:.6cqh;font-size:.65cqw;color:#555;margin-top:10%}.sp-brief-sign{font-size:.58cqw;margin-top:10%;padding-top:7%;border-top:1px solid #ddd;display:flex;justify-content:space-between}.sp-brief-sign>i{font-style:normal;color:var(--sp-red)}
.sp-ai-connectors{position:absolute;inset:12% 0 14%;height:74%!important}.sp-ai-route{animation:sp-ai-route 7.2s linear infinite}.sp-ai-variants{position:absolute;left:36%;top:16%;width:21%;height:68%;z-index:2}.sp-ai-variants>span{font-size:.65cqw;display:block;letter-spacing:.03em;color:#666;white-space:nowrap;margin-bottom:10%;text-align:center}.sp-variant{position:relative;width:100%;height:27%;margin-bottom:6%;border:1px solid #c5c5c5;background:#fff;overflow:hidden}.sp-variant>svg{width:120%;height:115%;margin-left:-10%;margin-top:-4%}.sp-variant>b{position:absolute;left:5%;bottom:6%;font-weight:500;letter-spacing:.03em;font-size:.6cqw;padding:2% 3%;background:#ffffffdd}.sp-variant-one>svg{filter:brightness(1.2) contrast(.8)}.sp-variant-two{border:1.5px solid #111;animation:sp-ai-select 7.2s ease infinite}.sp-variant-two>svg{transform:scale(1.15) rotate(-4deg)}.sp-variant-two>i{position:absolute;right:0;top:0;color:white;background:#111;font-style:normal;font-size:.56cqw;padding:3% 5%;animation:sp-ai-badge 7.2s ease infinite}.sp-variant-three>svg{filter:brightness(.6) contrast(1.3);transform:scale(1.4) translateX(-3%)}
.sp-ai-finish{position:absolute;left:64%;right:5%;top:20%;height:61%;background:white;border:1px solid #111;overflow:hidden;z-index:2;animation:sp-ai-final 7.2s ease infinite}.sp-ai-finish .sp-windowline{font-size:.57cqw;height:7%}.sp-ai-poster{position:relative;height:82%;overflow:hidden;background:#e6e6e3}.sp-ai-poster>.sp-product-art{position:absolute;width:190%;height:100%;left:-36%;top:8%;transform:rotate(-4deg)}.sp-ai-final-copy{position:absolute;left:7%;top:8%;z-index:2}.sp-ai-final-copy>small{font-size:.53cqw;letter-spacing:.07em}.sp-ai-final-copy>strong{display:block;font-size:3.4cqw;font-weight:800;letter-spacing:-.065em;line-height:.92;margin-top:7%}.sp-ai-final-copy>strong>span{color:var(--sp-red)}.sp-ai-finishline{position:absolute;bottom:5%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:.55cqw;letter-spacing:.04em}.sp-ai-finishline>b{font-weight:500}.sp-ai-human{display:flex;align-items:center;justify-content:center;gap:.7cqw;font-size:.65cqw;height:11%;border-top:1px solid #ddd;background:#fff}.sp-ai-human>i{font-style:normal;color:var(--sp-red);font-size:.9cqw}.sp-retouch-cursor{position:absolute;top:55%;left:60%;width:4cqw;height:4cqw;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #777;animation:sp-retouch 7.2s cubic-bezier(.4,0,.3,1) infinite}.sp-retouch-cursor>i:first-child{position:absolute;width:40%;height:1px;left:30%;top:50%;background:white}.sp-retouch-cursor>i:last-child{position:absolute;height:40%;width:1px;left:50%;top:30%;background:white}
@keyframes sp-ai-route{to{stroke-dashoffset:-136}}
@keyframes sp-ai-select{0%,100%{border-color:#bbb;transform:scale(1)}30%{border-color:#111;transform:scale(1.05)}58%{border-color:#111;transform:scale(1.075)}80%{border-color:#111;transform:scale(1.04)}}
@keyframes sp-ai-badge{0%,100%{transform:translateY(-100%)}30%{transform:translateY(0)}60%{transform:translateY(4%)}82%{transform:translateY(0)}}
@keyframes sp-ai-final{0%,100%{opacity:.45;transform:translateY(2cqh)}38%{opacity:1;transform:translateY(0)}64%{opacity:1;transform:translateY(-.5cqh)}84%{opacity:1;transform:translateY(.2cqh)}}
@keyframes sp-retouch{0%,100%{opacity:0;transform:translate(0,0)}20%{opacity:1;transform:translate(-1cqw,-1cqh)}44%{opacity:1;transform:translate(-4cqw,-5cqh)}68%{opacity:1;transform:translate(-1cqw,3cqh)}86%{opacity:.5;transform:translate(2cqw,1cqh)}}

/* Email: capture, welcome sequence and a designed message with a clear action. */
.sp-signup-site{position:absolute;left:5%;top:26%;width:27%;height:44%;border:1px solid #999;background:#fff;overflow:hidden;box-shadow:0 1cqh 2cqh #11111108}.sp-signup-site .sp-windowline{height:12%;font-size:.6cqw}.sp-signup-site>b{display:block;margin:10% 8% 0;font-size:2.4cqw;letter-spacing:-.06em;line-height:1}.sp-signup-site>b>span{color:var(--sp-red)}.sp-signup-site>p{margin:5% 8%;font-size:.82cqw;line-height:1.45;color:#555}.sp-signup-input{position:relative;margin:8% 8% 0;height:13%;border:1px solid #bbb;font-size:.72cqw;display:flex;align-items:center;padding:0 5%;color:#666}.sp-signup-input>i{width:1px;height:50%;background:#111;margin-left:2%;animation:sp-input-blink 1s steps(1) infinite}.sp-signup-button{margin:5% 8%;height:14%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8cqw;animation:sp-signup-press 7.92s ease infinite}.sp-signup-site>small{display:flex;margin:6% 8%;font-size:.56cqw;justify-content:space-between;color:#777;letter-spacing:.03em}.sp-signup-site>small>i{font-style:normal;color:var(--sp-red)}
.sp-email-line{position:absolute;left:32%;top:48%;width:5%;height:1px;background:#bbb;overflow:hidden}.sp-email-line>i{position:absolute;inset:0;background:var(--sp-red);animation:sp-route-line 7.92s ease infinite;transform-origin:left}
.sp-email-flow{position:absolute;left:37%;top:24%;width:29%;height:52%;z-index:2}.sp-flow-label{display:block;font-size:.68cqw;letter-spacing:.04em;color:#666;margin-bottom:13%;padding-left:16%}.sp-flow-rail{position:absolute;left:5%;top:12%;bottom:15%;width:1px;background:#bbb}.sp-flow-rail>i{position:absolute;left:0;right:0;top:0;height:30%;background:var(--sp-red);animation:sp-email-route 7.92s ease infinite}.sp-flow-node{position:relative;display:flex;align-items:center;gap:7%;height:23%;margin-bottom:9%;background:#fff;border:1px solid #bbb;padding:0 6%;animation:sp-email-node 7.92s ease infinite}.sp-flow-node:nth-of-type(3){animation-delay:0.72s}.sp-flow-node:nth-of-type(4){animation-delay:1.44s}.sp-flow-node>i{font-size:.75cqw;font-style:normal;color:#999}.sp-flow-node>span{display:flex;flex-direction:column;gap:.8cqh}.sp-flow-node small{font-size:.5cqw;letter-spacing:.035em;color:#777}.sp-flow-node b{font-size:1.2cqw;font-weight:600;letter-spacing:-.035em;white-space:nowrap}.sp-flow-node>em{font-size:1.4cqw;font-style:normal;margin-left:auto}.sp-flow-note{font-size:.65cqw;display:flex;align-items:center;gap:.7cqw;color:#777;white-space:nowrap;margin-top:-2%}.sp-flow-note>i{display:block;width:.55cqw;height:.55cqw;border-radius:50%;background:var(--sp-red)}
.sp-email-phone{position:absolute;right:5%;top:16%;width:23%;height:68%;background:#fff;border:2px solid #111;border-radius:2.4cqw;overflow:hidden;box-shadow:0 1.5cqh 2.5cqh #11111115;animation:sp-email-reveal 7.92s ease infinite}.sp-mail-chrome{height:17%;padding:10% 7% 5%;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:.5cqh}.sp-mail-chrome>b{font-size:.65cqw;font-weight:500;color:#999}.sp-mail-chrome>span{font-size:1cqw;font-weight:600;letter-spacing:-.025em}.sp-mail-chrome>small{font-size:.6cqw;color:#888}.sp-mail-body{height:79%;padding:5% 8%;overflow:hidden}.sp-mail-brand{font-size:2cqw;font-weight:800;letter-spacing:-.075em}.sp-mail-brand>span{color:var(--sp-red)}.sp-mail-body>strong{display:block;font-size:2.5cqw;line-height:.95;letter-spacing:-.06em;margin-top:8%;font-weight:700}.sp-mail-body>strong>span{color:var(--sp-red)}.sp-email-art{height:31%;margin-top:7%;overflow:hidden}.sp-email-art>svg{width:140%;height:120%;margin-left:-20%;margin-top:-6%}.sp-mail-body>p{font-size:.75cqw;line-height:1.4;margin:7% 0}.sp-mail-cta{display:flex;align-items:center;justify-content:center;background:#111;color:#fff;height:11%;font-size:.75cqw}.sp-mail-footer{font-size:.58cqw;margin-top:8%;line-height:1.8;color:#666}.sp-mail-footer>span{font-size:.48cqw;color:#999}
@keyframes sp-input-blink{0%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes sp-signup-press{0%,100%{transform:scale(1);background:#111}20%{transform:scale(.97);background:#444}38%{transform:scale(1);background:#111}64%{transform:scale(.99);background:#222}82%{transform:scale(1);background:#111}}
@keyframes sp-email-route{0%,100%{transform:translateY(0) scaleY(0);opacity:0}12%{transform:translateY(0) scaleY(.7);opacity:1}32%{transform:translateY(75%) scaleY(1);opacity:1}56%{transform:translateY(160%) scaleY(1);opacity:1}80%{transform:translateY(233.333%) scaleY(1);opacity:1}94%{transform:translateY(233.333%) scaleY(0);opacity:0}95%{transform:translateY(0) scaleY(0);opacity:0}}
@keyframes sp-email-node{0%,100%{border-color:#bbb;transform:translateX(0)}28%{border-color:#111;transform:translateX(1cqw)}52%{border-color:#555;transform:translateX(.6cqw)}76%{border-color:#bbb;transform:translateX(.15cqw)}}
@keyframes sp-email-reveal{0%,100%{transform:translateY(2cqh);opacity:.45}40%{transform:translateY(0);opacity:1}66%{transform:translateY(-.5cqh);opacity:1}84%{transform:translateY(.2cqh);opacity:1}}

@container (max-width:420px){
  .sp-production .sp-topline{font-size:6px;top:5%;letter-spacing:.01em;gap:3%;left:5%;right:5%}
  .sp-production .sp-topline>span:last-child{max-width:47%;font-size:5px}
  .sp-production .sp-process{font-size:7px;left:5%;right:5%;bottom:5%;gap:1%}
  .sp-production .sp-process i{display:none}
  .sp-production .sp-process>b{font-size:7px}
  .sp-wireframe{left:4%;width:24%}.sp-desktop{left:35%;width:56%}.sp-phone{right:2.5%;border-width:1.5px}
  .sp-web-status{font-size:5px;bottom:16.5%}.sp-web-status>b{font-size:7px}
  .sp-ai-brief{padding-top:5%;height:59%;top:21%}.sp-ai-brief>span{font-size:3px}.sp-brief-notes{font-size:3px;gap:.5cqh}.sp-brief-sign{font-size:2.8px}
  .sp-motion-workspace{height:65%;top:18%}.sp-storyboards>span{font-size:4px}
  .sp-email-phone{border-width:1.5px;border-radius:2.5cqw}.sp-mail-chrome>span{font-size:3px}.sp-signup-site>p{font-size:3px}.sp-flow-node b{font-size:4px}
}

/* Full-width carriers move one-pixel markers without recalculating the scene layout. */
.sp-grade-divider,.sp-timeline-playhead,.sp-motion-playhead{left:0;right:0;width:auto;background:none;pointer-events:none;will-change:transform}
.sp-grade-divider::before,.sp-timeline-playhead::before,.sp-motion-playhead::before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:var(--sp-red)}
.sp-grade-divider::before{background:#fff}
.sp-trim-handle{left:0;right:0;width:auto;border:0;pointer-events:none}
.sp-trim-handle::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-left:1px solid #fff;border-right:1px solid #fff}
.sp-flow-rail>i{top:0;height:30%;transform-origin:top}

/* Media frames keep their real format inside the fitted composition.  The
   monitor used to inherit a 2.7:1 shape from unrelated percentage dimensions,
   which reduced the footage to a small image inside an overly wide frame. */
.sp-edit-monitor{left:49.5%;width:auto;height:50%;aspect-ratio:16/9;translate:-50% 0}
.sp-edit-monitor .sp-product-art{position:relative;left:12%}
.sp-edit-monitor .sp-film-title{width:40%;bottom:18%}
.sp-edit-monitor .sp-film-title>strong{font-size:2.1cqw;line-height:.98;margin-top:8%}
.sp-edit-monitor .sp-film-title>small{display:block;font-size:.5cqw;white-space:nowrap;letter-spacing:.035em}
.sp-edit-transport{top:62%;height:4%}
.sp-video-track i::before{left:50%;width:auto;aspect-ratio:2/3;translate:-50% 0}
.sp-output-wide{height:auto;aspect-ratio:16/9}
.sp-output-tall{height:auto;aspect-ratio:9/16}
.sp-phone{width:auto;aspect-ratio:9/16}
.sp-email-phone{height:auto;aspect-ratio:9/16}