/* Company introduction only. */
.yunam-intro { color: #161616; }
.yunam-intro h2, .yunam-intro h3, .yunam-intro p { word-break: keep-all; overflow-wrap: break-word; }
.yunam-intro h2 { font-size: clamp(28px, 3.2vw, 46px); line-height: 1.4; font-weight: 800; letter-spacing: -.035em; margin: 0; color: #111; }
.yunam-intro .yunam-intro-performance { margin-top: clamp(72px, 9vw, 140px); text-align: center; }
.yunam-intro .yunam-intro-lead { margin: 24px 0 0; font-size: clamp(17px, 1.8vw, 24px); line-height: 1.7; color: #626262; }
.yunam-intro .yunam-intro-metrics { display: flex; align-items: center; justify-content: center; margin-top: 56px; }
.yunam-intro .yunam-intro-metric { box-sizing: border-box; flex: 0 0 35%; aspect-ratio: 1; border: 2px solid #dedede; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 36px 28px; background: #fff; position: relative; }
.yunam-intro .yunam-intro-metric + .yunam-intro-metric { margin-left: -3%; }
.yunam-intro .yunam-intro-metric-accent { border-color: #409fd1; z-index: 1; }
.yunam-intro .yunam-intro-number { font-size: clamp(48px, 5.2vw, 76px); font-weight: 800; line-height: 1.1; margin: 0; color: #111; white-space: nowrap; }
.yunam-intro .yunam-intro-number span { font-size: .66em; }
.yunam-intro .yunam-intro-metric-accent .yunam-intro-number { color: #163e70; }
.yunam-intro .yunam-intro-divider { display: block; flex-shrink: 0; width: 64px; height: 5px; background: #111; margin: 28px 0; }
.yunam-intro .yunam-intro-metric h3 { font-size: clamp(20px, 1.9vw, 27px); font-weight: 700; line-height: 1.4; margin: 0 0 10px; color: #555; }
.yunam-intro .yunam-intro-detail { font-size: 16px; line-height: 1.6; color: #626262; margin: 0; }
.yunam-intro .yunam-intro-message { position: relative; margin-top: clamp(80px, 10vw, 160px); padding: 60px 5% 0 10%; }
.yunam-intro .yunam-intro-quote { position: absolute; left: 0; top: 0; font-family: Georgia, serif; font-size: 120px; line-height: 1; color: #111; }
.yunam-intro .yunam-intro-message-body { margin-top: 40px; font-size: clamp(18px, 2.2vw, 28px); line-height: 1.8; color: #626262; }
.yunam-intro .yunam-intro-message-body p { margin: 0 0 24px; }
.yunam-intro .yunam-intro-signature { margin: 48px 0 0; text-align: right; color: #626262; font-size: clamp(18px, 2vw, 26px); }
.yunam-intro .yunam-intro-signature strong { display: inline-block; margin-left: 12px; font-size: 1.5em; color: #111; }
@media (max-width: 1199px) {
    .yunam-intro .yunam-intro-metrics { flex-direction: column; }
    .yunam-intro .yunam-intro-metric { flex: none; width: 420px; max-width: 100%; }
    .yunam-intro .yunam-intro-metric + .yunam-intro-metric { margin-left: 0; margin-top: -12px; }
}
@media (max-width: 575px) {
    .yunam-intro .yunam-intro-metrics { margin-top: 36px; }
    .yunam-intro .yunam-intro-metric { padding: 32px 22px; min-height: 300px; }
    .yunam-intro .yunam-intro-number { font-size: 50px; }
    .yunam-intro .yunam-intro-divider { width: 48px; margin: 20px 0; }
    .yunam-intro .yunam-intro-detail { font-size: 14px; }
    .yunam-intro .yunam-intro-message { padding: 68px 0 0; }
    .yunam-intro .yunam-intro-quote { font-size: 96px; }
    .yunam-intro .yunam-intro-message-body { margin-top: 28px; }
}