.about-globe-section{position:relative;isolation:isolate;min-height:790px;overflow:hidden;background:#080b0b;color:#f1eee5;padding-top:clamp(72px,8vw,110px);padding-bottom:clamp(80px,9vw,128px)}
.about-globe-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 73% 48%,rgba(34,57,63,.48),transparent 43%),linear-gradient(120deg,#080b0b,#101614 55%,#080b0b)}
.about-globe-section .section-index{position:relative;z-index:1;color:rgba(237,233,222,.52);margin-bottom:32px}
.about-globe-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(24px,4vw,64px);min-height:560px}
.about-globe-copy{position:relative;z-index:2;max-width:510px}
.about-globe-copy h2{max-width:560px;margin:0 0 22px;color:#f2eee4;font-size:clamp(48px,6.1vw,86px);line-height:.94;letter-spacing:-.075em;font-weight:500}
.about-globe-copy h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.065em;color:#d49b70}
.about-globe-copy>p{max-width:400px;margin:0 0 33px;color:rgba(237,233,222,.67);font-size:14px;line-height:1.7}
.about-globe-visual{position:relative;min-width:0;min-height:570px;display:grid;place-items:center}
.about-globe-visual:before{content:"";position:absolute;left:50%;top:49%;width:min(42vw,530px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(74,111,121,.2),rgba(39,64,70,.1) 48%,transparent 72%);pointer-events:none}
.about-globe-canvas{position:absolute;inset:0;width:100%;height:100%;min-height:570px;touch-action:pan-y}
.globe3d-root canvas{display:block;width:100%;height:100%;outline:none}
.globe-marker{position:relative;display:grid;justify-items:center;width:max-content;pointer-events:auto}
.globe-marker-button{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:50%;padding:2px;background:#101619;box-shadow:0 0 0 4px rgba(230,240,237,.1),0 5px 20px rgba(0,0,0,.38);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.globe-marker-button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.globe-marker-button:hover,.globe-marker-button:focus-visible,.globe-marker.is-hovered .globe-marker-button{transform:scale(1.2);box-shadow:0 0 0 6px rgba(220,155,108,.2),0 0 22px rgba(237,139,84,.52);outline:none}
.globe-marker-label{position:absolute;top:calc(100% + 7px);left:50%;width:max-content;max-width:150px;transform:translateX(-50%) translateY(4px);padding:6px 9px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(9,13,14,.88);color:#f3eee4;font:9px/1.2 var(--mono);letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}
.globe-marker.is-hovered .globe-marker-label{opacity:1;transform:translateX(-50%) translateY(0)}
.about-globe-caption{position:absolute;left:50%;bottom:20px;z-index:4;display:flex;align-items:center;gap:9px;transform:translateX(-50%);color:rgba(239,235,225,.6);font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.globe-caption-pulse{width:6px;height:6px;border-radius:50%;background:#d58759;box-shadow:0 0 10px #e0814d;animation:globe-pulse 2.2s ease-in-out infinite}
.about-globe-coordinate{position:absolute;right:9px;bottom:24px;color:rgba(239,235,225,.35);font:7px/1.8 var(--mono);letter-spacing:.09em;text-align:right;pointer-events:none}
.globe-city-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15)}
.globe-city-button{position:relative;display:grid;grid-template-columns:28px 1fr auto 16px;align-items:center;gap:9px;min-height:61px;padding:10px 9px 10px 0;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:transparent;color:#ede9de;text-align:left;cursor:pointer;transition:color .18s,background .18s}
.globe-city-button:nth-child(odd){padding-right:14px}
.globe-city-button:nth-child(even){padding-left:14px;border-left:1px solid rgba(255,255,255,.13)}
.globe-city-number{color:rgba(237,233,222,.38);font:8px var(--mono);letter-spacing:.05em}
.globe-city-name{font-size:clamp(11px,1.1vw,14px);white-space:nowrap}
.globe-city-code{color:rgba(237,233,222,.42);font:8px var(--mono)}
.globe-city-button b{font-size:13px;font-weight:400;opacity:.38;transition:opacity .18s,transform .18s}
.globe-city-button:hover,.globe-city-button:focus-visible,.globe-city-button.is-active{color:#f3b287;outline:none;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent)}
.globe-city-button:hover b,.globe-city-button:focus-visible b,.globe-city-button.is-active b{opacity:1;transform:translate(2px,-2px)}
.globe-loading{padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:rgba(8,11,11,.8);color:rgba(242,238,228,.7);font:10px var(--mono);white-space:nowrap}
.globe-fallback{display:grid;place-items:center;width:100%;height:100%;color:#e9e0d0;text-align:center;font:12px var(--sans)}
.about-globe-fallback{min-height:560px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center;gap:40px;color:#f2eee4}
.about-globe-fallback h2{font-size:clamp(48px,6vw,86px);line-height:.94;letter-spacing:-.075em;font-weight:500}
.about-globe-fallback h2 em{font-family:var(--serif);color:#d49b70}
.globe-static-earth{width:min(38vw,470px);aspect-ratio:1;justify-self:center;border-radius:50%;background:radial-gradient(circle at 33% 28%,rgba(111,157,153,.35),transparent 38%),url('/assets/earth-color.webp') center/cover,#10191b;box-shadow:inset -45px -22px 70px #020607cc,0 0 65px #71919b20}
@keyframes globe-pulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
@media(max-width:900px){.about-globe-section{min-height:0}.about-globe-layout{grid-template-columns:1fr;gap:8px}.about-globe-copy{max-width:680px}.about-globe-copy h2{font-size:clamp(46px,8vw,72px)}.about-globe-copy>p{margin-bottom:24px}.globe-city-list{max-width:540px}.about-globe-visual{min-height:490px}.about-globe-canvas{min-height:490px}.about-globe-visual:before{width:min(65vw,470px)}.about-globe-coordinate{right:4px}.about-globe-fallback{grid-template-columns:1fr;gap:10px}.globe-static-earth{width:min(65vw,420px)}}
@media(max-width:600px){.about-globe-section{padding:72px 22px 88px}.about-globe-section .section-index{margin-bottom:28px}.about-globe-layout{gap:0}.about-globe-copy h2{font-size:clamp(44px,11.5vw,62px);margin-bottom:17px}.about-globe-copy>p{font-size:13px;margin-bottom:20px}.globe-city-button{min-height:54px;grid-template-columns:22px 1fr auto 12px;gap:5px;padding-top:8px;padding-bottom:8px}.globe-city-button:nth-child(odd){padding-right:9px}.globe-city-button:nth-child(even){padding-left:9px}.globe-city-name{font-size:11px}.about-globe-visual{min-height:370px;margin:0 -15px}.about-globe-canvas{min-height:370px}.about-globe-caption{bottom:12px;font-size:7px}.about-globe-coordinate{right:10px;bottom:14px;font-size:6px}.about-globe-visual:before{width:88vw}.globe-marker-button{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.globe-caption-pulse{animation:none}.globe-marker-button,.globe-marker-label,.globe-city-button,.globe-city-button b{transition:none}}

/* The HTML version remains complete while WebGL is loading or unavailable. */
.about-globe-fallback .about-globe-copy{position:relative;z-index:3;max-width:520px}
.about-globe-fallback .about-globe-copy>p{max-width:420px;color:rgba(237,233,222,.68);font-size:14px;line-height:1.7;margin:0 0 28px}
.about-globe-fallback .globe-city-list{max-width:520px}
.about-globe-fallback-visual{min-height:560px;overflow:visible}
.about-globe-fallback-visual:before{width:min(42vw,560px);background:radial-gradient(circle,rgba(83,132,146,.28),rgba(60,88,96,.12) 45%,transparent 72%);filter:blur(8px)}
.globe-static-earth{position:relative;z-index:1;overflow:visible;width:min(38vw,470px);aspect-ratio:1;justify-self:center;border-radius:50%;background:radial-gradient(circle at 33% 28%,rgba(111,157,153,.35),transparent 38%),url('/assets/earth-color.webp') center/cover,#10191b;box-shadow:inset -45px -22px 70px #020607cc,0 0 65px #71919b20,0 0 120px rgba(97,159,175,.12);animation:globe-fallback-float 7s ease-in-out infinite}
.globe-static-earth:before{content:"";position:absolute;inset:0;border:1px solid rgba(198,224,229,.36);border-radius:50%;background:radial-gradient(ellipse at 34% 28%,transparent 32%,rgba(2,8,12,.12) 58%,rgba(1,5,8,.66) 100%);box-shadow:inset -44px -18px 64px rgba(0,0,0,.7),inset 12px 8px 28px rgba(203,238,238,.12);pointer-events:none}
.globe-fallback-orbit{position:absolute;left:50%;top:49%;z-index:0;width:min(48vw,620px);height:min(16vw,196px);border:1px solid rgba(177,208,213,.29);border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg);pointer-events:none}
.globe-fallback-orbit:after{content:"";position:absolute;left:17%;top:12%;width:6px;height:6px;border-radius:50%;background:#e3ac81;box-shadow:0 0 12px 3px rgba(227,172,129,.6)}
.globe-fallback-orbit-one{animation:globe-orbit-drift 18s linear infinite}
.globe-fallback-orbit-two{width:min(38vw,500px);height:min(24vw,310px);transform:translate(-50%,-50%) rotate(52deg);border-color:rgba(110,165,179,.2);animation:globe-orbit-drift-reverse 24s linear infinite}
.globe-fallback-pin{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;min-width:12px;color:#f3eee4;text-decoration:none;transform:translate(-50%,-50%);transition:transform .25s ease,filter .25s ease}
.globe-fallback-pin img{width:25px;height:25px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:#11191a;box-shadow:0 0 0 4px rgba(255,255,255,.08),0 0 18px rgba(183,219,225,.22)}
.globe-fallback-pin span{padding:5px 8px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(7,12,14,.85);font:8px var(--mono);letter-spacing:.04em;opacity:0;white-space:nowrap;transition:opacity .2s ease}
.globe-fallback-pin:hover,.globe-fallback-pin:focus-visible,.globe-fallback-pin:target{z-index:4;transform:translate(-50%,-50%) scale(1.1);outline:none;filter:drop-shadow(0 0 10px rgba(223,162,117,.75))}
.globe-fallback-pin:hover span,.globe-fallback-pin:focus-visible span,.globe-fallback-pin:target span{opacity:1}
.pin-yerevan{left:65%;top:42%}.pin-dubai{left:69%;top:54%}.pin-moscow{left:62%;top:33%}.pin-los-angeles{left:27%;top:43%}
.about-globe-fallback .about-globe-caption{bottom:18px}
@keyframes globe-fallback-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes globe-orbit-drift{to{transform:translate(-50%,-50%) rotate(333deg)}}
@keyframes globe-orbit-drift-reverse{to{transform:translate(-50%,-50%) rotate(-308deg)}}
@media(max-width:900px){.about-globe-fallback{grid-template-columns:1fr;gap:4px}.about-globe-fallback .about-globe-copy{max-width:680px}.about-globe-fallback-visual{min-height:490px}.globe-static-earth{width:min(65vw,420px)}.globe-fallback-orbit{width:min(88vw,620px);height:min(31vw,196px)}.globe-fallback-orbit-two{width:min(72vw,500px);height:min(45vw,310px)}}
@media(max-width:600px){.about-globe-fallback-visual{min-height:390px;margin:0 -15px}.globe-static-earth{width:min(78vw,350px)}.globe-fallback-orbit{width:98vw;height:34vw}.globe-fallback-orbit-two{width:83vw;height:52vw}.globe-fallback-pin img{width:22px;height:22px}.about-globe-fallback .about-globe-caption{bottom:10px}}
@media(prefers-reduced-motion:reduce){.globe-static-earth,.globe-fallback-orbit-one,.globe-fallback-orbit-two{animation:none}}