/* Figma 317:3607. Original vector geometry stays intact; only its displayed color changes. */
:root{--brand-logo-color:#0c2118}
.motion-toggle{display:inline-flex;align-items:center;gap:6px}
.motion-toggle svg{display:block;width:12px;height:12px;flex:none}
.motion-toggle[data-action="pause"] .motion-icon-play,.motion-toggle[data-action="play"] .motion-icon-pause{display:none}
.brand-link{display:inline-block;flex-shrink:0}
.brand-logo{--logo-scale:.52;display:block;position:relative;width:calc(207px * var(--logo-scale));height:calc(54px * var(--logo-scale));flex-shrink:0}
.brand-logo-art{position:absolute;left:0;top:0;width:207px;height:54px;transform:scale(var(--logo-scale));transform-origin:top left;filter:url(#brand-deep-forest)}
.brand-logo-art img{display:block;position:absolute;left:19px;top:-7px;max-width:none;border-radius:0}
.brand-logo-demo{--logo-scale:.384}
.footer-brand{width:100%;border-bottom:1px solid var(--line);padding-block:1.25rem 1.75rem}
.brand-logo-footer{--logo-scale:1.6}
@media(max-width:1199px){.brand-logo-footer{--logo-scale:1.08}}
@media(max-width:768px){.brand-logo-header{--logo-scale:.48}.brand-logo-footer{--logo-scale:.64}.footer-brand{padding-block:.75rem 1.25rem}}
@media(max-width:360px){.brand-logo-header{--logo-scale:.416}.brand-logo-footer{--logo-scale:.5}}