/* ═══════════════════════════════════════════════════════════
   ABOUT PAGE — MK-DEV-KBF v4
   ═══════════════════════════════════════════════════════════ */

/* ─────────── HERO ─────────── */
.ab-hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-deep)}
.ab-hero__bg{position:absolute;inset:0;z-index:0}
.ab-hero__bg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.2);animation:abBgZoom 25s ease-in-out infinite alternate}
.ab-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,26,25,0.2) 0%,rgba(2,26,25,0.6) 50%,var(--bg-deep) 100%);z-index:1}
.ab-hero__content{position:relative;z-index:2;text-align:center;padding:40px 24px;max-width:780px}
.ab-hero__badge{display:inline-block;padding:7px 24px;border:1px solid rgba(214,175,102,0.35);border-radius:999px;color:var(--gold);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-bottom:28px;opacity:0;transform:translateY(-18px);animation:abSlideIn .7s .3s cubic-bezier(.4,0,.2,1) forwards}
.ab-hero__title{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:600;line-height:1.15;margin-bottom:22px;opacity:0;transform:translateY(-18px);animation:abSlideIn .7s .5s cubic-bezier(.4,0,.2,1) forwards}
.ab-hero__title span{background:linear-gradient(135deg,#fff 30%,#D6AF66 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ab-hero__desc{font-size:1.05rem;color:rgba(255,255,255,0.55);line-height:1.9;max-width:620px;margin:0 auto;opacity:0;transform:translateY(-18px);animation:abSlideIn .7s .7s cubic-bezier(.4,0,.2,1) forwards}
.ab-hero__scroll{margin-top:40px;opacity:0;animation:abSlideIn .7s .9s cubic-bezier(.4,0,.2,1) forwards}
.ab-hero__scroll-line{width:2px;height:55px;background:linear-gradient(to bottom,var(--gold),transparent);margin:0 auto;border-radius:999px;animation:abScrollPulse 2s ease-in-out infinite}
@keyframes abBgZoom{0%{transform:scale(1)}100%{transform:scale(1.1)}}
@keyframes abSlideIn{to{opacity:1;transform:translateY(0)}}
@keyframes abScrollPulse{0%,100%{opacity:.6;height:55px}50%{opacity:1;height:65px}}

/* ─────────── SECTION COMMON ─────────── */
.ab-section{padding:clamp(40px,5vw,70px) 0;position:relative;z-index:1}
.ab-section__head{text-align:center;margin-bottom:40px}
.ab-section__tag{display:inline-block;color:var(--gold);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin-bottom:8px}
.ab-section__title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:600;margin-bottom:8px}
.ab-section__title span{color:var(--gold)}
.ab-section__sub{font-size:.88rem;color:rgba(255,255,255,0.4)}

/* ─────────── TIMELINE ─────────── */
.ab-tl{position:relative;max-width:820px;margin:0 auto;padding:10px 0}
/* Static dim track */
.ab-tl__line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(214,175,102,0.08);transform:translateX(-50%)}
/* Animated gold progress line */
.ab-tl__progress{position:absolute;left:50%;top:0;width:2px;height:0;background:linear-gradient(180deg,var(--gold),#e8c98a);transform:translateX(-50%);z-index:1;transition:none;box-shadow:0 0 8px rgba(214,175,102,0.3),0 0 20px rgba(214,175,102,0.1)}
.ab-tl__item{position:relative;display:flex;margin-bottom:55px}
.ab-tl__item:last-child{margin-bottom:0}
.ab-tl__item--r{padding-right:calc(50% + 32px)}
.ab-tl__item--l{padding-left:calc(50% + 32px)}
/* Dot — starts dim, lights up when reached */
.ab-tl__dot{position:absolute;left:50%;top:22px;width:14px;height:14px;background:rgba(214,175,102,0.15);border:2px solid rgba(214,175,102,0.2);border-radius:50%;transform:translateX(-50%) scale(0.6);box-shadow:none;z-index:2;transition:all .6s cubic-bezier(.4,0,.2,1)}
.ab-tl__dot.reached{background:var(--gold);border-color:var(--gold);transform:translateX(-50%) scale(1);box-shadow:0 0 0 6px rgba(214,175,102,0.15),0 0 20px rgba(214,175,102,0.3)}
@keyframes dotPulse{
    0%{box-shadow:0 0 0 0 rgba(214,175,102,0.4)}
    70%{box-shadow:0 0 0 14px rgba(214,175,102,0)}
    100%{box-shadow:0 0 0 0 rgba(214,175,102,0)}
}
.ab-tl__dot.pulse{animation:dotPulse .8s ease-out}
/* Card — starts faded, slides in when dot reached */
.ab-tl__card{background:rgba(255,255,255,0.025);backdrop-filter:blur(10px);border:1px solid rgba(214,175,102,0.08);border-radius:14px;padding:26px 24px;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0.2;transform:translateY(15px)}
.ab-tl__item--r .ab-tl__card{transform:translateY(15px) translateX(-20px)}
.ab-tl__item--l .ab-tl__card{transform:translateY(15px) translateX(20px)}
.ab-tl__item.tl-active .ab-tl__card{opacity:1;transform:translateY(0) translateX(0);border-color:rgba(214,175,102,0.15)}
.ab-tl__card:hover{border-color:rgba(214,175,102,0.3);transform:translateY(-4px);box-shadow:0 18px 45px rgba(0,0,0,0.2)}
.ab-tl__year{font-size:1.9rem;font-weight:600;color:var(--gold);display:block;margin-bottom:5px;line-height:1}
.ab-tl__name{font-size:1.15rem;font-weight:500;margin-bottom:8px}
.ab-tl__desc{font-size:.84rem;color:rgba(255,255,255,0.48);line-height:1.85}

/* ─────────── VALUES ─────────── */
.ab-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.ab-val{background:rgba(255,255,255,0.025);backdrop-filter:blur(10px);border:1px solid rgba(214,175,102,0.06);border-radius:16px;padding:38px 24px;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center}
.ab-val:hover{border-color:rgba(214,175,102,0.3);transform:translateY(-8px);box-shadow:0 25px 55px rgba(0,0,0,0.25)}
.ab-val__icon{width:68px;height:68px;background:rgba(214,175,102,0.07);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;transition:all .4s}
.ab-val:hover .ab-val__icon{background:rgba(214,175,102,0.18);transform:scale(1.12) rotate(5deg)}
.ab-val__icon .material-symbols-outlined{font-size:30px;color:var(--gold)}
.ab-val__title{font-size:1.15rem;font-weight:500;margin-bottom:10px}
.ab-val__desc{font-size:.84rem;color:rgba(255,255,255,0.48);line-height:1.85}

/* ─────────── GLOBAL MAP — SIDE BY SIDE ─────────── */
.ab-glob{display:grid;grid-template-columns:7fr 5fr;gap:30px;align-items:center}
.ab-glob__map-side{position:relative}
.ab-glob__map{aspect-ratio:16/10;background:#080e0e;border-radius:16px;border:1px solid rgba(214,175,102,0.1);overflow:hidden;position:relative;transition:all .5s}
.ab-glob__map:hover{border-color:rgba(214,175,102,0.25);box-shadow:0 20px 55px rgba(0,0,0,0.3)}
.ab-glob__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;z-index:1;transition:opacity .4s}
.ab-glob__map:hover .ab-glob__bg{opacity:.6}
.ab-glob__corner{position:absolute;width:18px;height:18px;z-index:3;transition:all .4s}
.ab-glob__corner--tl{top:10px;left:10px;border-top:2px solid rgba(214,175,102,0.2);border-left:2px solid rgba(214,175,102,0.2)}
.ab-glob__corner--tr{top:10px;right:10px;border-top:2px solid rgba(214,175,102,0.2);border-right:2px solid rgba(214,175,102,0.2)}
.ab-glob__corner--bl{bottom:10px;left:10px;border-bottom:2px solid rgba(214,175,102,0.2);border-left:2px solid rgba(214,175,102,0.2)}
.ab-glob__corner--br{bottom:10px;right:10px;border-bottom:2px solid rgba(214,175,102,0.2);border-right:2px solid rgba(214,175,102,0.2)}
.ab-glob__map:hover .ab-glob__corner{width:24px;height:24px;border-color:rgba(214,175,102,0.4)}
.ab-glob__text-side{position:relative}
.ab-glob__title{font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:600;line-height:1.25;margin-bottom:14px}
.ab-glob__title span{color:var(--gold)}
.ab-glob__desc{color:rgba(255,255,255,0.45);line-height:1.85;font-size:.86rem;margin-bottom:24px}
.ab-glob__stats{display:flex;flex-direction:column;gap:10px}
.ab-glob__stat{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(214,175,102,0.06);transition:all .3s}
.ab-glob__stat:last-child{border-bottom:none}
.ab-glob__stat:hover{padding-right:8px}
.ab-glob__num{font-size:1.7rem;font-weight:600;color:var(--gold);min-width:60px}
.ab-glob__label{font-size:.82rem;color:rgba(255,255,255,0.55)}

/* ─────────── COMPANY STRUCTURE — INTERACTIVE ─────────── */
.cs{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.cs-level{display:flex;flex-direction:column;align-items:center}
.cs-hidden{display:none!important}
.cs-show{display:flex!important;animation:csReveal .5s cubic-bezier(.4,0,.2,1) forwards}
@keyframes csReveal{0%{opacity:0;transform:translateY(-15px)}100%{opacity:1;transform:translateY(0)}}
.cs-line{width:2px;height:24px;background:linear-gradient(to bottom,var(--gold),rgba(0,97,94,0.3));margin:0 auto;opacity:.4}
.cs-pill{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);user-select:none;position:relative}
.cs-pill:hover{transform:translateY(-2px)}
.cs-pill__text{font-size:.92rem;font-weight:500;letter-spacing:.03em}
.cs-pill__arrow{font-size:18px;transition:transform .4s;opacity:.5}
.cs-pill--gold{background:linear-gradient(135deg,rgba(214,175,102,0.15),rgba(214,175,102,0.05));border:1px solid rgba(214,175,102,0.3);color:var(--gold)}
.cs-pill--gold:hover{border-color:rgba(214,175,102,0.6);box-shadow:0 8px 30px rgba(214,175,102,0.12)}
.cs-pill--accent{background:linear-gradient(135deg,rgba(214,175,102,0.1),rgba(214,175,102,0.03));border:1px solid rgba(214,175,102,0.2);color:var(--gold)}
.cs-pill--teal{background:rgba(0,97,94,0.12);border:1px solid rgba(58,166,163,0.25);color:#3aa6a3}
.cs-pill--teal:hover{border-color:rgba(58,166,163,0.5);box-shadow:0 8px 25px rgba(58,166,163,0.1)}
.cs-pulse{animation:csPulseGlow 2s ease-in-out infinite}
@keyframes csPulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(214,175,102,0)}50%{box-shadow:0 0 0 10px rgba(214,175,102,0.1)}}
.cs-hbar{width:90%;max-width:850px;height:2px;background:linear-gradient(90deg,transparent,rgba(214,175,102,0.25),transparent);margin:0 auto;position:relative}
.cs-subs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;width:100%}
.cs-sub{background:rgba(255,255,255,0.03);border:1px solid rgba(214,175,102,0.08);border-radius:12px;padding:20px 14px;transition:all .4s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px;animation:csSubPop .4s cubic-bezier(.4,0,.2,1) both}
.cs-sub:nth-child(1){animation-delay:.05s}.cs-sub:nth-child(2){animation-delay:.1s}
.cs-sub:nth-child(3){animation-delay:.15s}.cs-sub:nth-child(4){animation-delay:.2s}
.cs-sub:nth-child(5){animation-delay:.25s}.cs-sub:nth-child(6){animation-delay:.3s}
.cs-sub:nth-child(7){animation-delay:.35s}.cs-sub:nth-child(8){animation-delay:.4s}
@keyframes csSubPop{0%{opacity:0;transform:translateY(-10px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}
.cs-sub:hover{border-color:rgba(214,175,102,0.35);transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.2)}
.cs-sub__logo{max-width:80px;max-height:50px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;transition:all .3s}
.cs-sub:hover .cs-sub__logo{opacity:1;transform:scale(1.08)}
.cs-sub__name{font-size:.78rem;font-weight:500;color:var(--gold);letter-spacing:.02em}
.cs-sub__desc{font-size:.68rem;color:rgba(255,255,255,0.4);margin-top:3px}

/* ─────────── RESPONSIVE ─────────── */
@media(max-width:1024px){
    .cs-subs{grid-template-columns:repeat(3,1fr)}
    .ab-glob{grid-template-columns:1fr;gap:25px}
}
@media(max-width:768px){
    .ab-hero{min-height:70vh}
    .ab-tl__line,.ab-tl__progress{left:16px}
    .ab-tl__item--r,.ab-tl__item--l{padding-right:0;padding-left:48px}
    .ab-tl__dot{left:16px}
    .ab-tl__item--r .ab-tl__card,.ab-tl__item--l .ab-tl__card{transform:translateY(15px) translateX(15px)}
    .ab-vals{grid-template-columns:1fr 1fr;gap:10px}
    .ab-val{padding:24px 14px;font-size:.9em}
    .ab-val__icon{width:52px;height:52px;margin-bottom:12px}
    .ab-val__icon .material-symbols-outlined{font-size:24px}
    .ab-val__title{font-size:1rem;margin-bottom:6px}
    .ab-val__desc{font-size:.76rem}
    .cs-subs{grid-template-columns:repeat(2,1fr)}
    .cs-pill{padding:12px 20px}
}
@media(max-width:480px){
    .ab-hero{min-height:60vh}
    .cs-subs{grid-template-columns:1fr 1fr;gap:8px}
}

/* ─────────── VISION & MISSION ─────────── */
.ab-vm{display:flex;align-items:stretch;gap:0;max-width:950px;margin:0 auto}
.ab-vm__card{flex:1;background:rgba(255,255,255,0.025);backdrop-filter:blur(12px);border:1px solid rgba(214,175,102,0.08);border-radius:18px;padding:45px 35px;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.ab-vm__card:hover{border-color:rgba(214,175,102,0.25);transform:translateY(-6px);box-shadow:0 25px 60px rgba(0,0,0,0.2)}
.ab-vm__icon{width:72px;height:72px;background:rgba(214,175,102,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all .4s}
.ab-vm__icon .material-symbols-outlined{font-size:32px;color:var(--gold)}
.ab-vm__card:hover .ab-vm__icon{background:rgba(214,175,102,0.18);transform:scale(1.1)}
.ab-vm__gold-line{width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 18px;border-radius:2px}
.ab-vm__title{font-size:1.3rem;font-weight:600;color:var(--gold);margin-bottom:14px}
.ab-vm__text{font-size:.92rem;color:rgba(255,255,255,0.55);line-height:2}
.ab-vm__divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 25px;gap:8px}
.ab-vm__divider-line{width:2px;height:40px;background:linear-gradient(180deg,transparent,rgba(214,175,102,0.3),transparent);border-radius:2px}
.ab-vm__divider-dot{width:10px;height:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 15px rgba(214,175,102,0.3)}
@media(max-width:768px){
    .ab-vm{flex-direction:column;gap:20px}
    .ab-vm__divider{flex-direction:row;padding:5px 0}
    .ab-vm__divider-line{width:40px;height:2px}
    .ab-vm__card{padding:30px 22px}
}

/* ─────────── CHAIRMAN'S WORD ─────────── */
.ab-chair {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    overflow: visible;
}
.ab-chair__deco-line {
    position: absolute;
    top: -30px;
    right: 50%;
    transform: translateX(50%);
    width: 1px;
    height: 60px;
    background: linear-gradient(to bottom, transparent, var(--gold));
}
[dir="ltr"] .ab-chair__deco-line { right: auto; left: 50%; transform: translateX(-50%); }
.ab-chair__deco-glow {
    position: absolute;
    top: 20%;
    right: -80px;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(214,175,102,0.06), transparent 70%);
    pointer-events: none;
    border-radius: 50%;
}
[dir="ltr"] .ab-chair__deco-glow { right: auto; left: -80px; }

.ab-chair__inner {
    display: flex;
    align-items: stretch;
    gap: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(214,175,102,0.03) 100%);
    border: 1px solid rgba(214,175,102,0.1);
    border-radius: 24px;
    overflow: hidden;
    min-height: 320px;
}

/* Photo side */
.ab-chair__photo {
    flex-shrink: 0;
    width: 280px;
    background: linear-gradient(160deg, rgba(10,61,58,0.95), rgba(5,35,33,0.98));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 40px 30px;
    position: relative;
}
.ab-chair__photo::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(214,175,102,0.3), transparent);
}
[dir="rtl"] .ab-chair__photo::after { left: auto; right: 0; }

.ab-chair__photo-ring {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    padding: 4px;
    background: linear-gradient(135deg, var(--gold), rgba(214,175,102,0.3), var(--gold));
    position: relative;
    animation: ringRotate 8s linear infinite;
}
@keyframes ringRotate {
    0% { background: linear-gradient(0deg, var(--gold), rgba(214,175,102,0.15), var(--gold)); }
    25% { background: linear-gradient(90deg, var(--gold), rgba(214,175,102,0.15), var(--gold)); }
    50% { background: linear-gradient(180deg, var(--gold), rgba(214,175,102,0.15), var(--gold)); }
    75% { background: linear-gradient(270deg, var(--gold), rgba(214,175,102,0.15), var(--gold)); }
    100% { background: linear-gradient(360deg, var(--gold), rgba(214,175,102,0.15), var(--gold)); }
}

.ab-chair__photo-frame {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--bg-deep);
}
.ab-chair__photo-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ab-chair__photo .ab-chair__info {
    text-align: center;
    border: none;
    padding: 0;
}

/* Content / Quote side */
.ab-chair__content {
    flex: 1;
    padding: 50px 50px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.ab-chair__quote-icon {
    display: flex;
    gap: 6px;
    margin-bottom: 20px;
}
.ab-chair__quote-icon span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(214,175,102,0.12), rgba(214,175,102,0.04));
    border: 1px solid rgba(214,175,102,0.15);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.6rem;
    color: var(--gold);
    line-height: 1;
}

.ab-chair__quote {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.72);
    line-height: 2.2;
    font-style: normal;
    margin-bottom: 30px;
    position: relative;
    padding-right: 0;
}

.ab-chair__signature {
    height: 50px;
    width: auto;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.35;
    margin-bottom: 16px;
}

.ab-chair__info {
    padding: 0;
    border: none;
}
.ab-chair__info--inline {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ab-chair__info-line {
    width: 50px;
    height: 2px;
    background: linear-gradient(to left, var(--gold), transparent);
    flex-shrink: 0;
}
[dir="ltr"] .ab-chair__info-line { background: linear-gradient(to right, var(--gold), transparent); }

.ab-chair__name {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--gold);
    margin-bottom: 4px;
}
.ab-chair__role {
    font-size: .8rem;
    color: rgba(255,255,255,0.4);
    letter-spacing: .04em;
    text-transform: uppercase;
}

@media(max-width:768px) {
    .ab-chair__inner {
        flex-direction: column;
        border-radius: 20px;
    }
    .ab-chair__photo {
        width: 100%;
        padding: 30px 20px;
        flex-direction: row;
        gap: 20px;
        justify-content: center;
    }
    .ab-chair__photo::after {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, transparent, rgba(214,175,102,0.3), transparent);
    }
    .ab-chair__photo-ring {
        width: 90px;
        height: 90px;
    }
    .ab-chair__photo .ab-chair__info {
        text-align: right;
    }
    [dir="ltr"] .ab-chair__photo .ab-chair__info { text-align: left; }
    .ab-chair__content {
        padding: 30px 25px;
    }
    .ab-chair__quote-icon span {
        width: 34px;
        height: 34px;
        font-size: 1.2rem;
    }
    .ab-chair__quote {
        font-size: .95rem;
        line-height: 2;
    }
    .ab-chair__info--inline {
        justify-content: center;
    }
    .ab-chair__deco-line { display: none; }
}

/* ══════════════════════════════════════════════════════════
   CORPORATE PROFILE — Premium Card Design
   ══════════════════════════════════════════════════════════ */
.cp-wrapper {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 1rem;
}

.cp-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.cp-card__glow {
    position: absolute;
    top: -1px; left: -1px; right: -1px; bottom: -1px;
    border-radius: 21px;
    background: conic-gradient(
        from 0deg,
        transparent 0%,
        rgba(214,175,102,0.3) 10%,
        transparent 20%,
        transparent 50%,
        rgba(214,175,102,0.2) 60%,
        transparent 70%
    );
    animation: cpGlowSpin 8s linear infinite;
    z-index: 0;
}

@keyframes cpGlowSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.cp-card__border {
    position: absolute;
    inset: 1px;
    border-radius: 19px;
    border: 1px solid rgba(214,175,102,0.12);
    z-index: 1;
    pointer-events: none;
}

.cp-card__inner {
    position: relative;
    z-index: 2;
    background: linear-gradient(160deg, rgba(20,99,94,0.6) 0%, rgba(15,35,34,0.8) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 19px;
    padding: 50px 45px;
    text-align: center;
}

.cp-card__quote-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(214,175,102,0.12), rgba(214,175,102,0.04));
    border: 1px solid rgba(214,175,102,0.15);
    margin-bottom: 28px;
}

.cp-card__quote-icon .material-symbols-outlined {
    font-size: 26px;
    color: var(--gold, #d6af66);
    opacity: 0.7;
}

.cp-card__text {
    font-size: 1.05rem;
    line-height: 2;
    margin: 0;
}

.cp-card__text--main {
    color: rgba(255,255,255,0.85);
}

.cp-card__text--sub {
    color: rgba(255,255,255,0.55);
}

.cp-card__divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 28px 0;
}

.cp-card__divider-line {
    display: block;
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(214,175,102,0.3), transparent);
}

.cp-card__divider-diamond {
    color: rgba(214,175,102,0.4);
    font-size: 8px;
}

.cp-card__pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.cp-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    background: rgba(214,175,102,0.06);
    border: 1px solid rgba(214,175,102,0.12);
    border-radius: 999px;
    color: rgba(214,175,102,0.7);
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: all 0.3s;
}

.cp-pill .material-symbols-outlined {
    font-size: 15px;
}

.cp-pill:hover {
    background: rgba(214,175,102,0.12);
    border-color: rgba(214,175,102,0.25);
    color: var(--gold, #d6af66);
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .cp-card__inner {
        padding: 35px 24px;
    }
    .cp-card__text {
        font-size: 0.95rem;
        line-height: 1.9;
    }
    .cp-card__pills {
        gap: 8px;
    }
    .cp-pill {
        font-size: 0.72rem;
        padding: 5px 12px;
    }
}

/* Chairman photo placeholder */
.ab-chair__photo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(20,99,94,0.8), rgba(10,46,43,0.9));
}
.ab-chair__photo-placeholder span {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--gold);
    opacity: 0.6;
    letter-spacing: 0.1em;
}