/* Preserve the landing's installed Noto face instead of page-specific web faces
   with the same family name. This alias never changes body typography. */
@font-face {
  font-family: "PickTube Footer Noto";
  src: local("Noto Sans KR");
  font-weight: 100 900;
}

/* The three public pages share the landing footer's exact layout and cascade. */
.site-footer {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 54px 32px 50px;
  border: 0 solid;
  border-top: 1px solid #dedede;
  color: #000;
  background: #fff;
  font-family: "PickTube Footer Noto", "Apple SD Gothic Neo", Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  word-break: normal;
  overflow-wrap: normal;
  white-space: normal;
  text-wrap: wrap;
  line-break: auto;
}
.site-footer *,
.site-footer *::before,
.site-footer *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
.site-footer a {
  color: inherit;
  text-decoration: none;
  transition: opacity .18s;
}
.site-footer a:visited { color: inherit; }
.site-footer a:hover { opacity: .62; }
.site-footer b { font-weight: bolder; }
.footer-brand-line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13px;
  margin: 0 0 24px;
}
.footer-brand-line > span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.footer-picktube {
  color: #000;
  letter-spacing: -1.7px;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}
.footer-junglehuman {
  display: inline-flex;
  align-items: center;
  color: #000;
  letter-spacing: -1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-style: italic;
  font-weight: 900;
  line-height: 0;
  text-decoration: none;
}
.footer-junglehuman svg {
  display: block;
  width: 200px;
  height: auto;
  overflow: visible;
}
.footer-junglehuman text { fill: #000; font-family: "Zen Dots", cursive; font-size: 36px; }
.footer-site-link {
  display: inline-block;
  margin-bottom: 13px;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.footer-contact { margin: 0 0 17px; color: #000; font-size: 14px; line-height: 1.5; }
.footer-contact a { color: #000; font-weight: 700; }
.footer-policy-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 0 21px;
  color: #000;
  font-size: 13px;
  font-weight: 700;
}
.footer-policy-links a { color: #000; }
.footer-policy-links span { color: #8a8a8a; }
.site-footer small { display: block; color: #4a4a4a; font-size: 12px; line-height: 1.5; }
.site-footer small b { font-style: italic; }

@media (width <= 560px) {
  .site-footer { padding: 42px 20px 44px; }
  .footer-brand-line { gap: 10px; margin-bottom: 22px; }
  .footer-picktube { font-size: 25px; }
  .footer-brand-line > span { font-size: 12px; }
  .footer-junglehuman { font-size: 15px; }
  .footer-junglehuman svg { width: 170px; }
  .footer-site-link { font-size: 14px; }
  .footer-contact { font-size: 13px; }
  .footer-policy-links { font-size: 12px; }
  .site-footer small { font-size: 11px; }
}