/* Public account access and the five studio entry points. */
.site-header .nav-actions{gap:9px}
.site-header .login-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 19px;border:1px solid #bdb7ad;border-radius:5px;color:#343238;background:#fbf9f4;font-weight:500;white-space:nowrap}
.site-header .login-link:hover{border-color:#746c63;background:#fffdf9}
.site-header .login-link:focus-visible,.studio-entry-card:focus-visible,.auth-switch a:focus-visible{outline:3px solid #9b624b;outline-offset:5px}
.studio-entry{padding-top:20px;padding-bottom:76px}
.studio-entry-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.studio-entry-heading .eyebrow{display:block;margin-bottom:13px;color:#78716a}
.studio-entry-heading h2{font-size:36px;letter-spacing:-1.4px;line-height:1.2;margin:0;color:#38333a}
.studio-entry-heading>p{font-size:15px;color:#736d70;margin:0 0 4px}
.studio-entry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.studio-entry-card{--entry-accent:#91644f;--entry-tint:#eee1d6;display:flex;flex-direction:column;min-width:0;padding:20px 19px 18px;border:1px solid #d4cbc1;border-radius:12px;background:#faf8f2;box-shadow:0 3px 0 #ded7ce;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.studio-entry-card:hover{transform:translateY(-5px);border-color:var(--entry-accent);box-shadow:0 8px 18px #35303a12}
.studio-entry-card:active{transform:translateY(-1px)}
.entry-produce{--entry-accent:#716286;--entry-tint:#e9e3ed}
.entry-arrange{--entry-accent:#5d7386;--entry-tint:#e0e8ee}
.entry-mix{--entry-accent:#867046;--entry-tint:#eee6d4}
.entry-export{--entry-accent:#616e68;--entry-tint:#e1e8e3}
.entry-top{display:flex;align-items:center;justify-content:space-between;color:#8b837c;font-size:11px;letter-spacing:1px}
.entry-arrow{font-size:21px;line-height:1;color:var(--entry-accent)}
.entry-icon{display:grid;place-items:center;align-self:flex-start;width:78px;height:78px;border-radius:21px;margin:13px 0 19px;background:var(--entry-tint);color:var(--entry-accent)}
.entry-icon svg{width:49px;height:49px;overflow:visible}
.entry-fill{fill:currentColor;stroke:none}
.entry-tint{fill:currentColor;fill-opacity:.13}
.entry-solid{fill:var(--entry-tint)}
.studio-entry-card h3{font-size:25px;line-height:1.25;letter-spacing:-.65px;color:#363139;margin:0 0 10px}
.studio-entry-card p{font-size:13px;line-height:1.7;color:#736d71;margin:0 0 22px}
.studio-entry-card p strong{display:block;font-size:13px;font-weight:500;color:#534b51;margin-bottom:3px}
.entry-action{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:15px;border-top:1px solid #dcd5cb;color:var(--entry-accent);font-size:12px;font-weight:600;line-height:1.5}
.entry-action>span{font-size:20px;transition:transform .18s ease}
.studio-entry-card:hover .entry-action>span{transform:translateX(3px)}
.visitor-auth{min-height:calc(100vh - 98px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:1320px;margin:0 auto}
.visitor-auth .auth-art{background:#343139;color:#faf5ec;padding:48px 54px}
.visitor-auth .auth-art>div{margin-top:15px;min-height:400px}
.visitor-auth .auth-art h1{font-size:clamp(46px,4.7vw,69px);line-height:1.08;letter-spacing:-2.7px;margin-top:22px}
.visitor-auth .auth-art .eyebrow{color:#c5b4a8}
.visitor-auth .auth-art p{color:#c8bdba;font-size:15px;line-height:1.8;margin-top:33px}
.visitor-auth .auth-art .sound-object{top:175px;left:13%;right:-39%;opacity:.65;pointer-events:none}
.visitor-auth .auth-copyright{color:#b0a1a1;font-size:10px;margin-top:54px}
.visitor-auth .auth-main{padding:35px 48px 26px;background:#f6f3ed}
.visitor-auth .auth-card{max-width:410px;margin:0 auto 30px}
.auth-switch{display:flex;gap:5px;padding:5px;background:#e7e1d8;border:1px solid #ddd5ca;border-radius:9px;margin-bottom:27px}
.auth-switch a{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:6px;font-size:15px;font-weight:500;color:#766e72}
.auth-switch a[aria-current="page"]{background:#fffdfa;color:#39333b;box-shadow:0 1px 5px #40333612}
.visitor-auth .auth-card h2{font-size:32px;line-height:1.2;letter-spacing:-1px;color:#39333b;margin:0}
.visitor-auth .auth-card>p{color:#726a71;font-size:15px;margin-top:10px}
.visitor-auth .email-auth-form{gap:8px;margin-top:20px}
.visitor-auth .email-auth-form label{color:#514a51;font-size:14px;margin-top:6px}
.visitor-auth .email-auth-form input{min-height:50px;border-radius:6px;background:#fffefa;border-color:#c9c1b7;color:#39333b}
.visitor-auth input:focus-visible{outline:2px solid #9b6b55;outline-offset:2px}
.visitor-auth .email-auth-form small{color:#797077}
.visitor-auth .btn.dark{background:#3d3540;border-color:#3d3540;color:#fffaf2;min-height:52px;font-size:16px}
.visitor-auth .google-signin{margin-top:22px;background:#fffdfa}
.visitor-auth .auth-divider span{background:#f6f3ed;color:#837a7d}
.visitor-auth .auth-divider:before{background:#ddd4ca}
.visitor-auth .forgot-password{color:#795940;min-height:36px}
.visitor-auth .auth-card>p.auth-alternate{font-size:14px;text-align:center;margin-top:24px}
.auth-alternate a{color:#725344;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.visitor-auth .auth-card>p.auth-small{font-size:12px!important;line-height:1.7;text-align:center;margin-top:13px;color:#847a80}
.visitor-auth .auth-bottom{color:#746a73;font-size:13px}
.visitor-auth .email-auth-form button:disabled{cursor:not-allowed}
@media(max-width:1100px){.studio-entry-grid{gap:10px}.studio-entry-card{padding:17px 14px}.studio-entry-card h3{font-size:23px}.entry-action{font-size:11px}.visitor-auth .auth-main{padding:30px}.visitor-auth .auth-art{padding:43px 34px}}
@media(max-width:850px){.studio-entry-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.studio-entry-card{grid-column:span 2}.studio-entry-card:nth-last-child(-n+2){grid-column:span 3}.entry-action{font-size:13px}.visitor-auth{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.visitor-auth .auth-art{padding:40px 25px}.visitor-auth .auth-art h1{font-size:43px}.visitor-auth .auth-main{padding:28px 24px}.visitor-auth .auth-card h2{font-size:29px}}
@media(max-width:650px){.site-header .login-link{padding:0 12px;min-height:44px}.site-header .nav-actions{gap:7px}.site-header .nav-actions .btn{min-height:44px;font-size:13px}.site-header .nav-actions .login-link{font-size:13px}.studio-entry{padding-top:15px;padding-bottom:46px}.studio-entry-heading{display:block;margin-bottom:22px}.studio-entry-heading h2{font-size:30px}.studio-entry-heading>p{margin-top:13px;font-size:14px}.studio-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-entry-card,.studio-entry-card:nth-last-child(-n+2){grid-column:auto;padding:16px}.studio-entry-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:18px}.studio-entry-card:last-child .entry-top{grid-column:1/-1}.studio-entry-card:last-child .entry-icon{grid-row:2/4;width:70px;height:70px;margin:14px 0 0}.studio-entry-card:last-child h3{margin-top:16px}.studio-entry-card:last-child p{margin-bottom:15px}.studio-entry-card:last-child .entry-action{grid-column:1/-1}.entry-icon{width:66px;height:66px;border-radius:18px;margin-bottom:16px}.entry-icon svg{width:43px;height:43px}.studio-entry-card h3{font-size:24px}.studio-entry-card p,.studio-entry-card p strong{font-size:13px}.entry-action{font-size:12px}.visitor-auth{display:block;min-height:calc(100vh - 140px)}.visitor-auth .auth-art{display:none}.visitor-auth .auth-main{padding:25px 23px;min-height:calc(100vh - 140px)}.visitor-auth .auth-card{max-width:440px;margin-bottom:35px}.visitor-auth .auth-card h2{font-size:30px}.auth-switch{margin-bottom:26px}.visitor-auth .auth-bottom{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.studio-entry-card,.entry-action>span{transition:none}.studio-entry-card:hover,.studio-entry-card:active,.studio-entry-card:hover .entry-action>span{transform:none}}