/* 035R1 — small-brand consistency + beta landing composition. */
.auth-badge.brand-flower{
  display:block;
  width:58px;
  height:58px;
  margin:0 auto 18px;
  object-fit:contain;
}
.profile-card .brand-placeholder{
  display:block;
  width:82px;
  height:82px;
  margin:2px auto 14px;
  object-fit:contain;
}

/* On wide desktop screens, use the illustrated beta artwork as the whole welcome page
   and place the real auth card where the artwork's mock sign-in card lives. */
@media (min-width:1200px) and (min-aspect-ratio:3/2){
  body.cranky-beta-landing{
    overflow:hidden;
    background:#1E331C;
  }
  body.cranky-beta-landing .page{
    position:relative;
    display:block;
    min-height:100vh;
    background:#1E331C url('/assets/images/cranky-coming-soon.png') center center / cover no-repeat;
  }
  body.cranky-beta-landing .hero{
    position:absolute;
    inset:0;
    min-width:0;
    padding:0;
    background:none;
    overflow:hidden;
  }
  body.cranky-beta-landing .hero > *{
    display:none !important;
  }
  body.cranky-beta-landing .auth{
    position:absolute;
    z-index:5;
    top:5.0vh;
    right:3.5vw;
    bottom:12.5vh;
    width:25.7vw;
    min-width:350px;
    max-width:430px;
    padding:0;
    background:transparent;
    align-items:stretch;
    justify-content:stretch;
    overflow:auto;
    scrollbar-width:thin;
  }
  body.cranky-beta-landing .auth-card{
    width:100%;
    max-width:none;
    min-height:100%;
    padding:30px 30px 24px;
    background:rgba(246,239,217,.985);
    border:2px solid rgba(227,167,59,.52);
    border-radius:34px;
    box-shadow:0 18px 55px rgba(22,39,20,.38), inset 0 0 0 1px rgba(255,255,255,.45);
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  body.cranky-beta-landing .auth-card h2{
    font-size:28px;
  }
  body.cranky-beta-landing .auth-card > p.sub{
    margin-bottom:18px;
  }
  body.cranky-beta-landing .auth-ornament{
    display:none;
  }
  body.cranky-beta-landing .trust-line{
    margin-top:18px;
  }
  body.cranky-beta-landing .domain-badge{
    margin-top:10px;
  }
}

/* Avoid forcing the artwork-overlay layout on short laptop viewports. */
@media (min-width:1200px) and (min-aspect-ratio:3/2) and (max-height:760px){
  body.cranky-beta-landing{ overflow:auto; }
  body.cranky-beta-landing .auth{
    top:3vh;
    bottom:5vh;
  }
  body.cranky-beta-landing .auth-card{
    justify-content:flex-start;
    padding-top:22px;
  }
}