/* The approved Fur Disclosure logo is shared across marketing and app screens. */
.logo{gap:0;flex-shrink:0;max-width:100%}
.logo .brand-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain;border:0;border-radius:0;margin:0;transform:none}
.logo .brand-icon{display:none;width:54px;height:54px;object-fit:contain;border:0;border-radius:12px;margin:0;transform:none}
.marketing .pp-header .brand-logo{width:224px}
.marketing .pp-footer-main{grid-template-columns:190px minmax(260px,2.3fr) minmax(130px,1fr) minmax(130px,1fr) 150px}
.marketing .pp-footer .brand-logo{width:160px}
.sidebar .logo{margin:0 0 28px}
.sidebar .logo .brand-logo{width:182px}
.owner-header .logo .brand-logo{width:165px}
.owner-preview-note .logo .brand-logo{width:210px}
.auth-story .logo{background:var(--cream);border-radius:17px;padding:12px 16px}
.auth-story .logo .brand-logo{width:230px}
.auth-form>.logo{display:none}
.shared-page .logo .brand-logo{width:220px}
@media(max-width:1200px){
  .marketing .pp-footer-main{grid-template-columns:175px minmax(220px,2fr) minmax(115px,1fr) minmax(115px,1fr) 135px}
  .marketing .pp-footer .brand-logo{width:146px}
}
@media(max-width:960px){
  .marketing .pp-footer-main{grid-template-columns:165px minmax(0,1fr) 130px 130px}
  .marketing .pp-header .brand-logo{width:210px}
}
@media(max-width:850px){
  .sidebar .logo{margin:0 auto 25px}
  .sidebar .logo .brand-logo{display:none}
  .sidebar .logo .brand-icon{display:block}
}
@media(max-width:700px){
  .marketing .pp-header .brand-logo{width:195px}
  .marketing .pp-footer-main{grid-template-columns:135px minmax(0,1fr)}
  .marketing .pp-footer .brand-logo{width:120px}
}
@media(max-width:620px){
  .sidebar{padding:10px 12px;gap:10px}
  .sidebar .logo{margin:0}
  .sidebar .logo .brand-icon{width:40px;height:40px}
  .sidebar nav button{padding:8px}
  .auth-form>.logo{display:flex;margin-bottom:24px}
  .auth-form>.logo .brand-logo{width:190px}
}
@media(max-width:375px){
  .marketing .pp-header .brand-logo{width:178px}
  .marketing .pp-footer-main{grid-template-columns:115px minmax(0,1fr)}
  .marketing .pp-footer .brand-logo{width:100px}
  .owner-header .logo .brand-logo{width:148px}
}
@media print{
  .shared-page .logo .brand-logo{width:190px}
}