.ak-economy-lead {
  --min-width: 360px;
  --max-width: 1360px;
  --ak-main: #006a4e;                 
  --stage-deep: #031a13;              
  --stage-base: #062a20;              
  --stage-glow: #0f4a3a;              
  --ink: #ffffff;
  --ink-soft: rgba(255, 255, 255, 0.74);
  --ink-mute: rgba(255, 255, 255, 0.52);
  --accent: #8fd3b8;                  
  --font: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

.ak-economy-lead *, .ak-economy-lead *::before, .ak-economy-lead *::after { box-sizing: border-box; }

.ak-economy-lead { font-family: var(--font); background: var(--stage-deep); color: var(--ink); -webkit-font-smoothing: antialiased; }
.ak-economy-lead img { display: block; }
.ak-economy-lead ::selection { background: var(--accent); color: var(--stage-deep); }










.ak-economy-lead.lead {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse 70% 60% at 50% 62%, var(--stage-glow) 0%, rgba(15, 74, 58, 0) 70%),
    linear-gradient(180deg, var(--stage-base) 0%, var(--stage-deep) 100%);
}
.ak-economy-lead .lead-eyebrow { display: block; font-size: clamp(14px, 14px + 4 * (100vw - var(--min-width)) / 1000, 18px); font-weight: 600; letter-spacing: 0.08em; color: var(--accent); }
.ak-economy-lead .lead-desc { margin: 0; font-size: clamp(15px, 15px + 3 * (100vw - var(--min-width)) / 1000, 18px); line-height: 1.6; color: var(--ink-soft); word-break: keep-all; }
.ak-economy-lead .lead-more {
  display: inline-flex; align-items: center; gap: 12px;
  color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 500; letter-spacing: 0.04em;
}
.ak-economy-lead .lead-more svg { width: 64px; height: 12px; }
.ak-economy-lead .lead-more:hover { color: var(--accent); }
.ak-economy-lead .lead-more:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.ak-economy-lead .lead-career { text-shadow: 0 1px 10px rgba(3, 26, 19, 0.8); display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 700; color: var(--accent); letter-spacing: -0.01em; word-break: keep-all; }
.ak-economy-lead .lead-career img { flex: none; }
.ak-economy-lead .lead-name { margin: 0; font-weight: 800; color: var(--ink); letter-spacing: -0.04em; line-height: 1.05; word-break: keep-all; text-shadow: 0 2px 18px rgba(3, 26, 19, 0.75); }
.ak-economy-lead .lead-name small { font-size: 0.4em; font-weight: 500; color: var(--ink-soft); letter-spacing: -0.01em; margin-left: 0.3em; }


.ak-economy-lead .fig-img {
  -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent 98%);
  mask-image: linear-gradient(180deg, #000 70%, transparent 98%);
  filter: drop-shadow(0 24px 40px rgba(0, 0, 0, 0.35));
}



.ak-economy-lead.lead--a { padding: clamp(48px, 48px + 16 * (100vw - var(--min-width)) / 1000, 64px) 0 0; }
.ak-economy-lead .a-head {
  max-width: var(--max-width); margin: 0 auto; padding: 0 32px;
  display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: end; gap: 8px 48px;
}
.ak-economy-lead .a-head .lead-eyebrow { grid-column: 1 / -1; }
.ak-economy-lead .a-title {
  margin: 0;
  font-size: clamp(40px, 40px + 40 * (100vw - var(--min-width)) / 1000, 84px);
  font-weight: 800; line-height: 1.02; letter-spacing: -0.045em; color: var(--ink); word-break: keep-all;
}
.ak-economy-lead .a-side { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; padding-bottom: 8px; text-align: right; }
.ak-economy-lead .a-stage {
  position: relative;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: var(--max-width); margin: 0 auto;
  list-style: none; padding: 0;
}
.ak-economy-lead .a-fig { position: relative; height: clamp(480px, 46vw, 620px); margin: 0; }
.ak-economy-lead .a-fig .fig-img {
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  height: 100%; width: auto; max-width: none;
}
.ak-economy-lead .a-cap { position: absolute; left: 0; right: 0; bottom: clamp(24px, 3vw, 40px); z-index: 2; text-align: center; }
.ak-economy-lead .a-cap .lead-career { font-size: clamp(17px, 17px + 5 * (100vw - var(--min-width)) / 1000, 22px); margin-bottom: 6px; }
.ak-economy-lead .a-cap .lead-career img { width: 26px; height: 26px; }
.ak-economy-lead .a-cap .lead-name { font-size: clamp(42px, 42px + 18 * (100vw - var(--min-width)) / 1000, 60px); text-shadow: 0 2px 20px rgba(3, 26, 19, 0.7); }
.ak-economy-lead .a-cap .lead-name small { display: block; margin: 6px 0 0; font-size: clamp(16px, 16px + 3 * (100vw - var(--min-width)) / 1000, 19px); }

.ak-economy-lead .a-stage::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%;
  background: linear-gradient(180deg, rgba(3, 26, 19, 0) 0%, rgba(3, 26, 19, 0.78) 55%, var(--stage-deep) 100%);
  pointer-events: none; z-index: 1;
}

@media (max-width: 768px) {
  .ak-economy-lead .a-head { grid-template-columns: 1fr; text-align: center; padding: 0 20px; }
  .ak-economy-lead .a-side { align-items: center; text-align: center; padding: 6px 0 0; }
  .ak-economy-lead .a-stage { grid-template-columns: 1fr; margin-top: 8px; }
  .ak-economy-lead .a-fig { height: 480px; }
  .ak-economy-lead .a-fig + .a-fig { margin-top: -40px; }   
  .ak-economy-lead .a-stage::after { display: none; }
  .ak-economy-lead .a-fig .fig-img { -webkit-mask-image: linear-gradient(180deg, #000 58%, transparent 94%); mask-image: linear-gradient(180deg, #000 58%, transparent 94%); }
  .ak-economy-lead .a-cap { bottom: 56px; }
  .ak-economy-lead .a-fig:last-child .a-cap { bottom: 32px; }
}
.hero-content h1,
.hero-content .hero-desc,
.hero-content > p:first-child { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 2px 18px rgba(0, 0, 0, 0.45); }

.hero-content h1 br.lead-br-mo { display: none; }
@media (max-width: 768px) {
  .hero-content h1 br.lead-br-mo { display: inline; }
}

.ak-economy-lead { box-sizing: border-box; font-size: 16px; line-height: normal; letter-spacing: normal; }



.ak-economy-lead.lead--a {
  background-color: #04201a;
  
  background-image:
    linear-gradient(180deg, rgba(3, 26, 19, 0.30) 0%, rgba(3, 26, 19, 0.06) 26%, rgba(3, 26, 19, 0) 48%, rgba(3, 26, 19, 0.0) 62%),
    url("/center/economy/img/ak/main/leadership-stone-pc.webp");
  background-size: 100% 100%, cover;
  background-position: center, center top;
  background-repeat: no-repeat;
}


.ak-economy-lead .a-stage::after {
  height: 34%;
  background: linear-gradient(180deg, rgba(3, 26, 19, 0) 0%, rgba(3, 26, 19, 0.62) 50%, rgba(3, 26, 19, 0.92) 100%);
}


.ak-economy-lead .fig-img { filter: drop-shadow(0 28px 44px rgba(0, 0, 0, 0.5)); }

@media (max-width: 768px) {
  .ak-economy-lead.lead--a {
    background-image:
      
      linear-gradient(180deg, rgba(3, 26, 19, 0.55) 0, rgba(3, 26, 19, 0.28) 260px, rgba(3, 26, 19, 0.28) 100%),
      url("/center/economy/img/ak/main/leadership-stone-mo.webp");
    background-size: 100% 100%, 100% auto;
    background-position: center, center top;
    background-repeat: no-repeat, repeat-y;
  }
}