.our-direction {
  background: #123A5D;
  color: #F8FAFC;
}
.our-direction-inner {
  display: grid;
  grid-template-columns: 408fr 400fr 392fr;
  min-height: 530px;
}
.direction-panel { position: relative; min-width: 0; overflow: hidden; }
.direction-intro { background: #123A5D; }
.direction-intro-content { position: relative; z-index: 1; padding: 161px 24px 60px 0; }
.direction-eyebrow { margin: 0 0 14px; color: #4DB2A9; font-size: 18px; line-height: 24px; }
.direction-intro h2 { margin: 0 0 16px; font-family: "Anton", Impact, 'Arial Narrow', sans-serif; font-size: 40px; font-weight: 400; line-height: 1; }
.direction-intro h2 span { display: block; white-space: nowrap; }
.direction-intro-copy { max-width: 365px; margin: 0; font-size: 16px; line-height: 30px; white-space: pre-line; }
.direction-accent { display: block; width: 51px; height: 2px; background: #2E9C91; }
.direction-intro .direction-accent { margin-top: 29px; }
.direction-vision { background: #222222; }
.direction-mission { background: #0E2B45; }
.direction-map { position: absolute; top: -66px; left: 6px; width: 385px; height: 385px; max-width: none; pointer-events: none; }
.direction-watermark { position: absolute; right: 0; bottom: 0; width: 378px; height: 242px; max-width: none; pointer-events: none; }
.direction-panel-content { position: relative; z-index: 1; padding: 138px 36px 50px 41px; }
.direction-number { margin: 0; font-family: "Anton", Impact, 'Arial Narrow', sans-serif; font-size: 44px; line-height: 1; }
.direction-panel-content .direction-accent { margin: 5px 0 40px; }
.direction-panel-content h3 { margin: 0 0 13px; font-family: "Anton", Impact, 'Arial Narrow', sans-serif; font-size: 19px; font-weight: 400; line-height: 1.2; }
.direction-panel-content > p:last-child { margin: 0; font-size: 16px; line-height: 30px; white-space: pre-line; }
@media (max-width: 1100px) {
  .our-direction-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .direction-intro-content { padding-right: 18px; }
  .direction-intro h2 { font-size: clamp(29px, 3.4vw, 40px); }
  .direction-panel-content { padding-right: 20px; padding-left: 28px; }
  .direction-panel-content > p:last-child { font-size: 15px; }
}
@media (max-width: 800px) {
  .our-direction-inner { width: 100%; grid-template-columns: minmax(0, 1fr); }
  .direction-intro-content, .direction-panel-content { padding: 64px max(24px, calc((100vw - 680px) / 2)) 68px; }
  .direction-intro h2 { font-size: clamp(34px, 7vw, 42px); }
  .direction-panel-content .direction-accent { margin-bottom: 32px; }
  .direction-map { top: -66px; left: 50%; transform: translateX(-50%); }
  .direction-watermark { right: 0; }
}