/* ---------- mobile/tablet refinements ---------- */
@media (max-width:1199px){
  /* Where are you now: glass cards (blur + light rim, like the hero card) */
  .wy-card{background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;border-radius:16px}
  .wy-card::before,.wy-card::after{display:block}
  .wy-card .txt,.wy-cta{position:relative;z-index:1}
  /* service tags run as a ticker */
  .p4-tags{flex-wrap:nowrap;overflow:hidden;margin-inline:-24px;padding-inline:24px;
    -webkit-mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
  .p4-tags-track{display:flex;gap:8px;width:max-content;animation:tagRun var(--tdur,14s) linear infinite}
  .p4-tags:hover .p4-tags-track{animation-play-state:paused}
  @keyframes tagRun{to{transform:translateX(calc(-50% - 4px))}}
  /* Why us: two columns of stats, the map keeps its own proportions */
  .p6-grid{grid-template-columns:1fr 1fr!important}
  .p6-card{min-height:0;padding:20px 16px;gap:40px}
  .p6-num{font-size:32px!important;letter-spacing:.48px}
  .p6-card h3{font-size:16px!important}
  .p6-card p{font-size:14px!important}
  .p6-link{font-size:13px!important}
  .p6-map{grid-column:1/-1!important;aspect-ratio:1352/900!important;height:auto}
  /* colour changes ride over, like Atlas: cases (white) over How we build, FAQ (dark) over cases */
  .page7{padding-bottom:30vh}
  .page8{position:sticky;top:0;z-index:3!important;margin-top:-30vh;box-shadow:0 -30px 80px -20px rgba(0,0,0,.55)}
  .pageFaq{z-index:4;margin-top:28vh;border-radius:28px 28px 0 0;overflow:clip;
    background:radial-gradient(120% 60% at 20% 0%,#10251b 0%,rgba(16,37,27,0) 60%),radial-gradient(90% 60% at 90% 70%,#0c1f16 0%,rgba(12,31,22,0) 60%),#0b120e!important;
    box-shadow:0 -30px 80px -20px rgba(0,0,0,.6)}
  .page9{position:relative;z-index:4}
  /* footer: glass contact cards */
  .frameFoot::before,.ft-phones{background:rgba(0,0,0,.2)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.22),inset -1px -1px 0 rgba(255,255,255,.08),0 20px 40px -24px rgba(0,0,0,.6)}
}