/* ===== About: interactive globe card (ember-orange, like the reference) ===== */
.globe-card{--og:#F2773A;--og-d:rgba(242,119,58,.55);position:relative;border:1px solid #26211f;border-radius:26px;padding:26px 22px 22px;background:radial-gradient(110% 60% at 50% 40%,rgba(240,110,40,.07),transparent 65%),#121110;overflow:hidden;box-shadow:0 30px 70px -34px rgba(0,0,0,.85);touch-action:pan-y;}
.gc-head{text-align:center;margin-bottom:6px;}
.gc-head h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.025em;font-weight:600;}
.gc-head p{color:#a6a19c;font-size:14.5px;margin-top:6px;}
.gc-stage{position:relative;height:460px;}
#globe{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;}
.gc-box{position:absolute;width:37%;padding:14px 15px 15px;border:1px dashed var(--og-d);background:rgba(16,14,13,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.gc-box::before,.gc-box::after{content:"";position:absolute;width:12px;height:12px;border:0 solid var(--og);}
.gc-box::before{top:-1px;left:-1px;border-width:2px 0 0 2px;}
.gc-box::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;}
.gc-box .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--og);display:block;margin-bottom:8px;}
.gc-box b{display:block;font-size:15px;line-height:1.3;font-weight:600;color:#fff;}
.gc-box small{display:block;margin-top:7px;font-size:11.5px;line-height:1.5;color:#a6a19c;}
.gb-office{top:0;left:0;} .gb-clients{top:0;right:0;} .gb-expertise{bottom:0;left:0;} .gb-reach{bottom:0;right:0;width:30%;padding:11px 12px 12px;}
.gb-office .loc{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:5px 12px 5px 5px;border:1px solid var(--og-d);border-radius:999px;font-size:11.5px;color:#fff;background:rgba(242,119,58,.1);transition:.25s;}
.gb-office .loc:hover{background:rgba(242,119,58,.24);}
.gb-office .loc i{width:20px;height:20px;border-radius:50%;background:var(--og);display:grid;place-items:center;}
.gb-office .loc svg{width:11px;height:11px;stroke:#1a0d06;fill:none;stroke-width:2.4;}
.gb-reach .k{margin-bottom:5px;font-size:9px;}
.gb-reach .big{font-size:19px;font-weight:700;color:var(--og);letter-spacing:-.02em;line-height:1.1;margin-bottom:7px;}
.flags{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.flags span{display:flex;align-items:center;gap:5px;border:1px solid #2f2926;border-radius:6px;padding:3px 5px;font-size:10px;color:#fff;background:rgba(255,255,255,.03);white-space:nowrap;}
.flags svg{width:14px;height:10px;border-radius:2px;flex:none;}
.gb-expertise b .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--og);margin:0 2px 2px 3px;vertical-align:middle;}
.gb-vision{position:relative;width:auto;margin-top:12px;text-align:center;padding:16px 18px 17px;}
.gb-vision b{font-size:17px;}
.gb-vision small{font-size:12.5px;max-width:420px;margin-left:auto;margin-right:auto;}
@media(max-width:1100px){.gc-box{width:40%;} .gb-reach{width:34%;} .gc-stage{height:440px;}}
@media(max-width:640px){
  .globe-card{padding:22px 16px 16px;border-radius:22px;}
  .gc-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:clamp(230px,68vw,290px);}
  #globe{inset:0 0 auto 0;height:clamp(230px,68vw,290px);}
  .gc-box,.gb-reach{position:relative;width:auto;inset:auto;}
  .gb-office,.gb-reach{grid-column:1/-1;}
  .gc-box b{font-size:14px;}
  .flags{grid-template-columns:repeat(4,auto);justify-content:start;}
}