/* NuviFlux Warm Six Pages v2. Presentation-only delta on the integrated v1.
   Home keeps ParticleField. Dotted Earth belongs ONLY to Cross-Market.
   No overflow/line clamp on home copy: real first steps stay complete. */
.brand { font-size:32px; letter-spacing:-1.35px; }
.brand small { letter-spacing:3px; }
.hero { grid-template-columns:55% 45%; min-height:clamp(438px,31.5vw,548px); }
.hero-copy { padding:26px 0 22px 6.9%; }
.hero h2 { font-size:clamp(30px,3.15vw,48px); line-height:1.07; margin:18px 0 13px; }
.hero .lead { font-size:17px; line-height:1.42; margin-bottom:17px; }
.hero .facts { gap:9px; margin-bottom:18px; }
.hero .fact { grid-template-columns:85px minmax(0,1fr); gap:9px; }
.hero .fact span { font-size:14px; line-height:1.43; }
.hero .evidence-button { margin-top:11px; }
.hero-object { min-height:320px; }
/* Give the globe a real stage, rather than scaling it over the evidence panel.
   Local overlays do not capture pointers. The evidence card stays in grid flow. */
.geo-view { grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr); align-items:start; min-height:0; gap:18px; }
.globe-region { height:clamp(550px,43vw,650px); min-height:0; isolation:isolate; }
.globe-region canvas { z-index:0; }
.globe-caption { top:0; left:14px; max-width:235px; z-index:1; }
.globe-caption span { font-size:13px; line-height:1.45; }
.globe-controls { left:14px; bottom:0; }
.globe-controls button { min-height:38px; }
.earth-legend { left:265px; right:8px; bottom:7px; max-width:390px; font-size:10px; line-height:1.5; }
.geo-panel { align-self:start; max-height:620px; margin-top:0; }
@media(min-width:1700px){
 .hero-copy{padding-top:30px;padding-bottom:24px}
 .hero h2{margin-top:20px}
 .hero .lead{font-size:18px}
 .hero .fact span{font-size:15px}
}
@media(max-width:1150px){
 .brand{font-size:29px}
 .hero-copy{padding-left:6%}
 .hero h2{font-size:35px}
 .hero .lead{font-size:16px}
 .hero .fact{grid-template-columns:75px minmax(0,1fr);gap:8px}
 .geo-view{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:14px}
 .globe-region{height:480px}
 .globe-caption{max-width:190px}
 .earth-legend{left:14px;bottom:48px;font-size:9px;max-width:95%}
 .geo-panel{padding:20px}
 .geo-panel h2{font-size:28px}
}
@media(max-width:760px){
 .brand{font-size:28px;letter-spacing:-1px}
 .brand small{font-size:8px;letter-spacing:2.5px}
 .hero{display:flex;min-height:0}
 .hero-copy{padding:25px 23px 3px}
 .hero h2{font-size:34px;margin:18px 0 14px}
 .hero .lead{font-size:16px;line-height:1.5;margin-bottom:18px}
 .hero .facts{gap:11px;margin-bottom:20px}
 .hero .fact{grid-template-columns:70px minmax(0,1fr);gap:7px}
 .hero .fact span{font-size:14px;line-height:1.45}
 .hero-object{height:220px;min-height:220px}
 .geo-view{display:flex;gap:15px}
 .globe-region{height:clamp(360px,83vw,500px);min-height:360px;width:100%}
 .globe-caption{left:8px;max-width:205px;font-size:9px}
 .globe-caption span{font-size:12px}
 .globe-controls{left:8px}
 .earth-legend{left:8px;font-size:9px;bottom:47px;max-width:95%}
 .geo-panel{max-height:none;overflow:visible;width:100%}
}