/* Size the whole composition against the viewport, without clipping the form. */
@media(min-width:901px){
 .fabster-scene{min-height:100dvh;padding:clamp(16px,3vh,32px) 2.6vw clamp(16px,3vh,32px) 3.8vw;align-items:center}
 .scene-copy{min-height:0;height:min(720px,94dvh);justify-content:center}
 .scene-header{margin-bottom:clamp(14px,3vh,30px)}
 .fabster-logo{height:clamp(48px,9vh,80px);width:300px}
 .scene-motto{font-size:10px;letter-spacing:3px;margin-right:2vw;padding-bottom:13px}
 .scene-copy h1{font-size:clamp(32px,6.8vh,60px);letter-spacing:-1.8px;margin-bottom:clamp(12px,2.5vh,22px)}
 .scene-intro{font-size:clamp(13px,2.1vh,17px);margin-bottom:clamp(14px,3vh,28px);line-height:1.5}
 .scene-features{gap:clamp(8px,1.8vh,15px)}
 .feature-icon{height:clamp(38px,7vh,58px);width:clamp(38px,7vh,58px);border-radius:11px}
 .feature-icon svg{width:28px;height:28px}
 .scene-features li{gap:17px}
 .scene-features strong{font-size:clamp(13px,2.2vh,17px);margin-bottom:4px}
 .scene-features small{font-size:clamp(11px,1.9vh,14px)}
 .scene-footer{margin-top:clamp(15px,3vh,30px);padding-top:0;font-size:10px;letter-spacing:2px}
 .scene-footer:before{height:4px;margin-bottom:8px}
 .fabster-scene .login-glass{padding:54px 28px 20px;max-width:390px}
 .login-glass .login-language{top:15px;right:20px;padding:5px 8px}
 .login-glass .login-eyebrow{font-size:9px;margin-bottom:13px}
 .login-glass h2{font-size:clamp(30px,5.5vh,40px);margin-bottom:14px}
 .login-glass .login-description{font-size:13px;margin-bottom:18px;line-height:1.45}
 .login-glass .login-help{font-size:11px;margin-top:14px}
 .login-glass .login-illustration{height:clamp(55px,11vh,95px);margin-top:16px}
 .login-glass .login-illustration svg{height:100%}
 .login-glass .login-illustration p{font-size:8px;top:4px;width:108px}
 .handwritten-note{font-size:12px;bottom:9%}
}
@media(min-width:901px) and (max-height:650px){
 .fabster-scene{padding-top:14px;padding-bottom:14px}
 .scene-copy{height:auto}
 .scene-header{margin-bottom:16px}.fabster-logo{height:50px}
 .scene-copy h1{font-size:36px;margin-bottom:12px}
 .scene-intro{font-size:13px;margin-bottom:17px}
 .scene-features{gap:9px}.feature-icon{width:40px;height:40px}
 .scene-features strong{font-size:13px}.scene-features small{font-size:11px}
 .scene-footer{margin-top:17px;font-size:9px}
 .fabster-scene .login-glass{padding:48px 25px 17px}
 .login-glass h2{font-size:32px;margin-bottom:12px}
 .login-glass .login-description{font-size:12px;margin-bottom:15px}
 .login-glass .login-eyebrow{margin-bottom:12px}
 .login-glass .login-illustration{height:55px;margin-top:13px}
 .login-glass .login-illustration p{font-size:7px;width:99px;top:0}
 .login-glass .username-field{height:44px}.login-glass .fabster-submit{height:43px}
 .handwritten-note{display:none}
}
@media(min-width:901px) and (max-height:500px){
 .scene-copy h1{font-size:29px}.scene-header{margin-bottom:10px}.fabster-logo{height:39px}
 .scene-intro{font-size:12px;margin-bottom:12px}.scene-features{gap:6px}
 .feature-icon{width:32px;height:32px}.feature-icon svg{width:23px;height:23px}
 .scene-features strong{font-size:12px}.scene-features small{font-size:10px}
 .scene-footer,.login-glass .login-illustration{display:none}
 .fabster-scene .login-glass{padding-top:43px}.login-glass h2{font-size:28px}
 .login-glass .login-description{margin-bottom:11px}.login-glass .login-help{margin-top:10px}
}
@media(max-width:900px){
 .fabster-scene{min-height:100dvh;gap:18px;padding:18px 20px;align-content:center}
 .scene-header{margin-bottom:12px}.fabster-logo{height:48px}
 .scene-copy h1{font-size:29px;margin-bottom:10px}.scene-intro{font-size:12px}
 .fabster-scene .login-glass{padding:48px 25px 20px}
 .login-glass h2{font-size:32px;margin-bottom:12px}
 .login-glass .login-eyebrow{margin-bottom:12px;font-size:9px}
 .login-glass .login-description{font-size:13px;margin-bottom:16px}
 .login-glass .login-language{top:12px;right:20px;padding:5px 8px}
 .login-glass .login-illustration{display:none}
 .login-glass .login-help{font-size:11px;margin-top:13px}
}
@media(max-width:900px) and (max-height:740px){
 .fabster-scene{gap:12px;padding:14px 18px}
 .scene-copy h1,.scene-intro{display:none}.scene-header{margin-bottom:0}
 .fabster-logo{height:44px}.fabster-scene .login-glass{padding-bottom:18px}
}