/* Life & Surprise brand lockup. Shared by the main site and all tool/product pages. */
body .ls-brand-lockup {
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:0 1 auto;
  gap:5px;
  width:300px;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#49352e;
  text-align:center;
  text-decoration:none;
  line-height:1.2;
  letter-spacing:normal;
  vertical-align:middle;
  cursor:pointer;
}
body .ls-brand-lockup:hover {background:transparent; color:#49352e;}
body .ls-brand-lockup:focus-visible {outline:3px solid #2453c7; outline-offset:6px; border-radius:4px;}
body .ls-brand-lockup .ls-brand-art {
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:2043 / 610;
  overflow:hidden;
  margin:0;
  padding:0;
  line-height:0;
  font-size:0;
  letter-spacing:0;
}
/* Frame the approved transparent PNG without altering the artwork or clipping its base. */
body .ls-brand-lockup .ls-brand-image {
  display:block;
  position:absolute;
  top:-18.032787%;
  left:0;
  width:100%;
  max-width:none;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  object-fit:contain;
}
body .ls-brand-lockup .ls-brand-caption {
  display:block;
  margin:0;
  padding:0;
  color:#49352e;
  font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;
  font-size:17px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:2px;
  text-transform:none;
}
body .ls-header .ls-brand-lockup {width:300px;}
body .ls-brand-lockup.ls-brand-footer {width:220px;}
body .ls-brand-footer .ls-brand-caption {font-size:14px;}
body .ls-tool-brand-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 20px;
  height:auto;
  min-height:100px;
  padding-top:16px;
  padding-bottom:16px;
}
body .ls-brand-back {font-size:16px; font-weight:400; white-space:nowrap; text-decoration:none;}
@media(max-width:1050px) {
  body .ls-header .ls-brand-lockup {width:300px; margin-inline:auto;}
}
@media(max-width:700px) {
  body .ls-brand-lockup, body .ls-header .ls-brand-lockup {width:280px;}
  body .ls-brand-lockup .ls-brand-caption {font-size:16px;}
  body .ls-tool-brand-header .ls-brand-lockup,
  body .site-header .ls-brand-lockup {width:clamp(180px,57vw,250px);}
  body .ls-tool-brand-header .ls-brand-caption,
  body .site-header .ls-brand-caption {font-size:14px;}
  body .ls-brand-lockup.ls-brand-footer {width:210px;}
  body .ls-brand-footer .ls-brand-caption {font-size:14px;}
}