/* Mobile-only cinematic refinement. Desktop styling and timing remain unchanged. */
@media (max-width:650px){
  html,body{overflow-x:clip!important;}
  .cinema{height:620svh;}
  .stage{height:100svh;min-height:560px;}
  .scene{overflow:hidden;}

  .hero-copy{top:29%;}
  .hero-object{top:74%;height:43svh;}

  .engine-scene .scene-heading{top:9.5svh;}
  .engine-scene .card-deck{top:41svh;height:53svh;}
  .engine-card{height:100%;min-height:0;padding:17px;grid-template-columns:28px 1fr;grid-template-rows:minmax(0,1fr) 42%;gap:10px;}
  .engine-card>span{grid-row:1;}
  .engine-card>div{grid-row:1;min-width:0;}
  .engine-card h3{margin:16px 0 9px;font-size:clamp(32px,9.2vw,40px);}
  .engine-card p{display:block!important;margin:0;font-size:10.5px;line-height:1.35;}
  .engine-card figure{display:block!important;grid-column:1/-1;grid-row:2;margin:0;border-radius:17px;overflow:hidden;}
  .engine-card figure img{width:100%;height:100%;object-fit:cover;}

  .network-copy{top:45%;width:88%;z-index:8;}
  .network-copy h2{font-size:clamp(37px,10.8vw,47px);line-height:.9;}
  .network-copy>p:last-child{max-width:305px;color:rgba(255,255,255,.72);}
  .people-orbit{z-index:4;}
  .people-orbit img{--r:46vw;width:38px;height:38px;}
  .network-stats{
    bottom:2.4svh;
    width:90vw;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }
  .network-stats span,
  .network-stats span:nth-child(2){display:flex;min-width:0;align-items:flex-start;flex-direction:column;gap:3px;}
  .network-stats b{font-size:18px;}
  .network-stats small{max-width:100%;font-size:5px;line-height:1.3;}

  .work-scene .scene-heading{top:9.5svh;}
  .work-scene .scene-heading h2{font-size:clamp(42px,12.4vw,54px);}
  .cinema-cases{top:40svh;height:54svh;}
  .cinema-case{height:100%;padding:18px;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 42%;gap:12px;}
  .cinema-case>div{min-height:0;}
  .cinema-case h3{margin:10px 0;font-size:clamp(30px,8.8vw,38px);}
  .cinema-case p{margin:8px 0;font-size:11px;line-height:1.35;}
  .cinema-case img{display:block!important;width:100%;height:100%;object-fit:cover;border-radius:55px 15px 55px 15px;}

  .resolve-scene>div:not(.resolve-ring){width:90%;}
  .resolve-scene h2{font-size:clamp(46px,13.5vw,59px);}

  .stage-progress{display:none;}
}

@media (max-width:360px){
  .cinema{height:640svh;}
  .stage{min-height:520px;}
  .hero-copy{top:30%;}
  .hero-object{top:76%;height:40svh;}
  .engine-scene .card-deck{top:42svh;height:51svh;}
  .network-copy h2{font-size:11.4vw;}
  .network-copy>p:last-child{font-size:12px;}
  .network-stats{gap:6px;}
  .network-stats b{font-size:16px;}
  .work-scene .scene-heading h2{font-size:11.8vw;}
}
/* FINAL MOBILE HEADING + COMPLETE IMAGE FIX */
@media (max-width: 650px) {

  /* Img-1: final green section — total 2 lines */
  .resolve-scene h2 {
    width: 100%;
    margin-inline: auto;
    font-size: clamp(34px, 9.5vw, 40px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.055em !important;
  }

  .resolve-scene h2 em {
    display: block;
    font-size: 0.9em;
    line-height: 1 !important;
    white-space: nowrap;
  }

  /* Img-2: box same size, complete image visible */
  .cinema-case img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center center !important;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 55px 15px 55px 15px;
  }

  /* Img-3: Growth Engine heading — total 2 lines */
  .engine-scene .scene-heading h2 {
    width: 100%;
    font-size: clamp(32px, 8.7vw, 37px) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.05em !important;
  }

  .engine-scene .scene-heading h2 em {
    display: inline-block;
    white-space: nowrap;
  }
}

/* Extra-small mobiles */
@media (max-width: 360px) {
  .resolve-scene h2 {
    font-size: 9vw !important;
  }

  .resolve-scene h2 em {
    font-size: 0.88em;
  }

  .engine-scene .scene-heading h2 {
    font-size: 8.5vw !important;
  }
}
/* FINAL: Full-width case-study image frame on mobile */
@media (max-width: 650px) {

  .cinema-case {
    height: 100% !important;
    padding: 14px !important;

    /* Overall card size same — image area larger */
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 1fr) minmax(185px, 46%) !important;

    gap: 10px !important;
    overflow: hidden !important;
  }

  .cinema-case > div {
    min-width: 0;
    min-height: 0;
    position: relative;
    z-index: 2;
  }

  .cinema-case img {
    display: block !important;

    /* Highlighted box ki full width */
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 185px !important;

    /* Small centered image ko remove karke frame fill karega */
    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;

    /* Existing design language preserved */
    border-radius: 48px 14px 48px 14px !important;
  }

  /* First family image ki important faces properly visible rahengi */
  .cinema-case:first-child img {
    object-position: center 45% !important;
  }
}

/* Smaller phones */
@media (max-width: 360px) {
  .cinema-case {
    grid-template-rows: minmax(0, 1fr) minmax(170px, 44%) !important;
  }

  .cinema-case img {
    min-height: 170px !important;
    border-radius: 40px 12px 40px 12px !important;
  }
}