/* Approved photo hero and overlapping introduction card for /japan. */
:is(#japan-hero, #panama-hero) { --jpc-photo:url("/assets/center-design/japan-tokyo-business.jpg");font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; }
  :is(#japan-hero, #panama-hero) * { box-sizing:border-box; }
  :is(#japan-hero, #panama-hero) :is(h1,h2,h3,p) { margin:0; }
  :is(#japan-hero, #panama-hero) .jpc-stage { --jpc-overlap:64px;--jpc-title:44px;--jpc-shade:.55;position:relative;isolation:isolate;padding-bottom:42px;background:#f4f6fa;color:#1d2945;color-scheme:light;word-break:keep-all;overflow-wrap:anywhere; }
  :is(#japan-hero, #panama-hero) .jpc-masthead { position:relative;isolation:isolate;min-height:324px;padding:48px 24px 104px;background:#19284b;color:#fff;text-align:center; }
  :is(#japan-hero, #panama-hero) .jpc-photo { position:absolute;inset:0;z-index:-3;background-image:var(--jpc-photo);background-size:cover;background-position:100% 48%; }
  :is(#japan-hero, #panama-hero) .jpc-masthead::before { content:"";position:absolute;inset:0;z-index:-2;background:#19284b;opacity:var(--jpc-shade); }
  :is(#japan-hero, #panama-hero) .jpc-masthead::after { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(25,40,75,.83),rgba(25,40,75,.12) 62%,rgba(25,40,75,.12)),linear-gradient(90deg,rgba(25,40,75,.2),transparent 50%); }
  :is(#japan-hero, #panama-hero) .jpc-breadcrumb { display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;color:rgba(255,255,255,.7);font-size:calc(16px * var(--country-type-scale, 1));line-height:1.6;letter-spacing:-.02em; }
  :is(#japan-hero, #panama-hero) .jpc-breadcrumb span[aria-hidden] { color:rgba(255,255,255,.4); }
  :is(#japan-hero, #panama-hero) .jpc-breadcrumb .jpc-current { color:#fff;font-weight:500; }
  :is(#japan-hero, #panama-hero) .jpc-masthead h1 { margin-top:28px;font-size:calc(var(--jpc-title) * var(--country-type-scale, 1));line-height:1.25;font-weight:650;letter-spacing:-.055em; }
  :is(#japan-hero, #panama-hero) .jpc-country-en { margin-left:10px;font-size:.64em;font-weight:400;letter-spacing:.025em; }
  :is(#japan-hero, #panama-hero) .jpc-card { position:relative;width:calc(100% - 64px);max-width:1280px;margin:calc(-1 * var(--jpc-overlap)) auto 0;padding:39px 37px 32px;border:1px solid #e9edf5;border-radius:12px;background:#fff;box-shadow:0 15px 42px rgba(25,40,75,.065);text-align:center; }
  :is(#japan-hero, #panama-hero) .jpc-intro { color:#637087;font-size:calc(15px * var(--country-type-scale, 1));line-height:1.95;letter-spacing:-.03em; }
  :is(#japan-hero, #panama-hero) .jpc-focus { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:29px;padding-top:25px;border-top:1px solid #e5e9f2; }
  :is(#japan-hero, #panama-hero) .jpc-focus-item { padding:0 14px; }
  :is(#japan-hero, #panama-hero) .jpc-focus-item + .jpc-focus-item { border-left:1px solid #e5e9f2; }
  :is(#japan-hero, #panama-hero) .jpc-focus h3 { color:#28375a;font-size:calc(13px * var(--country-type-scale, 1));line-height:1.6;font-weight:600;letter-spacing:-.04em; }
  :is(#japan-hero, #panama-hero) .jpc-focus p { margin-top:6px;color:#69758b;font-size:calc(11px * var(--country-type-scale, 1));line-height:1.8;letter-spacing:-.02em; }
  @media(min-width:1100px) {
    :is(#japan-hero, #panama-hero) .jpc-masthead { min-height:410px;padding-top:69px; }
    :is(#japan-hero, #panama-hero) .jpc-masthead h1 { margin-top:28px;font-size:calc(calc(var(--jpc-title) + 8px) * var(--country-type-scale, 1)); }
    :is(#japan-hero, #panama-hero) .jpc-breadcrumb { font-size:calc(16px * var(--country-type-scale, 1)); }
    :is(#japan-hero, #panama-hero) .jpc-card { width:calc(100% - 160px);padding:52px 70px 41px; }
    :is(#japan-hero, #panama-hero) .jpc-intro { font-size:calc(19px * var(--country-type-scale, 1)); }
    :is(#japan-hero, #panama-hero) .jpc-focus { margin-top:35px;padding-top:30px; }
    :is(#japan-hero, #panama-hero) .jpc-focus h3 { font-size:calc(16px * var(--country-type-scale, 1)); }
    :is(#japan-hero, #panama-hero) .jpc-focus p { font-size:calc(13px * var(--country-type-scale, 1)); }
  }
  @media(max-width:580px) {
    :is(#japan-hero, #panama-hero) .jpc-stage { padding-bottom:28px; }
    :is(#japan-hero, #panama-hero) .jpc-masthead { min-height:300px;padding:40px 22px 104px; }
    :is(#japan-hero, #panama-hero) .jpc-masthead h1 { margin-top:22px;font-size:calc(calc(var(--jpc-title) * .82) * var(--country-type-scale, 1)); }
    :is(#japan-hero, #panama-hero) .jpc-breadcrumb { font-size:calc(13px * var(--country-type-scale, 1));gap:8px; }
    :is(#japan-hero, #panama-hero) .jpc-country-en { margin-left:7px; }
    :is(#japan-hero, #panama-hero) .jpc-photo { background-position:88% center; }
    :is(#japan-hero, #panama-hero) .jpc-card { width:calc(100% - 32px);padding:32px 22px 25px;border-radius:10px; }
    :is(#japan-hero, #panama-hero) .jpc-intro { font-size:calc(14px * var(--country-type-scale, 1));line-height:1.95; }
    :is(#japan-hero, #panama-hero) .jpc-intro br { display:none; }
    :is(#japan-hero, #panama-hero) .jpc-focus { grid-template-columns:1fr;gap:0;margin-top:25px;padding-top:4px;text-align:left; }
    :is(#japan-hero, #panama-hero) .jpc-focus-item { padding:16px 0;display:grid;grid-template-columns:1fr;gap:3px; }
    :is(#japan-hero, #panama-hero) .jpc-focus-item + .jpc-focus-item { border-left:0;border-top:1px solid #edf0f6; }
    :is(#japan-hero, #panama-hero) .jpc-focus h3 { font-size:calc(13px * var(--country-type-scale, 1)); }
    :is(#japan-hero, #panama-hero) .jpc-focus p { margin:0;font-size:calc(12px * var(--country-type-scale, 1)); }
    :is(#japan-hero, #panama-hero) .jpc-focus-item:last-child { padding-bottom:0; }
  }

/* Leave room for the existing fixed navigation without moving other sections. */
:is(#japan-hero, #panama-hero) { scroll-margin-top:130px; }
:is(#japan-hero, #panama-hero) .jpc-masthead { min-height:454px;padding-top:227px; }
:is(#japan-hero, #panama-hero) .jpc-breadcrumb a { color:rgba(255,255,255,.7);text-decoration:none; }
:is(#japan-hero, #panama-hero) .jpc-breadcrumb a:hover { color:#fff;text-decoration:underline;text-underline-offset:4px; }
@media(min-width:1100px) {
  :is(#japan-hero, #panama-hero) .jpc-masthead { min-height:540px;padding-top:271px; }
}
@media(max-width:991px) {
  :is(#japan-hero, #panama-hero) { scroll-margin-top:80px; }
  :is(#japan-hero, #panama-hero) .jpc-masthead { min-height:384px;padding-top:157px; }
}
@media(max-width:580px) {
  :is(#japan-hero, #panama-hero) .jpc-masthead { min-height:360px;padding-top:145px; }
}

:is(#japan-hero, #panama-hero) .jpc-breadcrumb a:focus-visible { outline:2px solid #fff;outline-offset:5px;border-radius:2px; }