/* Ascend Homepage Mobile Visibility + Modern Interaction V14.2
   MOBILE ONLY. Desktop presentation remains untouched.
   Goals: fewer words, stronger type, tighter vertical rhythm, translucent glass,
   touch-friendly interaction and restrained motion without adding media load. */

@media (max-width: 900px){
  /* Prevent scrolled page copy from ghosting through the mobile header. */
  body .site-header{
    background:rgba(247,251,253,.985)!important;
    border-bottom:1px solid rgba(68,105,126,.18)!important;
    box-shadow:0 8px 24px rgba(10,37,54,.10)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.02)!important;
    backdrop-filter:blur(12px) saturate(1.02)!important;
  }

  body main .ascend-light-section .eyebrow{
    color:#0f7891!important;
    -webkit-text-fill-color:#0f7891!important;
    text-shadow:none!important;
  }

  /* Readable light-section type. */
  body main .ascend-soft-panel .ascend-section-heading h2,
  body main .ascend-who-section .ascend-who-copy h2,
  body main .ascend-support-strip h2{
    color:#12384f!important;
    -webkit-text-fill-color:#12384f!important;
    background:none!important;
    text-shadow:0 1px 0 rgba(255,255,255,.72),0 2px 8px rgba(10,39,57,.10)!important;
    filter:none!important;
  }

  body main .ascend-soft-panel .ascend-section-heading h2 .accent-word,
  body main .ascend-who-section .ascend-who-copy h2 .accent-word,
  body main .ascend-support-strip h2 .accent-word{
    color:#216781!important;
    -webkit-text-fill-color:#216781!important;
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    -webkit-text-stroke:0!important;
    text-shadow:none!important;
  }

  body main .ascend-soft-panel .ascend-section-heading p,
  body main .ascend-who-section .ascend-who-lead,
  body main .ascend-support-strip p{
    color:#455f72!important;
    -webkit-text-fill-color:#455f72!important;
    text-shadow:none!important;
  }

  body main .ascend-soft-panel .ascend-feature strong,
  body main .ascend-who-section .ascend-who-line strong{
    color:#173d56!important;
    -webkit-text-fill-color:#173d56!important;
    text-shadow:none!important;
  }

  body main .ascend-soft-panel .ascend-feature span,
  body main .ascend-who-section .ascend-who-line span{
    color:#526879!important;
    -webkit-text-fill-color:#526879!important;
    text-shadow:none!important;
  }

  body main .ascend-who-section .ascend-who-close{
    color:#17384e!important;
    -webkit-text-fill-color:#17384e!important;
    text-shadow:none!important;
  }
  body main .ascend-who-section .ascend-who-close span{
    color:#176a85!important;
    -webkit-text-fill-color:#176a85!important;
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
  }

  /* CHOOSE YOUR DIRECTION: strong white title over changing film. */
  body main .ascend-service-paths-moved .eyebrow{
    color:#0a526d!important;
    -webkit-text-fill-color:#0a526d!important;
    text-shadow:0 1px 0 rgba(255,255,255,.45),0 2px 8px rgba(255,255,255,.24)!important;
  }
  body main .ascend-service-paths-moved .ascend-section-heading h2,
  body main .ascend-service-paths-moved .ascend-section-heading h2 .accent-word{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    -webkit-text-stroke:.45px rgba(4,35,51,.78)!important;
    text-shadow:0 2px 2px rgba(2,25,37,.88),0 7px 18px rgba(2,25,37,.48),0 0 12px rgba(255,255,255,.08)!important;
    filter:none!important;
  }
  body main .ascend-service-paths-moved .ascend-section-heading p{
    color:#f4fbfc!important;
    -webkit-text-fill-color:#f4fbfc!important;
    text-shadow:0 2px 4px rgba(2,25,37,.82),0 6px 16px rgba(2,25,37,.42)!important;
  }
  body main .ascend-service-paths-moved .ascend-path-card .text-link{
    color:#073d59!important;
    -webkit-text-fill-color:#073d59!important;
    font-weight:800!important;
    text-shadow:0 1px 0 rgba(255,255,255,.58),0 2px 8px rgba(255,255,255,.35)!important;
  }

  body main .ascend-soft-panel strong,
  body main .ascend-who-panel strong,
  body main .ascend-support-strip strong{opacity:1!important}
}

/* Phone homepage rebuild: concise, bold, glassy and touch-forward. */
@media (max-width: 760px){
  body.home-cinema-v5 main{overflow:hidden}

  /* Less vertical sprawl across the lower homepage. */
  body.home-cinema-v5 main .ascend-light-section{
    padding:42px 0!important;
  }
  body.home-cinema-v5 main .ascend-light-section .container{
    width:min(100% - 28px,1180px)!important;
  }

  /* HERO: keep the film, remove duplicate category jargon. */
  body.home-cinema-v5 .ascend-home-content{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  body.home-cinema-v5 .ascend-home-title{
    font-size:clamp(2.2rem,10vw,3.35rem)!important;
    line-height:.94!important;
    font-weight:800!important;
    letter-spacing:-.05em!important;
  }
  body.home-cinema-v5 .ascend-home-copy{
    max-width:31rem!important;
    font-size:0!important;
    line-height:1.5!important;
  }
  body.home-cinema-v5 .ascend-home-copy::after{
    content:"IT, Web & Business Support — Built To Keep You Moving.";
    display:block;
    font-family:"Manrope","Segoe UI",sans-serif;
    font-size:.98rem;
    line-height:1.5;
    font-weight:650;
    letter-spacing:.005em;
    color:#f7fbfd;
    -webkit-text-fill-color:#f7fbfd;
    text-shadow:0 2px 5px rgba(0,10,18,.92),0 10px 24px rgba(0,10,18,.48);
  }
  body.home-cinema-v5 .ascend-home-note{display:none!important}
  body.home-cinema-v5 .ascend-home-actions{
    gap:9px!important;
    margin-top:20px!important;
  }
  body.home-cinema-v5 .ascend-home-actions .btn{
    min-height:47px!important;
    padding:12px 15px!important;
    border-radius:14px!important;
    font-size:.88rem!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
  }

  /* BUSINESS REEL: shorter visual chapter, shorter messages supplied by JS. */
  body.home-cinema-v5 .ascend-clientele-cinema{
    padding:38px 0 44px!important;
  }
  body.home-cinema-v5 .ascend-clientele-cinema>.container{
    width:min(100% - 24px,1180px)!important;
  }
  body.home-cinema-v5 .clientele-stage{
    min-height:430px!important;
    border-radius:26px!important;
    border:1px solid rgba(220,246,249,.20)!important;
    box-shadow:0 24px 58px rgba(4,23,36,.18)!important;
  }
  body.home-cinema-v5 .clientele-reel-message,
  body.home-cinema-v5 .clientele-reel-message.message-center,
  body.home-cinema-v5 .clientele-reel-message.message-right,
  body.home-cinema-v5 .clientele-reel-message.message-left-soft{
    left:18px!important;
    right:18px!important;
    bottom:44px!important;
  }
  body.home-cinema-v5 .clientele-reel-message-text{
    font-size:clamp(1.65rem,8vw,2.4rem)!important;
    line-height:1.02!important;
    font-weight:780!important;
    letter-spacing:-.055em!important;
  }

  /* CLEAR SERVICE: one statement + four clean glass chips. */
  body.home-cinema-v5 .ascend-soft-panel{
    padding:24px 18px!important;
    border-radius:26px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(226,239,245,.50))!important;
    border:1px solid rgba(122,159,176,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 18px 42px rgba(21,58,76,.09)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
    backdrop-filter:blur(18px) saturate(1.08)!important;
  }
  body.home-cinema-v5 .ascend-soft-panel .ascend-section-heading{
    margin-bottom:16px!important;
  }
  body.home-cinema-v5 .ascend-soft-panel .ascend-section-heading h2{
    margin:5px 0 0!important;
    font-size:clamp(2rem,9vw,2.9rem)!important;
    line-height:.94!important;
    font-weight:850!important;
    letter-spacing:-.055em!important;
  }
  body.home-cinema-v5 .ascend-soft-panel .ascend-section-heading p{display:none!important}
  body.home-cinema-v5 .ascend-feature-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:18px!important;
  }
  body.home-cinema-v5 .ascend-feature{
    position:relative!important;
    min-height:88px!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:15px!important;
    overflow:hidden!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(218,235,242,.38))!important;
    border:1px solid rgba(89,143,163,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 22px rgba(15,55,74,.06)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  }
  body.home-cinema-v5 .ascend-feature::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 16%,rgba(255,255,255,.28) 47%,transparent 72%);
    transform:translateX(-135%);
    transition:transform .55s ease;
  }
  body.home-cinema-v5 .ascend-feature:active{
    transform:scale(.975)!important;
    border-color:rgba(24,148,178,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 5px 14px rgba(15,55,74,.08)!important;
  }
  body.home-cinema-v5 .ascend-feature:active::after{transform:translateX(135%)}
  body.home-cinema-v5 .ascend-feature strong{
    font-size:1rem!important;
    line-height:1.06!important;
    font-weight:850!important;
    letter-spacing:-.018em!important;
  }
  body.home-cinema-v5 .ascend-feature span{display:none!important}

  /* SERVICE DIRECTION: three tappable cinematic glass rows, not long cards. */
  body.home-cinema-v5 .ascend-service-paths-moved{
    padding:44px 0 48px!important;
  }
  body.home-cinema-v5 .ascend-service-paths-moved .ascend-section-heading{
    max-width:100%!important;
    margin:0 0 22px!important;
    text-align:left!important;
  }
  body.home-cinema-v5 .ascend-service-paths-moved .ascend-section-heading h2{
    max-width:19rem!important;
    margin:7px 0 0!important;
    font-size:clamp(2.15rem,10vw,3rem)!important;
    line-height:.94!important;
    font-weight:850!important;
    letter-spacing:-.06em!important;
  }
  body.home-cinema-v5 .ascend-service-paths-moved .ascend-section-heading p{display:none!important}
  body.home-cinema-v5 .ascend-path-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  body.home-cinema-v5 .ascend-path-card{
    position:relative!important;
    display:block!important;
    min-height:116px!important;
    height:116px!important;
    overflow:hidden!important;
    border-radius:22px!important;
    border:1px solid rgba(238,252,253,.26)!important;
    background:rgba(6,34,49,.24)!important;
    box-shadow:0 13px 30px rgba(2,22,34,.14),inset 0 1px 0 rgba(255,255,255,.10)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.05)!important;
    backdrop-filter:blur(12px) saturate(1.05)!important;
    transform:translateZ(0)!important;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
  }
  body.home-cinema-v5 .ascend-path-card:active{
    transform:scale(.978)!important;
    border-color:rgba(151,235,241,.52)!important;
    box-shadow:0 8px 20px rgba(2,22,34,.14),inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  body.home-cinema-v5 .ascend-path-media{
    position:absolute!important;
    inset:0!important;
  }
  body.home-cinema-v5 .ascend-path-media video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    opacity:.56!important;
    filter:saturate(.96) contrast(1.02) brightness(.72)!important;
  }
  body.home-cinema-v5 .ascend-path-media::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(245,251,252,.93) 0%,rgba(239,248,250,.84) 48%,rgba(9,38,53,.12) 100%)!important;
  }
  body.home-cinema-v5 .ascend-path-copy{
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    height:100%!important;
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  body.home-cinema-v5 .ascend-path-kicker{
    color:#0e718d!important;
    -webkit-text-fill-color:#0e718d!important;
    font-size:.72rem!important;
    font-weight:850!important;
    letter-spacing:.13em!important;
  }
  body.home-cinema-v5 .ascend-path-card h3,
  body.home-cinema-v5 .ascend-path-card p{display:none!important}
  body.home-cinema-v5 .ascend-path-card .text-link{
    margin-top:8px!important;
    font-family:"Manrope","Segoe UI",sans-serif!important;
    font-size:1.03rem!important;
    line-height:1.1!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
  }

  /* HOW WE HELP: remove explanation paragraph; turn Protect/Promote/Improve
     into a strong visual three-beat system. */
  body.home-cinema-v5 .ascend-who-section{
    padding:46px 0!important;
  }
  body.home-cinema-v5 .ascend-who-grid{
    display:block!important;
  }
  body.home-cinema-v5 .ascend-who-copy h2{
    margin:6px 0 20px!important;
    font-size:clamp(2.2rem,10vw,3.15rem)!important;
    line-height:.94!important;
    font-weight:850!important;
    letter-spacing:-.06em!important;
  }
  body.home-cinema-v5 .ascend-who-lead{display:none!important}
  body.home-cinema-v5 .ascend-who-panel{
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.home-cinema-v5 .ascend-who-line{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:68px!important;
    padding:0 18px!important;
    margin:0 0 9px!important;
    overflow:hidden!important;
    border:1px solid rgba(102,153,173,.22)!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(221,237,243,.42))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 20px rgba(13,51,70,.055)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
  }
  body.home-cinema-v5 .ascend-who-line::after{
    content:"→";
    margin-left:auto;
    color:#13839d;
    font-size:1.1rem;
    font-weight:900;
    opacity:.7;
  }
  body.home-cinema-v5 .ascend-who-line strong{
    font-size:1.13rem!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }
  body.home-cinema-v5 .ascend-who-line span{display:none!important}
  body.home-cinema-v5 .ascend-who-close{display:none!important}
  body.home-cinema-v5 .ascend-who-panel>.btn{
    width:100%!important;
    min-height:52px!important;
    margin-top:13px!important;
    border-radius:16px!important;
    font-weight:850!important;
  }

  /* ONGOING SUPPORT: decision card, not explanatory paragraph. */
  body.home-cinema-v5 .ascend-support-strip{
    padding:24px 18px!important;
    gap:17px!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(221,237,243,.46))!important;
    border:1px solid rgba(104,153,172,.23)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 16px 34px rgba(15,54,72,.08)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
  }
  body.home-cinema-v5 .ascend-support-strip h2{
    margin:5px 0 0!important;
    font-size:clamp(2rem,9vw,2.75rem)!important;
    line-height:.95!important;
    font-weight:850!important;
    letter-spacing:-.055em!important;
  }
  body.home-cinema-v5 .ascend-support-strip p{display:none!important}
  body.home-cinema-v5 .ascend-support-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.home-cinema-v5 .ascend-support-actions .btn{
    width:100%!important;
    min-height:49px!important;
    border-radius:15px!important;
    font-weight:850!important;
  }

  /* FINAL CTA: one strong instruction. */
  body.home-cinema-v5 .cta .cta-inner{
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
  body.home-cinema-v5 .cta h2{
    font-size:clamp(2.3rem,10vw,3.2rem)!important;
    line-height:.94!important;
    font-weight:850!important;
    letter-spacing:-.06em!important;
  }
  body.home-cinema-v5 .cta p{display:none!important}
  body.home-cinema-v5 .cta .btn{
    min-height:50px!important;
    margin-top:18px!important;
    border-radius:15px!important;
    font-weight:850!important;
  }

  /* Restrained motion: typography and glass feel alive without constant noise. */
  @media (prefers-reduced-motion:no-preference){
    body.home-cinema-v5 .ascend-soft-panel,
    body.home-cinema-v5 .ascend-who-section .ascend-who-grid,
    body.home-cinema-v5 .ascend-support-strip{
      animation:ascendMobileRise .72s cubic-bezier(.18,.72,.2,1) both;
    }
    body.home-cinema-v5 .ascend-feature:nth-child(2),
    body.home-cinema-v5 .ascend-who-line:nth-child(2){animation-delay:.06s}
    body.home-cinema-v5 .ascend-feature:nth-child(3),
    body.home-cinema-v5 .ascend-who-line:nth-child(3){animation-delay:.11s}
    body.home-cinema-v5 .ascend-feature:nth-child(4){animation-delay:.16s}
    body.home-cinema-v5 .ascend-path-card .text-link{transition:transform .22s ease!important}
    body.home-cinema-v5 .ascend-path-card:active .text-link{transform:translateX(5px)!important}
  }
}

@keyframes ascendMobileRise{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@media (max-width: 380px){
  body.home-cinema-v5 .ascend-feature-row{grid-template-columns:1fr!important}
  body.home-cinema-v5 .ascend-feature{min-height:72px!important}
}

@media (prefers-reduced-motion:reduce){
  body.home-cinema-v5 .ascend-feature,
  body.home-cinema-v5 .ascend-path-card,
  body.home-cinema-v5 .ascend-soft-panel,
  body.home-cinema-v5 .ascend-who-section .ascend-who-grid,
  body.home-cinema-v5 .ascend-support-strip{animation:none!important;transition:none!important}
}