/* Load after site-header.css and page-navigation.css. The existing menu and
   shortcut offsets already consume --site-header-height, including this bar. */
:root {
  --site-header-nav-height: 80px;
  --site-header-promo-height: 34px;
  --site-header-height: calc(var(--site-header-nav-height) + var(--site-header-promo-height));
}
.site-header-container { height: var(--site-header-nav-height); }
.site-header .site-header-promo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  height: var(--site-header-promo-height);
  padding: 4px 20px;
  background: #eaf3ff;
  color: #143f79;
  text-decoration: none;
}
.site-header-promo strong {
  min-width: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.035em;
  word-break: keep-all;
}
.site-header-promo-new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 3px 7px;
  border-radius: 5px;
  background: #176cf0;
  color: #fff;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: .03em;
}
.site-header-promo-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  color: #205fbe;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}
.site-header-promo:focus-visible { outline-offset: -3px; }

.hero-person-copy {
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.hero-person-copy p {
  position: absolute;
  margin: 0;
  font-family: var(--hero-font, "Pretendard", sans-serif);
  font-size: var(--person-copy-size, 80px);
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.14;
  letter-spacing: -.045em;
  white-space: nowrap;
  transform: translate3d(var(--person-copy-slide-x, 0px), -50%, 0);
}
.hero-person-copy-left { color: #111827; text-align: right; }
.hero-person-copy-right { color: #146eeb; text-align: left; }
.hero-person-copy span { display: block; }
.hero-person-copy[data-layout="stack"] { z-index: 3; }
.hero-person-copy[data-layout="stack"] p { text-align: center; transform: translate3d(var(--person-copy-slide-x, 0px), 0, 0); }
.hero-person-copy[data-layout="stack"] span { display: inline; }
.hero-person-copy[data-layout="stack"]::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  top:var(--person-copy-background-top,100%);
  bottom:0;
  background:#fff;
}
/* Keep the two mobile rows below the phone. Presentation controls return
   when this scene rewinds. */
.scene-stage[data-person-copy-visible="true"][data-person-copy-layout="stack"] .stage-controls,
.scene-stage[data-person-copy-visible="true"][data-person-copy-layout="stack"] .style-controls {
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 1199px) {
  :root {
    --site-header-nav-height: 72px;
    --site-header-promo-height: 38px;
  }
  .site-header .site-header-promo { gap: 9px; padding-inline: 14px; }
  .site-header-promo strong { font-size: 12px; line-height: 1.2; }
  .site-header-promo-link { font-size: 11px; gap: 4px; }
}
@media (max-width: 420px) {
  .site-header .site-header-promo { gap: 7px; padding-inline: 10px; }
  .site-header-promo strong { font-size: 11px; line-height: 1.2; }
  .site-header-promo-new { padding-inline: 5px; font-size: 9px; }
  .site-header-promo-link { font-size: 10px; gap: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-person-copy { transition: none; }
}

/* Compact single-row header with the original promo strip below. */
@media (max-width: 600px) {
  :root { --site-header-nav-height: 64px; }
}