/* ════════════════════════════════════════════════════════════════════════════
 * LIVE
 * Live earth section wrapper
 * ════════════════════════════════════════════════════════════════════════════
 */

/* ──────────  LIVE EARTH SECTION — full-bleed Three.js globe  ────────── */
.live-section{padding:160px 48px 200px;position:relative;overflow:hidden;border-top:1px solid var(--rule);background:radial-gradient(ellipse at 50% 50%,rgba(94,106,210,.12),rgba(2,2,3,1) 60%);}
.live-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='14' cy='37' r='.6'/%3E%3Ccircle cx='84' cy='128' r='.4'/%3E%3Ccircle cx='192' cy='28' r='.7'/%3E%3Ccircle cx='246' cy='162' r='.5'/%3E%3Ccircle cx='340' cy='84' r='.6'/%3E%3Ccircle cx='62' cy='312' r='.4'/%3E%3Ccircle cx='118' cy='220' r='.5'/%3E%3Ccircle cx='280' cy='256' r='.7'/%3E%3Ccircle cx='376' cy='318' r='.6'/%3E%3Ccircle cx='148' cy='364' r='.5'/%3E%3Ccircle cx='220' cy='52' r='.4'/%3E%3Ccircle cx='28' cy='200' r='.6'/%3E%3Ccircle cx='332' cy='240' r='.4'/%3E%3Ccircle cx='90' cy='80' r='.5'/%3E%3C/g%3E%3C/svg%3E");opacity:.5;}
.live-inner{max-width:1400px;margin:0 auto;position:relative;z-index:2;}
.live-stage{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;}
.live-canvas-wrap{position:relative;aspect-ratio:1;width:100%;max-width:560px;justify-self:center;}
.live-canvas-wrap canvas{display:block;width:100% !important;height:100% !important;border-radius:50%;}
.live-glow{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,rgba(94,106,210,.32) 0%,transparent 65%);filter:blur(40px);pointer-events:none;animation:vignette-pulse 6s ease-in-out infinite;}
.live-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;}
.live-info{display:flex;flex-direction:column;gap:24px;}
.live-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--periwinkle);display:inline-flex;align-items:center;gap:10px;}
.live-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 12px #3ddc84;animation:pulse-dot 1.4s ease-in-out infinite;}
.live-h2{font-weight:900;font-size:clamp(48px,7vw,120px);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;position:relative;will-change:transform,filter;animation:title-jitter 15s ease-in-out infinite 5s;}
.live-h2 em{
  font-family:'Inter',sans-serif;font-style:italic;font-weight:900;
  background:linear-gradient(90deg,var(--parme),var(--periwinkle),var(--indigo),var(--violet),var(--parme));
  background-size:300% 100%;
  background-clip:text;-webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 24px rgba(94,106,210,.45));
  animation:shimmer 6s ease-in-out infinite;
}
.live-h2::before{
  content:"";position:absolute;top:-15%;left:0;width:18%;height:130%;
  background:linear-gradient(90deg,transparent 0%,rgba(184,175,232,.55) 35%,rgba(255,255,255,.7) 50%,rgba(184,175,232,.55) 65%,transparent 100%);
  filter:blur(6px);pointer-events:none;z-index:3;mix-blend-mode:screen;
  transform:translateX(-220%) skewX(-14deg);
  animation:title-sweep 15s ease-in-out infinite 5s;
}
.live-city{font-weight:900;font-size:clamp(40px,5vw,80px);letter-spacing:-.04em;text-transform:uppercase;line-height:.95;}
.live-city .city-name{display:block;background:linear-gradient(90deg,var(--parme),var(--periwinkle),var(--violet));background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shimmer 5.5s ease-in-out infinite;}
.live-city .country-name{display:block;color:rgba(237,237,239,.4);font-size:.55em;font-weight:700;margin-top:.05em;}
.live-coord{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted);letter-spacing:.1em;border-top:1px solid var(--rule);padding-top:14px;}
.live-coord b{color:var(--periwinkle);}
.live-since{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:.1em;}

/* ──────────  LIVE SESSION VIDEO — YouTube embed  ────────── */
.live-session-block{margin-bottom:120px;}
.live-session-meta{display:flex;flex-direction:column;gap:14px;margin-bottom:36px;align-items:start;}
/* Clickable thumbnail card — opens the video on YouTube in a new tab.
   Implemented as <a> so the whole card is the click target. */
.live-video-frame{position:relative;display:block;border-radius:16px 0 16px 0;overflow:hidden;border:1px solid var(--rule-strong);background:rgba(5,5,6,.6);box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 0 1px rgba(94,106,210,.08),0 0 60px rgba(124,58,237,.12);text-decoration:none;color:inherit;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);}
.live-video-frame:hover{transform:translateY(-3px);box-shadow:0 32px 96px rgba(0,0,0,.6),0 0 0 1px rgba(184,175,232,.18),0 0 80px rgba(124,58,237,.22);}
.live-video-frame::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;background:linear-gradient(135deg,rgba(94,106,210,.18),transparent 30%,transparent 70%,rgba(124,58,237,.18));mix-blend-mode:overlay;}
.live-video-frame::after{content:"";position:absolute;top:14px;left:14px;width:8px;height:8px;border-radius:50%;background:#ff3838;box-shadow:0 0 12px #ff3838,0 0 0 4px rgba(255,56,56,.18);z-index:4;animation:pulse-dot 1.6s ease-in-out infinite;pointer-events:none;}
.live-video-aspect{position:relative;width:100%;aspect-ratio:16/9;background:#000;}
.live-video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s;filter:saturate(.95) brightness(.92);}
.live-video-frame:hover .live-video-thumb{transform:scale(1.04);filter:saturate(1.05) brightness(1);}
.live-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--indigo),var(--violet));color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:30px;padding-left:6px;z-index:3;box-shadow:0 12px 48px rgba(124,58,237,.5),0 0 0 1px rgba(255,255,255,.1) inset;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);}
.live-video-frame:hover .live-video-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 16px 64px rgba(124,58,237,.7),0 0 0 1px rgba(255,255,255,.18) inset;}
.live-video-play::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(184,175,232,.35);animation:ring-orbit 24s linear infinite;}
.live-video-cta{position:absolute;bottom:16px;right:16px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);background:rgba(5,5,6,.7);backdrop-filter:blur(10px);padding:9px 14px;border-radius:99px;z-index:3;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:background .25s,transform .25s;}
.live-video-frame:hover .live-video-cta{background:linear-gradient(90deg,var(--indigo),var(--violet));transform:translateX(-3px);}

@media (max-width:900px){
  .live-stage{grid-template-columns:1fr;gap:48px;}
  .live-canvas-wrap{max-width:380px;}
  .live-section{padding:100px 24px 120px;}
  .live-session-block{margin-bottom:80px;}
}