/* Karriaro: the three-R signet accompanies the wordmark and its red dot. */
.site-header .brand {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.brand-copy { display: flex; flex-direction: column; align-items: flex-start; }
.brand-signet { display: block; width: 48px; height: 48px; flex: none; }
.brand-name { white-space: nowrap; }
.site-header .brand-caption { font-size: 10px; letter-spacing: .045em; }
.brand-dot {
  display: inline-block;
  width: .36em;
  height: .36em;
  min-width: 5px;
  min-height: 5px;
  margin-inline-start: .235em;
  border-radius: 50%;
  background: #c34632;
  vertical-align: baseline;
}
.site-footer .footer-wordmark {
  display: flex;
  align-items: center;
  gap: .16em;
  font-size: clamp(42px,14.4vw,215px);
  line-height: 1;
}
.footer-wordmark .brand-signet,
.pg-footer-brand .brand-signet { width: .66em; height: .66em; }
.footer-wordmark .kr-clip { min-width: 0; white-space: nowrap; }
.pg-footer-brand { display: inline-flex; align-items: center; gap: .16em; }
.pg-footer-brand > .pg-footer-name { color: inherit; white-space: nowrap; }
@media (max-width: 1000px) {
  .site-header .desktop-nav { display: none; }
  .site-header .menu-toggle { display: block; }
  .site-header .header-contact { margin-left: auto; }
}
@media (max-width: 760px) {
  .site-header .brand { gap: 10px; }
  .site-header .brand-signet { width: 42px; height: 42px; }
  .site-header .brand-name { font-size: 26px; }
  .site-header .brand-caption { font-size: 9px; margin-top: 6px; }
  .site-header .header-contact { display: none; }
  .site-header .menu-toggle { margin-left: auto; flex-shrink: 0; }
  .pg-footer-brand { font-size: clamp(40px,12vw,78px); }
}
@media (max-width: 370px) {
  .site-header .brand-signet { width: 38px; height: 38px; }
  .site-header .brand-name { font-size: 24px; }
  .site-header .brand-caption { font-size: 8px; }
}