@import url('https://fonts.cdnfonts.com/css/canela-text-trial');
@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');

.studio-lock-page{min-height:100svh;background:#000;color:#fff;overflow:hidden;}
.studio-lock-page::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:-1;}
.studio-lock-shell{min-height:100svh;display:grid;place-items:center;padding:130px 24px 60px;}
.studio-lock-card{width:min(760px,92vw);text-align:center;padding:clamp(34px,6vw,72px);border:1px solid rgba(255,255,255,.12);background:rgba(3,3,3,.46);backdrop-filter:blur(3px);}
.studio-lock-kicker,.studio-lock-form label,.studio-pin-message{font-family:'Neue Haas Grotesk Display Pro',sans-serif;text-transform:uppercase;letter-spacing:.18em;}
.studio-lock-kicker{margin:0 0 24px;font-size:.58rem;color:rgba(255,255,255,.42);}
.studio-lock-card h1{margin:0;font-family:'Canela Text Trial',Georgia,serif;font-weight:400;font-size:clamp(4.2rem,9vw,8.5rem);line-height:.82;letter-spacing:-.055em;}
.studio-lock-copy{max-width:500px;margin:32px auto 36px;font-family:'Canela Text Trial',Georgia,serif;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65;color:rgba(255,255,255,.62);}
.studio-lock-form{max-width:470px;margin:0 auto;text-align:left;}
.studio-lock-form label{display:block;margin-bottom:10px;font-size:.52rem;color:rgba(255,255,255,.42);}
.studio-pin-row{display:grid;grid-template-columns:1fr auto;border:1px solid rgba(255,255,255,.3);}
.studio-pin-row input{min-width:0;height:58px;padding:0 18px;border:0;background:rgba(255,255,255,.025);color:#fff;outline:0;font-size:1.05rem;letter-spacing:.25em;}
.studio-pin-row button{height:58px;padding:0 20px;border:0;border-left:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;display:flex;gap:24px;align-items:center;font-family:'Neue Haas Grotesk Display Pro',sans-serif;font-size:.62rem;letter-spacing:.16em;cursor:pointer;transition:.3s;}
.studio-pin-row button:hover{background:#fff;color:#080808;}
.studio-pin-row button:disabled{opacity:.5;cursor:wait;}
.studio-pin-message{min-height:18px;margin:12px 0 0;font-size:.48rem;line-height:1.5;color:rgba(255,255,255,.42);}
.studio-pin-message.is-error{color:#d99797;}
@media(max-width:600px){.studio-lock-shell{padding:105px 14px 40px}.studio-lock-card{padding:44px 18px}.studio-pin-row{grid-template-columns:1fr}.studio-pin-row button{border-left:0;border-top:1px solid rgba(255,255,255,.22);justify-content:space-between}.studio-lock-card h1{font-size:clamp(3.8rem,19vw,6rem)}}