@font-face{font-family:LocalAvenir;src:local('Avenir Next')}
.public-page{--page:#e8edf4;--paper:#f8fafc;--ink:#19324b;--muted:#506278;--line:#cbd5e1;--blue:#275bc9;margin:0;background:var(--page);color:var(--ink);font-family:LocalAvenir,'Avenir Next','Segoe UI',sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.public-page *{box-sizing:border-box}
.public-page a{color:inherit;text-underline-offset:4px}
.public-page button,.public-page input{font:inherit}
.public-page button,.public-page a,.public-page input{touch-action:manipulation}
.public-page button,.public-page a{-webkit-tap-highlight-color:transparent}
.public-page a:focus-visible,.public-page button:focus-visible,.public-page input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.public-page h1,.public-page h2,.public-page h3,.public-page p,.public-page figure{margin:0}
.public-page [hidden]{display:none!important}
.public-skip{position:fixed;top:-100px;left:20px;padding:12px 18px;background:var(--paper);z-index:10}
.public-skip:focus{top:12px}
.public-header,.landing-main,.public-footer{width:min(1440px,100%);margin-inline:auto;padding-inline:5.5%}
.public-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.public-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;line-height:1;letter-spacing:-1.6px;font-size:31px;font-weight:650}
.public-brand svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round}
.public-brand-dot{color:var(--blue)}
.public-navigation{display:flex;gap:29px;align-items:center;font-size:14px;font-weight:600}
.public-login{display:inline-flex;min-height:44px;align-items:center;text-decoration:none}
.public-login:hover{text-decoration:underline}
.public-page .public-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:13px 25px;border:1px solid transparent;border-radius:9px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer;transition:background .15s ease}
.public-page .public-button:hover{background:#204eae}
.public-page .public-button:disabled{cursor:wait;opacity:.65}
.public-page .public-button-small{min-height:44px;padding:10px 19px;font-size:13px}
.landing-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:end;padding:58px 0 55px}
.landing-intro h1{font-size:clamp(54px,6.6vw,91px);font-weight:500;line-height:1.02;letter-spacing:-4px}
.landing-invitation{max-width:350px;justify-self:end;padding-bottom:2px}
.landing-invitation>p:first-child{font-size:24px;line-height:1.35;letter-spacing:-.65px}
.landing-invitation .landing-description{color:var(--muted);font-size:15px;line-height:1.65;margin:14px 0 23px}
.landing-entry-note{display:block;font-size:11px;color:var(--muted);margin-top:12px}
.landing-art{position:relative;overflow:hidden;border-radius:16px}
.landing-art img{display:block;width:100%;height:auto;max-height:640px;aspect-ratio:1.84;object-fit:cover;object-position:50% 64%}
.landing-art figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:25px;padding:38px 30px 22px;color:#fff;text-shadow:0 1px 8px #102337b3;font-size:13px;background:linear-gradient(transparent,#142e498f)}
.landing-art figcaption span:last-child{font-size:11px;align-self:end}
.landing-possibilities{padding:87px 0 83px}
.landing-section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:45px}
.landing-section-heading h2,.landing-closing h2{font-size:clamp(32px,3.2vw,44px);font-weight:500;letter-spacing:-1.5px;line-height:1.18}
.landing-section-heading>p{font-size:14px;color:var(--muted);max-width:310px}
.landing-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px}
.landing-feature-list article{border-top:1px solid #b4c3d5;padding-top:23px}
.landing-feature-list h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.5px}
.landing-feature-list p{font-size:14px;line-height:1.8;color:var(--muted);margin:13px 0 18px}
.landing-feature-list a{font-size:13px;font-weight:600;color:var(--blue)}
.landing-feature-note{display:block;font-size:11px;line-height:1.6;color:var(--muted);max-width:255px}
.landing-closing{border-top:1px solid #b4c3d5;padding:47px 0 66px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.public-footer{display:flex;align-items:center;gap:28px;min-height:94px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding-top:22px;padding-bottom:22px}
.public-footer .public-footer-name{font-weight:600;color:var(--ink);text-decoration:none}
.public-footer>a:last-child:not(:first-child){margin-left:auto}
.login-main{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);max-width:1440px;margin:0 auto;padding:18px 5.5% 62px;min-height:min(820px,calc(100vh - 195px))}
.login-scene{position:relative;border-radius:17px;overflow:hidden;min-height:650px}
.login-scene>img{position:absolute;inset:0;display:block;height:100%;width:100%;object-fit:cover;object-position:39% 50%}
.login-scene::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#122e48b8)}
.login-scene-copy{position:absolute;z-index:1;left:38px;bottom:44px;right:30px;color:#fff;text-shadow:0 1px 10px #18344b50}
.login-scene-copy p{font-size:clamp(34px,3.7vw,53px);font-weight:500;letter-spacing:-1.8px;line-height:1.1}
.login-scene-copy span{display:block;font-size:13px;margin-top:17px}
.login-panel{display:flex;align-items:center;justify-content:center;padding:38px 0 38px 48px}
.login-form-wrap{width:100%;max-width:360px}
.login-panel h1{font-size:42px;line-height:1.2;font-weight:500;letter-spacing:-1.9px}
.login-intro{color:var(--muted);font-size:14px;line-height:1.7;padding-top:13px;padding-bottom:29px}
.public-page .google-button{background:var(--paper);color:var(--ink);border:1px solid #b6c5d8;width:100%;font-weight:500}
.public-page .google-button:hover{background:#fff}
.google-button svg{width:20px;height:20px;flex-shrink:0}
.google-button[aria-disabled=true]{opacity:.58;cursor:default}
.login-provider-status{font-size:11px;color:var(--muted);margin-top:8px!important;line-height:1.5}
.login-divider{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;margin:23px 0}
.login-divider::before,.login-divider::after{content:'';height:1px;background:var(--line);flex:1}
#login-form label{display:block;font-size:13px;font-weight:600;margin:0 0 8px}
#login-form input{width:100%;height:50px;border:1px solid #b6c5d8;border-radius:8px;background:var(--paper);padding:11px 14px;color:var(--ink);font-size:16px;margin-bottom:20px;outline-offset:3px}
#login-form input::placeholder{color:#758295}
#login-form .public-button{width:100%;margin-top:3px}
.login-error{color:#853b46;font-size:13px;line-height:1.6;background:#f5e5e7;border:1px solid #d6b6bd;border-radius:8px;padding:11px 13px;margin:0 0 17px!important}
.login-help{font-size:12px;color:var(--muted);line-height:1.8;padding-top:25px}
.login-help a{font-weight:600;color:var(--blue)}
.login-existing{padding-bottom:10px}
.login-existing>p{font-size:14px;padding-bottom:20px}
.login-existing .public-button{width:100%}
.login-switch-account{display:block;width:100%;min-height:44px;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:4px;font-size:12px;margin-top:12px;cursor:pointer}
.studio-account-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4.5%;background:#dbe3ef;color:#435b75;font-size:11px;min-height:39px}
.studio-account-bar a{color:inherit;text-decoration:none;min-height:32px;display:inline-flex;align-items:center;text-underline-offset:3px}
.studio-account-bar a:hover{text-decoration:underline}
.studio-account-actions{display:flex;align-items:center;gap:15px;min-width:0}
.studio-account-actions #auth-welcome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.studio-account-actions button{font-size:11px;min-height:32px;padding:5px 0;color:inherit;flex-shrink:0}
.studio-account-status{background:#f5e5e7;color:#853b46;padding:10px 4.5%;font-size:12px}
@media(min-width:1600px){.public-header,.landing-main,.public-footer{padding-inline:79px}}
@media(max-width:1000px){.landing-intro{gap:5%;grid-template-columns:1.2fr 1fr;padding-top:40px}.landing-intro h1{letter-spacing:-3px;font-size:clamp(52px,7vw,74px)}.landing-invitation>p:first-child{font-size:21px}.landing-invitation .landing-description{font-size:14px}.landing-feature-list{gap:30px}.login-panel{padding-left:35px}.login-scene-copy{left:28px;bottom:33px}.login-scene{min-height:650px}.login-panel h1{font-size:37px}}
@media(max-width:720px){.public-header,.landing-main,.public-footer{padding-inline:24px}.public-header{min-height:88px;gap:18px}.public-brand{font-size:27px;gap:9px}.public-brand svg{width:28px;height:28px}.public-navigation{gap:17px;font-size:13px}.public-page .public-button-small{min-height:41px;padding:9px 13px;font-size:12px}.landing-intro{grid-template-columns:1fr;gap:26px;padding:37px 0 35px}.landing-intro h1{font-size:clamp(51px,10.1vw,70px);letter-spacing:-2.8px;line-height:1.04}.landing-invitation{justify-self:start;max-width:450px;display:grid;grid-template-columns:auto 1fr;gap:0 24px;align-items:center}.landing-invitation>p:first-child{font-size:20px}.landing-invitation .landing-description{margin:0;font-size:13px;line-height:1.6;max-width:255px}.landing-invitation .public-button{justify-self:start;margin-top:24px}.landing-entry-note{grid-column:1/-1;margin-top:10px}.landing-art{border-radius:11px}.landing-art img{aspect-ratio:1.19;object-position:42% 50%}.landing-art figcaption{padding:38px 20px 19px;font-size:12px}.landing-art figcaption span:last-child{display:none}.landing-possibilities{padding:55px 0 45px}.landing-section-heading{margin-bottom:31px;align-items:start;gap:22px}.landing-section-heading h2,.landing-closing h2{font-size:32px;letter-spacing:-1.15px}.landing-section-heading>p{font-size:12px;max-width:175px}.landing-feature-list{grid-template-columns:1fr;gap:28px}.landing-feature-list article{padding-top:22px;max-width:100%}.landing-feature-list h3{font-size:21px}.landing-feature-list p{max-width:510px;margin:9px 0 13px}.landing-feature-note{max-width:330px}.landing-closing{padding:32px 0 43px;gap:24px}.landing-closing .public-button{padding-inline:19px;flex-shrink:0}.public-footer{min-height:88px;gap:14px;font-size:10px;flex-wrap:wrap}.public-footer>span{max-width:220px}.login-main{display:block;padding:18px 24px 48px;min-height:calc(100vh - 177px)}.login-scene{min-height:0;height:165px;border-radius:11px}.login-scene>img{object-position:50% 52%}.login-scene::after{inset:0;background:linear-gradient(90deg,#122e4870,transparent)}.login-scene-copy{left:23px;bottom:25px}.login-scene-copy p{font-size:28px;letter-spacing:-.8px}.login-scene-copy span{display:none}.login-panel{padding:35px 0 0}.login-form-wrap{max-width:400px}.login-panel h1{font-size:37px}.login-intro{padding-bottom:25px}.studio-account-bar{padding-inline:20px}.studio-account-actions #auth-welcome{max-width:160px}}
@media(max-width:430px){.public-header,.landing-main,.public-footer{padding-inline:19px}.public-header{min-height:80px}.public-brand{font-size:25px;gap:8px;letter-spacing:-1.3px}.public-brand svg{width:25px;height:25px}.public-navigation{gap:13px;font-size:12px}.public-page .public-button-small{font-size:11px;padding-inline:11px}.landing-intro{padding-top:28px}.landing-intro h1{font-size:51px;letter-spacing:-2.6px}.landing-invitation{grid-template-columns:1fr;gap:0}.landing-invitation>p:first-child{font-size:21px}.landing-invitation>p:first-child br{display:none}.landing-invitation .landing-description{max-width:320px;margin-top:9px;font-size:14px}.landing-invitation .public-button{margin-top:20px}.landing-section-heading{display:block}.landing-section-heading>p{margin-top:15px;max-width:none}.landing-section-heading>p br{display:none}.landing-closing{align-items:start;flex-direction:column}.landing-closing h2{font-size:34px}.public-footer>span{max-width:180px}.login-main{padding-inline:19px}.login-scene{height:144px}.login-scene-copy p{font-size:26px}.login-panel{padding-top:29px}.studio-account-bar{padding-inline:14px;gap:10px}.studio-account-actions{gap:12px}.studio-account-actions #auth-welcome{max-width:140px}}
@media(max-width:360px){.public-header{gap:12px}.public-brand{font-size:22px;gap:6px}.public-brand svg{width:22px;height:22px}.public-navigation{gap:10px}.public-page .public-button-small{padding-inline:9px;font-size:10.5px}.landing-intro h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.public-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
