.login-illustrated{color:#242424;background:#f8f8f8;min-height:100svh}.login-illustrated .login-topbar{align-items:center;width:calc(100% - 112px);max-width:1320px;min-height:88px;margin-inline:auto;padding:24px 0;display:flex}.login-illustrated .login-topbar a{align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.login-illustrated .login-composition{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:80px;width:calc(100% - 112px);max-width:1240px;min-height:calc(100svh - 88px);margin-inline:auto;padding:32px 0 80px;display:grid}.login-illustrated .login-art{width:100%;max-width:660px;margin:0}.orix-scene-art{object-fit:contain;width:100%;height:auto;image-rendering:pixelated;filter:grayscale();display:block}.login-illustrated .login-content{text-align:left;width:100%;max-width:400px;margin-inline:auto;padding:0}.login-illustrated .login-content .logo{margin:0 0 36px;display:inline-flex}.login-illustrated .login-content h1{letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(3rem,2rem + 2vw,4.75rem);line-height:1.05}.login-illustrated .login-content>p{margin:0 0 28px;font-size:1rem;line-height:1.75}.login-illustrated .google-signin{color:#fff;background:#242424;min-height:56px}.login-illustrated .login-content .login-consent{max-width:42ch;margin:24px 0 0;font-size:.75rem}.login-illustrated a:focus-visible{outline-offset:5px;outline:2px solid #242424}.login-illustrated .login-consent a{text-underline-offset:3px;text-decoration:underline}.intro-scene{max-width:320px;max-height:210px;margin:24px auto}.public-info .public-scene{width:min(100%,380px);max-height:285px;margin:0 auto 36px}@media (max-width:1000px){.login-illustrated .login-composition{gap:40px;width:calc(100% - 64px)}.login-illustrated .login-topbar{width:calc(100% - 64px)}}@media (max-width:800px){.login-illustrated .login-topbar{width:calc(100% - 40px);min-height:64px;padding:10px 0}.login-illustrated .login-composition{grid-template-columns:1fr;gap:32px;width:calc(100% - 40px);max-width:460px;min-height:0;padding:12px 0 40px}.login-illustrated .login-art{max-width:360px;margin-inline:auto}.login-illustrated .login-art img{max-height:220px}.login-illustrated .login-content .logo{margin-bottom:24px}.login-illustrated .login-content h1{font-size:3rem}.login-illustrated .login-content>p{margin-bottom:24px}}@media (max-width:360px){.login-illustrated .login-art img{max-height:170px}.login-illustrated .login-composition{gap:24px}.login-illustrated .login-content h1{font-size:2.75rem}}
