.site-arrow{display:inline-block!important;width:1em!important;height:1em!important;min-width:1em;min-height:0!important;flex-shrink:0;vertical-align:-.12em;overflow:visible;fill:none!important;stroke:currentColor!important;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.twist-identity{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:inherit;text-decoration:none;font-size:11px;letter-spacing:.06em}
.twist-logo{display:block;width:49px;height:31px;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0}
.twist-logo img{display:block;width:70px!important;height:70px!important;max-width:none!important;transform:translate(-10px,-20px);object-fit:contain!important}
.reference-brand{padding:20px 0}
header:has(.twist-identity){align-items:center;gap:16px}
@media(max-width:700px){header:has(.twist-identity){gap:10px;font-size:10px}header:has(.twist-identity)>:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.twist-identity{font-size:9px;gap:5px}.twist-logo{width:42px}}
.site-context{position:relative;z-index:6;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:24px;background:#f2f1ed;color:#252623;font:12px Arial,sans-serif;border-top:1px solid #d5d4cd}body:has(#view) .site-context,body:has(.stage) .site-context{position:fixed;bottom:0;right:0;padding:9px 15px;border:0;font-size:10px;gap:14px}body:has(#view) footer,body:has(.stage) footer{bottom:44px}@media(max-width:700px){body:has(#view) .site-context,body:has(.stage) .site-context{left:0}.site-context{gap:18px}}