/* NODE GLOBAL LOGISTICS — ABOUT PAGE */

.about-hero {
  background-image: url("images/index_img_3.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}


.about-hero-placeholder{
    position:absolute;
    inset:0;
    z-index:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;text-align:center;
    background:linear-gradient(135deg,#162c45 0%,#0a3562 48%,#9c7838 100%);
    color:rgba(255,255,255,.4)
}

.about-hero-placeholder span{
    font-size:1.15rem;
    font-weight:700;
    letter-spacing:.06em
}

.about-hero-placeholder small{
    font-size:.78rem;font-weight:500
}

.about-intro-layout{
    display:grid;
    grid-template-columns:1fr .95fr;
    gap:56px;align-items:center
}

.about-intro-copy h2,.global-reach-copy h2,.technology-copy h2,.team-copy h2{
    color:var(--navy);
    font-size:clamp(2rem,4vw,2.7rem);
    line-height:1.15;
    text-transform:uppercase
}

.about-intro-copy>p:not(.section-kicker),.global-reach-copy>p:not(.section-kicker),.technology-copy>p:not(.section-kicker),.team-copy>p:not(.section-kicker){margin-top:14px;color:var(--muted);font-size:.92rem}
.about-image-placeholder,.technology-image-placeholder,.team-image-placeholder,.world-map-placeholder{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;text-align:center;
    border:1px dashed rgba(11,45,99,.25);
    border-radius:var(--radius);
    background:linear-gradient(135deg,#eef3f8 0%,#dfe8f1 55%,#cbd8e4 100%);
    color:var(--navy);
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.04em
}

.about-image-placeholder{
    min-height:360px
}

.about-image-placeholder small,.technology-image-placeholder small,.team-image-placeholder small,.world-map-placeholder small{
    max-width:390px;
    padding-inline:20px;
    color:var(--muted);
    font-size:.72rem;
    font-weight:500;
    letter-spacing:0
}

.mission-vision-section{padding:56px 0;background:var(--off-white)}.mission-vision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.mission-card{display:grid;grid-template-columns:82px 1fr;gap:22px;align-items:flex-start;padding:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}
.mission-icon-placeholder{width:78px;height:78px;display:grid;place-items:center;border:1px solid rgba(199,154,59,.75);border-radius:50%;background:var(--navy);color:var(--gold-light);font-size:.62rem;font-weight:800}
.mission-card h2{margin-top:1px;color:var(--navy);font-size:1.55rem;text-transform:uppercase}.mission-card p:last-child{margin-top:10px;color:var(--muted);font-size:.87rem}

.about-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.about-service-item{padding:28px 22px;text-align:center;border-right:1px solid var(--border)}.about-service-item:last-child{border-right:0}

.about-service-icon{
    width:66px;
    height:66px;
    display:grid;
    place-items:center;
    margin:0 auto 16px;
    border:1px solid rgba(199,154,59,.7);
    border-radius:50%;
    background:rgba(11,45,99,.04);
    color:var(--gold);
    font-size:.6rem;
    font-weight:800
}

.about-service-item h3{color:var(--navy);font-family:"Inter",sans-serif;font-size:.88rem;text-transform:uppercase}.about-service-item p{margin-top:8px;color:var(--muted);font-size:.8rem}.center-action{margin-top:30px;text-align:center}

.values-section{padding:66px 0;background:linear-gradient(180deg,#f7f8fb 0%,#f2f5f9 100%)}.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.value-card{padding:26px 18px;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--white)}

.value-icon{
    width:60px;
    height:60px;
    display:grid;
    place-items:center;
    margin:0 auto 14px;
    /*border:1px solid var(--navy);*/
    border-radius:50%;color:var(--gold);
    font-size:.58rem;
    font-weight:800
}

.value-card h3{color:var(--navy);font-family:"Inter",sans-serif;font-size:.85rem;text-transform:uppercase}.value-card p{margin-top:8px;color:var(--muted);font-size:.77rem}

.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #cfd9e5;border-radius:var(--radius);background:var(--white)}.approach-step{position:relative;min-height:220px;padding:36px 24px 28px;text-align:center;border-right:1px solid var(--border)}.approach-step:last-child{border-right:0}
.approach-number{position:absolute;top:14px;left:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--white);font-family:"Oswald",sans-serif;font-size:.82rem;font-weight:700}

.approach-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    margin:12px auto 15px;
    /*border:1px dashed rgba(11,45,99,.3);*/
    border-radius:50%;
    color:var(--navy);
    font-size:.58rem;font-weight:800
}

.approach-step h3{color:var(--navy);font-size:1rem;text-transform:uppercase}.approach-step p{margin-top:8px;color:var(--muted);font-size:.78rem}

.global-reach-section{padding:64px 0;background:#eef4fa}.global-reach-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center}.world-map-placeholder{min-height:330px;border-color:rgba(11,45,99,.18);background:radial-gradient(circle at 40% 45%,#f9fbfd 0%,#e8eff6 48%,#d5e0ea 100%)}.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;margin-top:24px}.region-grid span{position:relative;padding-left:19px;color:var(--navy);font-size:.8rem;font-weight:700}.region-grid span:before{content:"●";position:absolute;left:0;color:var(--gold)}

.technology-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:center}.technology-image-placeholder{min-height:300px}.team-section{padding:64px 0;background:var(--off-white)}.team-layout{display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center}.team-image-placeholder{min-height:300px}

.about-image-placeholder,
.world-map-placeholder,
.technology-image-placeholder,
.team-image-placeholder {
  overflow: hidden;
}

.about-image-placeholder img,
.world-map-placeholder img,
.technology-image-placeholder img,
.team-image-placeholder img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}



@media(max-width:1050px){.about-intro-layout,.global-reach-layout,.technology-layout,.team-layout{grid-template-columns:1fr}.mission-vision-grid{grid-template-columns:1fr}.about-service-grid{grid-template-columns:repeat(2,1fr)}.about-service-item:nth-child(2){border-right:0}.values-grid{grid-template-columns:repeat(3,1fr)}.approach-grid{grid-template-columns:repeat(2,1fr)}.approach-step:nth-child(2){border-right:0}.approach-step:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:620px){.about-intro-layout,.global-reach-layout,.technology-layout,.team-layout{gap:32px}.mission-card{grid-template-columns:1fr;padding:26px 22px}.about-service-grid,.values-grid,.approach-grid{grid-template-columns:1fr}.about-service-item{border-right:0;border-bottom:1px solid var(--border)}.about-service-item:last-child{border-bottom:0}.approach-step{border-right:0;border-bottom:1px solid var(--border)}.approach-step:last-child{border-bottom:0}.region-grid{grid-template-columns:1fr}.about-image-placeholder,.world-map-placeholder,.technology-image-placeholder,.team-image-placeholder{min-height:260px}}