.platform-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:5px}
.social-track{height:390svh}.social-stage{min-height:740px}
.social-scene .glass{width:clamp(250px,23vw,350px);transition:opacity .15s,border-color .3s;transform-origin:center;animation:panel-float 5.5s ease-in-out infinite;animation-play-state:paused}
.social-scene .glass.landed{animation-play-state:paused}.story-visible .glass.landed{animation-play-state:running}
.glass-instagram{left:5%;top:34%;right:auto;bottom:auto}
.glass-youtube{right:5%;top:25%;left:auto;bottom:auto;animation-delay:-1.4s!important}
.glass-tiktok{right:6%;top:59%;left:auto;bottom:auto;animation-delay:-2.8s!important}
.glass-linkedin{left:6%;top:68%;right:auto;bottom:auto;animation-delay:-4s!important}
.glass-positioning{left:5%;top:34%;right:auto;bottom:auto}
.glass-ads{right:5%;top:25%;left:auto;bottom:auto}
.social-scene .glass-positioning h3,.social-scene .glass-ads h3{font-size:17px;line-height:1.2;letter-spacing:-.025em}
.brand-card-mark{display:flex;align-items:baseline;flex-shrink:0;width:32px;font-size:34px;font-weight:750;line-height:1;letter-spacing:-.08em}
.brand-card-mark span,.ads-symbol{color:var(--orange)}
.social-scene .glass-ads .glass-kicker{letter-spacing:.065em;line-height:1.5;display:block}
.social-scene .glass p{font-size:clamp(20px,1.6vw,27px)}
.social-scene .glass{padding:18px 22px}.social-scene .glass-line{margin:12px 0}.social-scene .glass p{margin:10px 0 14px}
.social-scene .glass-bottom>span:first-child{font-size:11px}.social-scene .glass-kicker{font-size:10px}
.character canvas{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;mask-image:radial-gradient(ellipse at 50% 56%,#000 48%,transparent 74%)}
.motion-note{max-width:235px}
@keyframes panel-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:700px){.social-track{height:400svh}.social-stage{min-height:760px}.social-scene .glass{left:24px;right:auto;top:auto;bottom:138px;width:calc(100% - 48px);max-width:none}.social-scene .glass p{font-size:24px}.channel-buttons button{font-size:10px;padding:10px 11px}.character canvas{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent)}.motion-note{font-size:10px}.social-head h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.social-track{height:auto}.social-stage{min-height:0}.social-scene .glass{position:relative;inset:auto;width:100%;max-width:none;transform:none!important;translate:none;opacity:1!important;visibility:visible!important;animation:none}.character canvas{display:none!important}.character img{visibility:visible!important}}
/* Keep the standing pose below the headline; preserve its original proportions. */
.social-stage .character{top:220px;bottom:70px;height:auto}
.character canvas{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,#000 88%,transparent);mask-composite:intersect}
@media(max-width:700px){.social-stage .character{top:165px;bottom:105px;height:auto}}
@media(prefers-reduced-motion:reduce){.social-stage .character{top:auto;bottom:auto;height:500px}}