.og-studio-brand-scene{-webkit-user-select:none;user-select:none;border-radius:var(--rMedia);contain:layout paint;width:min(100%,580px);height:clamp(220px,29vw,340px);margin:0 auto 8px;position:relative}.og-studio-brand-scene[data-interactive=true]{cursor:grab;touch-action:pan-y}.og-studio-brand-scene[data-dragging=true]{cursor:grabbing}.og-studio-brand-scene:focus-visible{outline:2px solid var(--line2);outline-offset:4px}.og-studio-brand-scene canvas{image-rendering:pixelated;opacity:0;filter:blur(4px);transition:opacity var(--mRoute) var(--ease), filter var(--mRoute) var(--ease)}.og-studio-brand-scene[data-interactive=true] canvas{opacity:1;filter:blur()}@media (prefers-reduced-motion:reduce){.og-studio-brand-scene canvas{filter:none;transition:none}}@media (max-height:700px){.og-studio-brand-scene{height:220px}}.og-studio-brand-scene__loading{border-radius:inherit;position:absolute;inset:0}
.og-signin{flex:1;justify-content:center;align-items:center;min-height:100dvh;padding:20px 16px;display:flex}.og-signin__card{grid-template-columns:minmax(0,1fr);width:100%;max-width:460px;display:grid}.og-signin__form{flex-direction:column;gap:24px;min-width:0;padding:clamp(22px,5vw,36px);display:flex}.og-signin__art{border-bottom:1px solid var(--line);background:var(--surface);order:-1;height:116px;position:relative;overflow:hidden}.og-signin__art .og-studio-brand-scene{border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.og-signin__art .og-studio-brand-scene:focus-visible{outline-offset:-8px}@media (min-width:800px){.og-signin{padding:40px 24px}.og-signin__card{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);max-width:820px;min-height:556px}.og-signin__form{justify-content:center}.og-signin__art{border-bottom:none;border-left:1px solid var(--line);order:0;height:auto}}