/* MOBILE CINEMA V6 — intentionally composed for touch screens */
@media (max-width: 600px){
  .cin-main{overflow:hidden}
  .cin-hero{min-height:unset;padding-bottom:18px}
  .cin-h1{letter-spacing:-.045em;line-height:1.02}
  .cin-lead{font-size:15px;line-height:1.65;max-width:36rem}
  .actions{display:grid;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;justify-content:center}
  .stats{grid-template-columns:1fr 1fr;gap:9px}
  .stats .stat{min-height:76px;padding:12px 10px}
  .stats b{font-size:24px}
  .stats span{font-size:10px}

  .hero3d{height:445px!important;margin-top:4px;overflow:visible!important;perspective:850px!important;transform-style:preserve-3d}
  .hero3d:before{width:118%;height:94%;filter:blur(25px);opacity:.9}
  .hero3d:after{left:-20%;right:-20%;bottom:1%;height:38%;opacity:.85;transform:rotateX(70deg) translateZ(-72px)}
  .hero3d .orb{filter:drop-shadow(0 0 6px rgba(0,210,255,.34));opacity:.88}
  .hero3d .o1{width:104%;height:47%;top:26%;left:-2%;transform:rotateX(69deg) rotateZ(-10deg) translateZ(24px)}
  .hero3d .o2{width:82%;height:39%;top:29%;left:9%;transform:rotateX(66deg) rotateZ(46deg) translateZ(42px)}
  .hero3d .o3{width:119%;height:56%;top:23%;left:-10%;transform:rotateX(64deg) rotateZ(-28deg) translateZ(3px)}
  .hero3d .core{width:178px!important;height:178px!important;top:51%;left:50%;transform:translate(-50%,-50%) translateZ(12px)}
  .hero3d .core:before{transform:translateZ(15px)}
  .hero3d .core:after{transform:translateZ(24px) rotateX(7deg)}
  .hero3d .core-grid{transform:translateZ(18px)}
  .hero3d .core-glint{transform:translateZ(38px)}
  .hero3d .pk{font-size:58px;transform:translateZ(48px)}
  .hero3d .energy-ring{width:185%!important;height:39%!important;transform:translate(-50%,-50%) rotateX(72deg) rotateZ(8deg) translateZ(30px)}
  .hero3d .energy-ring:nth-child(4){width:157%!important;height:32%!important;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(61deg) translateZ(45px)}
  .hero3d .energy-ring:nth-child(5){width:204%!important;height:45%!important;transform:translate(-50%,-50%) rotateX(76deg) rotateZ(-24deg) translateZ(12px)}
  .hero3d .corelabel{font-size:9px;letter-spacing:.2em;transform:translate(-50%,101px) translateZ(62px)}

  /* Five nodes form a deliberate constellation around the core. */
  .hero3d .node{min-width:0!important;width:106px;padding:9px 9px!important;border-radius:13px;font-size:9px;box-shadow:0 12px 28px rgba(0,0,0,.5),0 0 18px rgba(0,190,255,.12)}
  .hero3d .node b{font-size:10px;letter-spacing:.1em}
  .hero3d .node small{font-size:8px;line-height:1.25}
  .hero3d .n1{top:2%!important;left:50%!important;transform:translateX(-50%) translateZ(50px)!important}
  .hero3d .n2{top:29%!important;left:0!important;transform:translateZ(28px)!important}
  .hero3d .n3{top:29%!important;right:0!important;transform:translateZ(38px)!important}
  .hero3d .n4{bottom:4%!important;left:4%!important;transform:translateZ(20px)!important}
  .hero3d .n5{bottom:4%!important;right:4%!important;transform:translateZ(34px)!important}
  .hero3d .node:hover,.hero3d .node:focus-visible{transform:translateY(-5px) translateZ(45px) scale(1.04)!important}

  .section{padding-left:18px;padding-right:18px}
  .eco{padding-top:64px}
  .eco .map{height:350px;min-height:350px;margin-left:-4px;margin-right:-4px;perspective:900px}
  .eco .grid3d{background-size:24px 24px;transform:perspective(600px) rotateX(67deg) translateY(24%) translateZ(-10px)}
  .eco .mapcore{width:102px;height:102px;transform:translate(-50%,-50%) translateZ(38px)}
  .eco .mapnode{width:116px!important;padding:10px!important;transform:translateZ(24px)!important}
  .eco .mr{left:0!important;top:17%!important}.eco .me{right:0!important;top:17%!important}.eco .mp{left:0!important;bottom:9%!important}.eco .ma{right:0!important;bottom:9%!important}
  .cards{grid-template-columns:1fr!important}
  .card{min-height:170px!important}
  .projects{grid-template-columns:1fr!important}
  .projects .project{min-height:190px!important}
  .prooflist{grid-template-columns:1fr 1fr!important}
  .cta{grid-template-columns:1fr!important;gap:24px}
}
@media (min-width:601px){.home-mobile-cinema-only{display:none}}
@media (prefers-reduced-motion:reduce){.hero3d .orb,.hero3d .core,.hero3d .core:before,.hero3d .core:after,.hero3d .core-grid,.hero3d .core-glint,.hero3d .pk,.hero3d .energy-ring{animation:none!important}}
