/* Five original illustrated workflows. All essential objects remain visible when paused. */
.story-scene .sx-scene{position:absolute;inset:0;color:#111;overflow:hidden}
.story-scene .sx-scene[hidden]{display:none!important}
.sm-heading{position:absolute;left:5%;right:5%;top:5%;display:flex;justify-content:space-between;gap:3%;font-size:clamp(6px,1.3cqw,11px);font-weight:700;letter-spacing:.055em;line-height:1.2}
.sm-heading>span:last-child{font-weight:500;white-space:nowrap}
.sm-object-label{position:absolute;top:-12%;left:0;font-weight:700;letter-spacing:.055em;font-size:clamp(6px,1.25cqw,11px);white-space:nowrap}
.sm-step{position:absolute;top:23%;height:57%;font-size:clamp(6px,1.5cqw,13px);animation:none}
.sm-step-one{left:6%;width:25%}
.sm-step-two{left:38%;width:24%;animation-delay:-4.8s}
.sm-step-three{left:69%;width:25%;animation-delay:-2.4s}
.sm-connector{position:absolute;top:50%;height:1px;width:5%;background:#111;overflow:visible}
.sm-connector:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #111;border-right:1px solid #111;transform:rotate(45deg)}
.sm-connector-one{left:32%}.sm-connector-two{left:63%}
.sm-connector i{position:absolute;width:4px;height:4px;top:-1.5px;left:45%;background:#e5332a;border-radius:50%;animation:sm-route 7.2s ease-in-out infinite}
.sm-connector-two i{animation-delay:-2.4s}
.sm-process{position:absolute;left:5%;right:5%;bottom:6%;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:2%;align-items:center;font-weight:700;font-size:clamp(6px,1.35cqw,11px);letter-spacing:.02em;white-space:nowrap}
.sm-process>span{text-align:center;animation:sm-process-active 7.2s linear infinite}.sm-process>span:nth-of-type(2){animation-delay:-4.8s}.sm-process>span:nth-of-type(3){animation-delay:-2.4s}.sm-process>i{font-style:normal;font-size:1.3em}
.sm-script{background:#fff;padding:3cqw 2.5cqw;height:54%;top:24%;transform:rotate(-3deg);box-shadow:1cqw 1.4cqw 0 #11111108}
.sm-script .sm-object-label{left:0;top:-14%}.sm-paper-corner{position:absolute;right:0;top:0;border-style:solid;border-width:0 2.8cqw 2.8cqw 0;border-color:transparent #ededed #ededed transparent}
.sm-script h3{font-size:4cqw;font-weight:800;line-height:.92;letter-spacing:-.05em;margin:0 0 12%;white-space:nowrap}.sm-script h3 span{color:#e5332a}
.sm-script-label{font-size:1.05cqw;font-weight:700;letter-spacing:.07em}.sm-script p{font-size:1.55cqw;line-height:1.35;margin:6% 0 13%}
.sm-script-lines{display:grid;gap:1cqh}.sm-script-lines i{height:1px;background:#111;width:100%;transform-origin:left;animation:sm-write 7.2s ease-in-out infinite}.sm-script-lines i:nth-child(2){width:90%;animation-delay:0.18s}.sm-script-lines i:nth-child(3){width:62%;animation-delay:0.36s}
.sm-pencil{position:absolute;right:3%;bottom:24%;height:31%;width:.6cqw;background:#111;transform:rotate(31deg);animation:sm-pencil 7.2s ease-in-out infinite}.sm-pencil:after{content:'';position:absolute;bottom:-1.5cqw;border: .3cqw solid transparent;border-top:1.5cqw solid #111}
.sm-note{position:absolute;bottom:8%;left:10%;font-size:1cqw;letter-spacing:.07em;font-weight:700}
.sm-storyboard{display:grid;grid-template-rows:repeat(3,1fr);gap:6%;height:59%;top:22%}.sm-storyboard>.sm-object-label{top:-10%}
.sm-shot{position:relative;background:#fff;overflow:hidden;border:1px solid #111}.sm-shot>span:first-child{position:absolute;left:6%;top:9%;z-index:2;font-size:1cqw;font-weight:700;letter-spacing:.03em}.sm-horizon{position:absolute;left:0;right:0;height:1px;top:75%;background:#111;transform:rotate(-8deg)}
.sm-subject{position:absolute;width:16%;height:73%;top:25%;left:53%}.sm-subject>i{position:absolute;left:26%;top:0;width:48%;aspect-ratio:1;background:#111;border-radius:50%}.sm-subject>b{position:absolute;inset:30% 0 0;background:#111;border-radius:50% 50% 0 0}
.sm-shot-two .sm-shot-disc{position:absolute;left:36%;top:12%;height:90%;aspect-ratio:1;background:#111;border-radius:50%;animation:sm-shot-zoom 7.2s ease-in-out infinite}.sm-shot-focus{position:absolute;inset:20% 25%;border:1px solid #e5332a}
.sm-shot-three{background:#111;color:#fff}.sm-shot-three>b{position:absolute;left:8%;top:24%;font-size:2.9cqw;line-height:.95;letter-spacing:-.04em;font-weight:700}.sm-shot-three>i{position:absolute;right:9%;bottom:16%;width:14%;aspect-ratio:1;border-radius:50%;background:#e5332a}
.sm-shoot{top:24%;height:54%}.sm-backdrop{position:absolute;top:10%;left:14%;width:77%;height:83%;background:#fff;border-radius:45% 45% 0 0}.sm-camera-setup{position:absolute;width:105%;height:100%;left:-7%;bottom:0;z-index:2}.sm-light-beam{position:absolute;inset:15% 2% 22%;background:linear-gradient(145deg,#fff0 10%,#e5332a0d 85%);clip-path:polygon(69% 10%,85% 29%,7% 100%,0 76%);animation:sm-light 7.2s ease-in-out infinite}.sm-record{position:absolute;left:9%;bottom:24%;z-index:3;font-size:1.05cqw;display:flex;align-items:center;gap:.6cqw;font-weight:700}.sm-record i{width:.7cqw;height:.7cqw;background:#e5332a;border-radius:50%;animation:sm-record 7.2s linear infinite}.sm-shoot-label{position:absolute;bottom:-6%;left:0;right:0;font-size:.92cqw;text-align:center;letter-spacing:.03em}
/* Advertising: the creative travels through the platform to a useful destination. */
.sm-ad-window{position:absolute;inset:0 0 13%;background:#fff;border:1px solid #111;overflow:hidden}.sm-mini-account{height:15%;display:flex;align-items:center;padding:5%;gap:7%;font-size:1.3cqw}.sm-mini-account>i{width:13%;aspect-ratio:1;background:#111;border-radius:50%}.sm-mini-account small{display:block;font-size:.85cqw}.sm-mini-account>b{margin-left:auto}.sm-ad-art{position:relative;height:56%;background:#111;color:#fff;overflow:hidden}.sm-product{position:absolute;width:27%;height:65%;top:18%;left:13%;border:1px solid #fff;border-radius:15% 15% 25% 25%;transform:rotate(-15deg);animation:sm-product 7.2s ease-in-out infinite}.sm-product:before{content:'';position:absolute;left:20%;right:20%;top:-9%;height:8%;background:#fff;border-radius:2px 2px 0 0}.sm-product>i{position:absolute;inset:30% 10%;background:#fff}.sm-ad-art>span{position:absolute;right:6%;top:35%;font-size:2cqw;line-height:1;letter-spacing:-.04em;font-weight:700}.sm-ad-copy{font-size:1.05cqw;padding:6% 5% 5%;white-space:nowrap}.sm-ad-cta{border-top:1px solid #ededed;font-size:1.05cqw;padding:5%;font-weight:700;display:flex;justify-content:space-between}.sm-format-chips{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:10%;font-size:1.15cqw}.sm-format-chips span{padding:2% 6%;border:1px solid #111}
.sm-platform-panel{display:flex;flex-direction:column;gap:9%;padding-top:7%;height:57%}.sm-platform-panel>.sm-object-label{top:-12%}.sm-platform{height:37%;position:relative;background:#fff;border:1px solid #111;padding:9% 7% 7% 34%;display:flex;flex-direction:column;justify-content:center;animation:sm-platform 7.2s ease-in-out infinite}.sm-platform:nth-of-type(3){animation-delay:0.792s}.sm-platform>span{position:absolute;left:8%;top:50%;transform:translateY(-50%);font-weight:800}.sm-meta-mark{font-size:5cqw;line-height:1;font-family:Arial,sans-serif}.sm-google-mark{font-size:3.8cqw;line-height:1}.sm-platform>b{font-size:2.45cqw;line-height:1;letter-spacing:-.035em}.sm-platform>small{font-size:.9cqw;margin-top:8%;white-space:nowrap}.sm-audience{display:flex;align-items:center;gap:8%;justify-content:center;margin-top:1%;font-size:.9cqw;white-space:nowrap;letter-spacing:.035em}.sm-audience i{width:.7cqw;height:.7cqw;border:1px solid #111;border-radius:50%}
.sm-landing{position:absolute;inset:0 0 14%;background:#fff;border:1px solid #111;padding:5%}.sm-browser-dots{display:flex;gap:4%;height:9%;border-bottom:1px solid #ededed}.sm-browser-dots>i{width:3px;height:3px;background:#111;border-radius:50%}.sm-landing>b{font-size:2.6cqw;line-height:.95;letter-spacing:-.04em;display:block;padding:9% 0 7%}.sm-landing-image{height:31%;background:#ededed;position:relative;overflow:hidden}.sm-landing-image>i{position:absolute;width:32%;height:90%;left:34%;top:22%;border-radius:20% 20% 0 0;background:#111;transform:rotate(12deg)}.sm-landing>span{display:block;font-size:1.1cqw;padding:6% 0}.sm-landing-button{font-size:.95cqw;background:#111;color:#fff;padding:5% 7%;width:max-content}.sm-enquiry{position:absolute;bottom:0;left:-10%;right:-2%;background:#fff;border:1px solid #111;box-shadow:0 .4cqw 1cqw #1111110b;display:flex;align-items:center;gap:6%;padding:6%;font-size:1.3cqw;animation:sm-enquiry 7.2s ease-in-out infinite}.sm-enquiry>i{font-style:normal;color:#e5332a;border:1px solid #e5332a;border-radius:50%;width:2.4cqw;height:2.4cqw;display:grid;place-items:center}.sm-enquiry small{display:block;font-size:.85cqw;margin-top:2%}
/* Social: a real calendar, multiple formats and a coherent profile. */
.sm-calendar{position:absolute;top:6%;height:87%;width:100%;background:#fff;border:1px solid #111;padding:7%}.sm-calendar-title{display:flex;justify-content:space-between;align-items:center;font-size:1.35cqw;font-weight:700;padding:4% 0 10%}.sm-calendar-title>span{font-size:1.1cqw}.sm-weekdays,.sm-days{display:grid;grid-template-columns:repeat(5,1fr)}.sm-weekdays{font-size:.85cqw;text-align:center;margin-bottom:9%}.sm-days{height:60%;grid-template-rows:repeat(3,1fr);gap:4%}.sm-days>i{font-size:1cqw;font-style:normal;position:relative;padding:12% 8%;border-top:1px solid #ededed}.sm-day{background:#ededed}.sm-day>span{font-size:.62cqw;font-weight:700;position:absolute;left:8%;bottom:8%;letter-spacing:-.02em}.sm-day-one,.sm-day-four{animation:sm-calendar-day 7.2s ease-in-out infinite}.sm-day-two,.sm-day-five{animation:sm-calendar-day 7.2s 0.72s ease-in-out infinite}.sm-day-three{animation:sm-calendar-day 7.2s 1.44s ease-in-out infinite}.sm-calendar-legend{font-size:.85cqw;display:flex;align-items:center;gap:5%;margin-top:9%;white-space:nowrap}.sm-calendar-legend>i{width:3px;height:3px;background:#e5332a;border-radius:50%}
.sm-post-stack{position:absolute;left:0;top:10%;width:83%;height:65%}.sm-post{position:absolute;inset:0;background:#fff;border:1px solid #111;padding:8%}.sm-post-back{transform:translate(-4%,-6%) rotate(-8deg)}.sm-post-main{animation:sm-post 7.2s ease-in-out infinite}.sm-post-main>small{font-size:.7cqw;letter-spacing:.02em;white-space:nowrap}.sm-post-main>b{font-size:3cqw;letter-spacing:-.045em;line-height:.95;display:block;padding-top:14%}.sm-post-main>b>span{color:#e5332a}.sm-post-main>i{position:absolute;right:9%;top:52%;width:1.5cqw;height:1.5cqw;border:1px solid #e5332a;border-radius:50%}.sm-post-main>span{font-size:.8cqw;position:absolute;left:8%;bottom:8%}.sm-reel{position:absolute;right:-3%;bottom:-1%;width:44%;height:57%;background:#111;color:#fff;border:3px solid #fff;padding:5%;transform:rotate(5deg);animation:sm-reel 7.2s ease-in-out infinite;overflow:hidden}.sm-reel>span{font-size:.6cqw;position:relative;z-index:2;white-space:nowrap}.sm-reel>b{font-size:2.4cqw;line-height:.95;letter-spacing:-.045em;position:absolute;top:37%;left:12%;z-index:2}.sm-reel>i{position:absolute;width:100%;aspect-ratio:1;border:1px solid #fff;right:-55%;top:11%;border-radius:50%}.sm-reel-play{position:absolute;bottom:10%;left:12%;font-size:1.2cqw}
.sm-phone{position:absolute;left:10%;top:-3%;width:83%;height:107%;border:1px solid #111;border-radius:2cqw;background:#fff;padding:10% 7%;overflow:hidden}.sm-phone-speaker{position:absolute;left:40%;right:40%;height:2px;top:3%;background:#111;border-radius:4px}.sm-profile-name{font-size:1.3cqw;font-weight:700;display:flex;justify-content:space-between;line-height:1}.sm-profile-bio{display:flex;gap:9%;align-items:center;margin-top:14%;font-size:1.05cqw;font-weight:700}.sm-profile-bio>i{width:30%;aspect-ratio:1;border-radius:50%;background:#111;flex:none}.sm-profile-bio small{display:block;font-size:.8cqw;line-height:1.2;font-weight:500;margin-top:5%}.sm-profile-follow{font-size:.85cqw;background:#ededed;text-align:center;padding:6% 0;margin:10% 0}.sm-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;height:45%}.sm-profile-grid>span{position:relative;overflow:hidden;background:#ededed;animation:sm-feed 7.2s ease-in-out infinite}.sm-profile-grid>span:nth-child(2){animation-delay:0.36s}.sm-profile-grid>span:nth-child(3){animation-delay:0.72s}.sm-profile-grid>span:nth-child(4){animation-delay:1.08s}.sm-profile-grid>span:nth-child(5){animation-delay:1.44s}.sm-profile-grid>span:nth-child(6){animation-delay:1.8s}.sm-profile-grid>.sm-feed-type{background:#111;color:#fff;font-size:1.02cqw;font-weight:700;padding:13% 8%;line-height:1;letter-spacing:-.03em}.sm-feed-art>i{position:absolute;width:85%;height:60%;background:#111;border-radius:50%;left:25%;top:25%}.sm-feed-art-alt>i{background:#fff;border:1px solid #111;left:-20%;top:-10%}.sm-profile-grid>.sm-feed-reel{display:grid;place-items:center;background:#111;color:#fff;font-size:1.7cqw}.sm-profile-grid>.sm-feed-type-alt{background:#fff;color:#111;font-size:1.15cqw}.sm-scheduled{position:absolute;bottom:-9%;left:1%;right:-4%;background:#fff;border:1px solid #111;padding:5% 6%;font-size:.82cqw;font-weight:700;white-space:nowrap;text-align:center;animation:sm-enquiry 7.2s ease-in-out infinite}.sm-scheduled>i{font-style:normal;color:#e5332a;margin-right:5%}
/* SEO: a crawlable page and useful content become a clear search preview. */
.sm-audit{position:absolute;top:7%;height:80%;width:100%;background:#fff;border:1px solid #111;overflow:hidden}.sm-audit-head{height:18%;display:flex;align-items:center;justify-content:space-between;padding:8%;border-bottom:1px solid #ededed;font-size:1.05cqw}.sm-audit-head>i{width:.6cqw;height:.6cqw;background:#111;border-radius:50%}.sm-audit-lines{padding:11% 8%;display:flex;flex-direction:column;gap:2.1cqh;font-size:1.15cqw}.sm-audit-lines>b{font-size:1.8cqw;letter-spacing:-.025em}.sm-audit-lines>span{display:flex;gap:7%;align-items:center;white-space:nowrap}.sm-audit-lines i{font-style:normal;color:#e5332a;font-size:1.2cqw}.sm-audit-scan{position:absolute;left:0;right:0;height:10%;top:28%;background:linear-gradient(transparent,#e5332a10);border-bottom:1px solid #e5332a50;animation:sm-audit-scan 7.2s ease-in-out infinite}.sm-audit-note{position:absolute;bottom:1%;left:0;right:0;text-align:center;font-size:.95cqw;font-weight:700;letter-spacing:.025em}.sm-query{position:absolute;top:0;left:0;right:0;font-size:1.6cqw;line-height:1.1;padding:0 1%}.sm-query>b{font-size:2.4cqw;letter-spacing:-.04em}.sm-query>span{position:absolute;right:0;bottom:0;font-size:2.4cqw;color:#e5332a}.sm-page-outline{position:absolute;left:0;right:0;bottom:0;top:28%;background:#fff;border:1px solid #111;padding:8%;display:flex;flex-direction:column;justify-content:space-between}.sm-page-outline>div>small{display:block;font-size:.65cqw;letter-spacing:.04em;margin-bottom:4%}.sm-page-outline>div>b{font-size:1.5cqw;line-height:1.1;letter-spacing:-.025em}.sm-page-outline>div:nth-child(2)>b{font-size:2cqw}.sm-page-outline>div>i{display:block;height:1px;background:#111;margin-top:7%;width:100%;transform-origin:left;animation:sm-write 7.2s 2.16s ease-in-out infinite}.sm-page-outline>div>i:last-child{width:72%}.sm-page-outline>div>span{font-size:1cqw;text-decoration:underline;text-underline-offset:2px}.sm-search-window{position:absolute;left:-4%;right:-2%;top:4%;bottom:9%;background:#fff;border:1px solid #111;padding:6%}.sm-search-bar{display:flex;align-items:center;gap:5%;padding:6%;border:1px solid #111;border-radius:5cqw;font-size:.85cqw;white-space:nowrap}.sm-search-icon{display:block;width:.8cqw;height:.8cqw;border:1px solid #111;border-radius:50%;position:relative;flex:none}.sm-search-icon:after{content:'';position:absolute;width:.4cqw;height:1px;right:-.35cqw;bottom:-.15cqw;background:#111;transform:rotate(45deg)}.sm-result{position:relative;padding:12% 3% 9%;border-bottom:1px solid #ededed;animation:sm-result 7.2s ease-in-out infinite}.sm-result-domain{display:flex;align-items:center;gap:5%;font-size:.85cqw;margin-bottom:7%}.sm-result-domain>i{width:1.4cqw;height:1.4cqw;border-radius:50%;background:#111}.sm-result>b{font-size:1.3cqw;line-height:1;letter-spacing:-.025em;white-space:nowrap;display:block;text-decoration:underline;text-underline-offset:2px}.sm-result>p{font-size:.8cqw;line-height:1.4;margin:6% 0}.sm-result-links{display:flex;gap:9%;font-size:.8cqw}.sm-result-placeholder{padding:10% 3% 0}.sm-result-placeholder>i{display:block;height:.45cqw;background:#ededed;width:100%;margin-bottom:6%}.sm-result-placeholder>i:first-child{width:62%;height:.7cqw}.sm-result-placeholder>i:last-child{width:80%}.sm-search-label{position:absolute;bottom:0;left:-10%;right:-8%;font-size:.8cqw;text-align:center;white-space:nowrap;font-weight:700}
/* Identity: a constructed mark is applied consistently to three brand formats. */
.sm-logo-board{position:absolute;top:3%;height:72%;width:100%;background:#fff;border:1px solid #111;overflow:hidden}.sm-logo-guide{position:absolute;background:#ededed}.sm-logo-guide-v{top:0;bottom:0;width:1px;left:50%}.sm-logo-guide-h{left:0;right:0;height:1px;top:45%}.sm-logo-circle{position:absolute;width:57%;aspect-ratio:1;border:1px solid #111;opacity:.2;top:20%;border-radius:50%;animation:sm-guides 7.2s ease-in-out infinite}.sm-logo-circle-one{left:10%}.sm-logo-circle-two{left:33%}.sm-brand-mark{position:absolute;width:57%;height:54%;left:22%;top:20%;animation:sm-mark 7.2s ease-in-out infinite}.sm-brand-mark>i,.sm-poster-mark>i,.sm-social-mark>i{position:absolute;width:48%;height:100%;left:0;top:0;background:#111;border-radius:100% 0 0 0}.sm-brand-mark>b,.sm-poster-mark>b,.sm-social-mark>b{position:absolute;width:48%;height:50%;right:0;top:0;background:#111;border-radius:0 0 100% 0}.sm-logo-board>span{position:absolute;bottom:8%;left:0;right:0;text-align:center;font-size:.7cqw;letter-spacing:.02em}.sm-brand-wordmark{position:absolute;bottom:3%;width:100%;text-align:center;font-size:4.7cqw;line-height:1;font-weight:800;letter-spacing:-.07em}.sm-brand-wordmark>span{color:#e5332a}
.sm-type-card{position:absolute;inset:0 0 20%;background:#fff;padding:9%;border:1px solid #111}.sm-type-card>small{font-size:.7cqw;font-weight:700;letter-spacing:.03em}.sm-type-card>b{display:block;font-size:9cqw;line-height:1.2;letter-spacing:-.07em}.sm-type-card>span{font-size:1.3cqw;font-weight:700;display:block;border-top:1px solid #ededed;padding-top:6%}.sm-type-card>div{font-size:1.35cqw;line-height:1.4;margin-top:7%;letter-spacing:.04em}.sm-palette{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8%;height:15%}.sm-palette>span{font-size:.65cqw;letter-spacing:.04em;font-weight:700}.sm-palette i{display:block;height:68%;width:100%;background:#111;margin-bottom:8%;animation:sm-palette 7.2s ease-in-out infinite}.sm-palette>span:nth-child(2) i{background:#fff;border:1px solid #111;animation-delay:0.288s}.sm-palette>span:nth-child(3) i{background:#e5332a;animation-delay:0.576s}
.sm-brand-poster{position:absolute;left:0;top:0;width:69%;height:91%;background:#111;color:#fff;padding:7%;transform:rotate(-5deg);animation:sm-poster 7.2s ease-in-out infinite;overflow:hidden}.sm-brand-poster>span{font-size:1.5cqw;font-weight:800;letter-spacing:-.05em;display:block}.sm-brand-poster>b{font-size:3cqw;line-height:.93;letter-spacing:-.05em;display:block;margin-top:21%;position:relative;z-index:2}.sm-brand-poster>b>span{color:#e5332a}.sm-brand-poster>small{position:absolute;left:10%;bottom:6%;font-size:.55cqw;letter-spacing:.05em}.sm-poster-mark{position:absolute;right:-4%;bottom:15%;width:45%;height:27%;opacity:.18}.sm-poster-mark>i,.sm-poster-mark>b{background:#fff}.sm-brand-social{position:absolute;right:-3%;top:30%;width:54%;height:43%;background:#fff;border:1px solid #111;padding:6%;transform:rotate(4deg);animation:sm-application 7.2s ease-in-out infinite}.sm-brand-social>small{font-size:.55cqw;white-space:nowrap;display:block}.sm-social-mark{position:absolute;width:35%;height:40%;right:10%;top:18%}.sm-brand-social>b{position:absolute;left:10%;bottom:10%;font-size:1.7cqw;line-height:.95;letter-spacing:-.045em}.sm-brand-guide{position:absolute;bottom:-4%;right:-3%;width:61%;height:30%;background:#ededed;border:1px solid #111;padding:5%;transform:rotate(3deg);animation:sm-application 7.2s 0.36s ease-in-out infinite}.sm-brand-guide>small{font-size:.9cqw;font-weight:800;display:block;letter-spacing:-.05em}.sm-brand-guide>b{font-size:1.8cqw;letter-spacing:-.04em;line-height:1;display:block;margin-top:6%}.sm-brand-guide>span{position:absolute;bottom:10%;left:8%;font-size:.55cqw;letter-spacing:.04em}
@keyframes sm-step-focus{0%,100%{filter:none}15%,30%{filter:drop-shadow(0 .5cqw .7cqw #11111106)}40%,90%{filter:none}}
@keyframes sm-process-active{0%,30%{color:#e5332a}34%,97%{color:#111}100%{color:#e5332a}}
@keyframes sm-route{0%,100%{transform:translateX(0);opacity:0}12%{transform:translateX(.5cqw);opacity:1}76%{transform:translateX(4.25cqw);opacity:1}90%{transform:translateX(4.75cqw);opacity:0}91%{transform:translateX(0);opacity:0}}
@keyframes sm-write{0%,100%{transform:scaleX(.35)}35%{transform:scaleX(.82)}62%{transform:scaleX(1)}80%{transform:scaleX(.92)}}
@keyframes sm-pencil{0%,100%{transform:translate(-6cqw,-1cqh) rotate(31deg)}30%{transform:translate(-2cqw,-.5cqh) rotate(28deg)}55%{transform:translate(0,0) rotate(31deg)}75%{transform:translate(-1cqw,1cqh) rotate(34deg)}}
@keyframes sm-shot-zoom{0%,100%{transform:scale(.86)}34%{transform:scale(1)}66%{transform:scale(1.07)}84%{transform:scale(.98)}}
@keyframes sm-light{0%,100%{opacity:.3}36%{opacity:.75}60%{opacity:1}82%{opacity:.65}}
@keyframes sm-record{0%,49%,100%{opacity:.35}55%,58%,65%,68%,75%,78%,85%{opacity:1}61%,71%,81%{opacity:.35}}
@keyframes sm-product{0%,100%{transform:rotate(-15deg) translateY(2%)}32%{transform:rotate(-8deg) translateY(-1%)}62%{transform:rotate(-4deg) translateY(-4%)}82%{transform:rotate(-8deg) translateY(-2%)}}
@keyframes sm-platform{0%,27%,75%,100%{border-color:#111;transform:none}39%,59%{border-color:#e5332a;transform:translateY(-2%)}}
@keyframes sm-enquiry{0%,100%{transform:translateY(7%);opacity:.62}32%{transform:translateY(1%);opacity:.9}58%{transform:translateY(-2%);opacity:1}80%{transform:translateY(0);opacity:.95}}
@keyframes sm-calendar-day{0%,5%,95%,100%{background:#ededed;color:#111}15%,28%{background:#111;color:#fff}40%,85%{background:#ededed;color:#111}}
@keyframes sm-post{0%,20%,100%{transform:rotate(-3deg)}33%,78%{transform:none}}
@keyframes sm-reel{0%,28%,100%{transform:translateY(3%) rotate(7deg)}40%,80%{transform:translateY(-3%) rotate(2deg)}}
@keyframes sm-feed{0%,42%,100%{transform:translateY(2%);opacity:.7}58%,88%{transform:none;opacity:1}}
@keyframes sm-audit-scan{0%,100%{transform:translateY(0);opacity:.3}28%{transform:translateY(280%);opacity:.8}55%{transform:translateY(550%);opacity:1}78%{transform:translateY(280%);opacity:.6}}
@keyframes sm-result{0%,49%,100%{box-shadow:inset 0 0 0 0 #e5332a;background:#fff}62%,88%{box-shadow:inset .2cqw 0 0 #e5332a;background:#ededed}}
@keyframes sm-guides{0%,8%,100%{opacity:.55}23%,88%{opacity:.13}}
@keyframes sm-mark{0%,100%{transform:scale(.93)}30%{transform:scale(1)}60%{transform:scale(1.025)}82%{transform:scale(.99)}}
@keyframes sm-palette{0%,100%{transform:scaleX(.8);transform-origin:left}34%{transform:scaleX(.95);transform-origin:left}62%{transform:scaleX(1);transform-origin:left}82%{transform:scaleX(.94);transform-origin:left}}
@keyframes sm-poster{0%,100%{transform:rotate(-5deg) translateY(2%)}32%{transform:rotate(-3deg) translateY(0)}62%{transform:rotate(-2deg) translateY(-2%)}82%{transform:rotate(-3deg) translateY(-1%)}}
@keyframes sm-application{0%,100%{transform:rotate(5deg) translateY(6%)}34%{transform:rotate(2deg) translateY(0)}62%{transform:rotate(1deg) translateY(-2%)}82%{transform:rotate(2deg) translateY(1%)}}
@container (max-width:420px){
  .sm-heading{font-size:6px;letter-spacing:.01em;top:5%}.sm-heading>span:last-child{display:none}
  .sm-object-label{font-size:6px;letter-spacing:0;top:-17%}.sm-step{top:25%;height:54%}
  .sm-process{font-size:6px;letter-spacing:-.015em;left:4%;right:4%;bottom:5%;gap:1%}
  .sm-script{height:52%;top:25%;padding:3cqh 2cqw}.sm-script h3{font-size:4.2cqw;margin-bottom:10%}.sm-script-label{font-size:5px}.sm-script p{font-size:5.5px;margin:6% 0 9%}.sm-script-lines{gap:1cqh}.sm-note{display:none}.sm-pencil{height:25%;bottom:16%}.sm-script .sm-object-label{top:-16%}
  .sm-storyboard{top:25%;height:54%}.sm-storyboard>.sm-object-label{top:-17%}.sm-shot>span:first-child{font-size:4px}.sm-shot-three>b{font-size:3.1cqw}.sm-shoot{top:25%;height:54%}.sm-shoot-label{display:none}.sm-record{font-size:5px;left:4%;bottom:17%}
  .sm-mini-account{font-size:5px}.sm-mini-account small{font-size:4px}.sm-ad-copy{font-size:4px;padding-top:4%}.sm-ad-cta{font-size:4px;padding:4% 5%}.sm-ad-art>span{font-size:2.1cqw}.sm-format-chips{font-size:5px}
  .sm-platform-panel{padding-top:5%;gap:10%}.sm-platform-panel>.sm-object-label{top:-17%}.sm-platform{padding-left:33%;height:36%}.sm-platform>b{font-size:2.7cqw}.sm-platform>small{font-size:4px;margin-top:5%}.sm-audience{font-size:4px;letter-spacing:0}.sm-audience>i{display:none}.sm-enquiry{font-size:5px;left:-10%;padding:5%}.sm-enquiry small{font-size:4px}.sm-landing>b{font-size:2.7cqw}.sm-landing>span{font-size:4px}.sm-landing-button{font-size:3.5px;padding:4% 6%}.sm-browser-dots{height:8%}.sm-browser-dots>i{width:2px;height:2px}
  .sm-calendar-title{font-size:5px;padding-bottom:7%}.sm-calendar-title>span{font-size:4px}.sm-weekdays{font-size:4px;margin-bottom:6%}.sm-days>i{font-size:4px}.sm-day>span{font-size:3px}.sm-calendar-legend{font-size:3.8px;margin-top:6%}.sm-calendar{padding:5%;height:85%}.sm-calendar-legend>i{display:none}.sm-post-main>small{font-size:3px}.sm-post-main>b{font-size:3.2cqw;padding-top:10%}.sm-post-main>span{font-size:3.5px}.sm-reel{border-width:2px;padding:3%}.sm-reel>span{font-size:3px}.sm-reel>b{font-size:2.6cqw}.sm-profile-name{font-size:5px}.sm-profile-bio{font-size:4.2px;margin-top:10%}.sm-profile-bio small{font-size:3.5px}.sm-profile-follow{font-size:3.5px;padding:4% 0;margin:6% 0}.sm-profile-grid{height:43%}.sm-profile-grid>.sm-feed-type{font-size:3.5px}.sm-profile-grid>.sm-feed-type-alt{font-size:3.6px}.sm-scheduled{font-size:3.5px;padding:4%}
  .sm-audit-head{font-size:4px}.sm-audit-lines{gap:1.9cqh;font-size:4.8px;padding:9% 7%}.sm-audit-lines>b{font-size:7px}.sm-audit-lines i{font-size:5px}.sm-audit-note{font-size:4px;letter-spacing:0}.sm-query{font-size:5.5px}.sm-query>b{font-size:8px}.sm-page-outline{padding:6%;top:31%}.sm-page-outline>div>small{font-size:3.5px;margin-bottom:2%}.sm-page-outline>div>b{font-size:5.5px}.sm-page-outline>div:nth-child(2)>b{font-size:6.5px}.sm-page-outline>div>span{font-size:4px}.sm-page-outline>div>i{margin-top:5%}.sm-search-bar{font-size:3.2px;padding:5%}.sm-result-domain{font-size:3.5px}.sm-result>b{font-size:4.1px}.sm-result>p{font-size:3.5px}.sm-result-links{font-size:3.5px}.sm-search-label{font-size:3.3px;letter-spacing:0}.sm-result-placeholder{padding-top:8%}
  .sm-logo-board>span{font-size:3px;letter-spacing:0}.sm-brand-wordmark{font-size:5cqw}.sm-type-card{padding:7%}.sm-type-card>small{font-size:3px;letter-spacing:0}.sm-type-card>b{font-size:9cqw;line-height:1.1}.sm-type-card>span{font-size:5px}.sm-type-card>div{font-size:4.5px;margin-top:5%;line-height:1.35}.sm-palette>span{font-size:3px}.sm-brand-poster>span{font-size:5px}.sm-brand-poster>b{font-size:3.1cqw;margin-top:17%}.sm-brand-poster>small{font-size:2.5px}.sm-brand-social>small{font-size:2.5px}.sm-brand-social>b{font-size:1.9cqw}.sm-brand-guide>small{font-size:3.5px}.sm-brand-guide>b{font-size:1.9cqw}.sm-brand-guide>span{font-size:2.5px}
}

/* Moving markers use their own composited layer instead of changing layout. */
.sm-connector i{left:0}
.sm-audit-scan{top:23%;will-change:transform,opacity}