/* MetronTech 4.66.56 — final mobile-only polish. Desktop intentionally untouched. */
@media (max-width: 760px){
  html,body.ghg-wordpress-page{width:100%;max-width:100%;overflow-x:hidden!important}
  body.ghg-wordpress-page main,body.ghg-wordpress-page section{max-width:100%}
  body.ghg-wordpress-page h1,body.ghg-wordpress-page h2,body.ghg-wordpress-page h3{overflow-wrap:break-word;text-wrap:balance}
  body.ghg-wordpress-page p{overflow-wrap:break-word}
  body.ghg-wordpress-page .button{max-width:100%}

  /* Navigation / touch */
  body.ghg-wordpress-page .navbar{padding-left:16px!important;padding-right:16px!important}
  .ghg-mobile-menu a{min-height:46px;display:flex;align-items:center}

  /* Home — keep the cinematic 3D experience but prevent text/model collisions. */
  body.ghg-home-page .hero-section{min-height:100svh!important;padding-left:18px!important;padding-right:18px!important;padding-top:100px!important;padding-bottom:42svh!important}
  body.ghg-home-page .hero-content{max-width:100%!important;position:relative;z-index:5}
  body.ghg-home-page .hero-content h1{font-size:clamp(2.55rem,13.5vw,4rem)!important;line-height:.94!important;max-width:8.4em!important}
  body.ghg-home-page .hero-content p{font-size:.98rem!important;line-height:1.62!important;max-width:34rem}
  body.ghg-home-page .hero-buttons{grid-template-columns:1fr!important}
  body.ghg-home-page .hero-buttons .button{min-height:50px}
  body.ghg-home-page .canvas-holder{width:100vw!important;max-width:none!important;left:0!important;right:auto!important}
  body.ghg-home-page .intro-section,body.ghg-home-page .products-section,body.ghg-home-page .why-section,body.ghg-home-page .features-section{padding-left:18px!important;padding-right:18px!important}
  body.ghg-home-page .white-card{padding:25px 20px!important}
  body.ghg-home-page .info-card{grid-template-columns:40px minmax(0,1fr)!important;padding:18px!important}
  body.ghg-home-page .why-card{flex-basis:min(84vw,330px)!important;width:min(84vw,330px)!important}
  body.ghg-home-page .ghg-video-copy{width:calc(100% - 24px)!important;margin:0 12px 32px!important;padding:20px 18px 21px!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
  body.ghg-home-page .ghg-video-copy h2{font-size:clamp(27px,8vw,38px)!important}
  body.ghg-home-page .ghg-video-status{display:none!important}

  /* Large scroll-driven value scene: simplify spatial density on a narrow screen. */
  body.ghg-home-page .ghg-value-engine-section{min-height:250vh!important}
  body.ghg-home-page .ghg-value-engine-stage{height:68vh!important}
  body.ghg-home-page .ghg-value-engine-card{width:min(44vw,190px)!important;min-height:126px!important;padding:14px 12px!important}
  body.ghg-home-page .ghg-value-engine-card p{display:none!important}

  /* Our Markets — the industries stylesheet loads late, so these are deliberate final overrides. */
  body.markets-page .markets-industries-hero{padding:106px 18px 58px!important}
  body.markets-page .markets-industries-hero .markets-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  body.markets-page .markets-industries-hero h1{font-size:clamp(2.75rem,13vw,4.4rem)!important;line-height:.92!important}
  body.markets-page .markets-industries-hero p{font-size:.98rem!important;line-height:1.7!important}
  body.markets-page .markets-industry-jump{position:relative!important;top:auto!important;margin-top:18px!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none}
  body.markets-page .markets-industry-jump::-webkit-scrollbar{display:none}
  body.markets-page .markets-hero-graphic{padding:17px!important;border-radius:24px!important}
  body.markets-page .markets-graphic-profile-row{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.markets-page .industry-market-section{padding:68px 18px!important}
  body.markets-page .industry-market-shell{grid-template-columns:1fr!important;gap:27px!important}
  body.markets-page .industry-market-visual,body.markets-page .industry-market-copy{min-width:0!important;width:100%!important}
  body.markets-page .industry-image-stage{border-radius:24px!important;min-height:0!important}
  body.markets-page .industry-market-copy h2{font-size:clamp(2.25rem,10.5vw,3.7rem)!important;line-height:.94!important}
  body.markets-page .industry-market-copy h3{font-size:1.12rem!important;margin-top:16px!important}
  body.markets-page .industry-market-copy>p{font-size:.96rem!important;line-height:1.72!important}
  body.markets-page .industry-use-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.markets-page .industry-data-replacement,body.markets-page .industry-video-replacement{margin:10px!important;min-height:210px!important;border-radius:20px!important;overflow:hidden!important}
  body.markets-page .industry-data-canvas{height:112px!important}
  body.markets-page .industry-platform-bridge{grid-template-columns:1fr!important;padding:72px 18px 82px!important;gap:34px!important}
  body.markets-page .industry-platform-flow{grid-template-columns:1fr!important;gap:8px!important}
  body.markets-page .industry-platform-flow>i{width:2px!important;height:20px!important;margin:0 auto!important}
  body.markets-page .flow-node{width:100%!important;height:88px!important;border-radius:24px!important}
  body.markets-page .warehouse-pilot-section{padding:72px 18px 84px!important}
  body.markets-page .warehouse-video-card{min-height:300px!important;border-radius:24px!important}

  /* About / Contact / Resources — consistent mobile gutters and readable cards. */
  body.about-page .about-hero,body.contact-page .contact-hero{padding-left:18px!important;padding-right:18px!important}
  body.about-page .about-hero-actions{grid-template-columns:1fr!important}
  body.about-page .team-card,body.about-page .goal-card,body.about-page .story-metrics article{width:min(86vw,340px)!important;flex-basis:min(86vw,340px)!important}
  body.contact-page .contact-submit{min-height:52px!important}
  body.ghg-wordpress-page .ghg-resource-hero,body.ghg-wordpress-page .ghg-resource-list-section,body.ghg-wordpress-page .ghg-resource-cta{padding-left:18px!important;padding-right:18px!important}

  /* Footer / forms */
  body.ghg-wordpress-page .final-newsletter-card,body.ghg-wordpress-page .newsletter-box{padding:24px 18px!important}
  body.ghg-wordpress-page input,body.ghg-wordpress-page textarea,body.ghg-wordpress-page select{font-size:16px!important} /* avoids iOS focus zoom */
}

@media (max-width: 390px){
  body.ghg-wordpress-page .brand-text strong{max-width:43vw!important;font-size:.66rem!important;letter-spacing:.1em!important}
  body.ghg-home-page .hero-content h1{font-size:clamp(2.35rem,13vw,3.45rem)!important}
  body.markets-page .markets-graphic-profile-row{grid-template-columns:1fr!important}
  body.markets-page .industry-data-replacement,body.markets-page .industry-video-replacement{min-height:190px!important}
}

/* =========================================================
   METRON 4.66.65 — mobile-first home composition
   Strictly <=760px. Desktop/tablet desktop choreography untouched.
   ========================================================= */
@media (max-width:760px){
  body.ghg-home-page{--m-gutter:18px;--m-radius:24px}
  body.ghg-home-page .section-label{font-size:11px!important;letter-spacing:.14em!important}
  body.ghg-home-page .hero-section{min-height:112svh!important;padding:94px var(--m-gutter) 46svh!important;overflow:hidden!important}
  body.ghg-home-page .hero-content{width:100%!important;max-width:100%!important}
  body.ghg-home-page .hero-content h1{font-size:clamp(2.65rem,13vw,4.05rem)!important;line-height:.91!important;letter-spacing:-.055em!important}
  body.ghg-home-page .hero-content p{font-size:15px!important;line-height:1.58!important;max-width:31rem!important}
  body.ghg-home-page .hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important}
  body.ghg-home-page .hero-buttons .button{width:100%!important;justify-content:center!important;padding-inline:10px!important}

  /* Act chapter: text first, device/sensing composition below it. */
  body.ghg-home-page #about.intro-section{min-height:315svh!important;padding:0!important;overflow:hidden!important}
  body.ghg-home-page #about .about-story-card{position:absolute!important;left:var(--m-gutter)!important;right:var(--m-gutter)!important;top:8svh!important;width:auto!important;max-width:none!important;margin:0!important;padding:25px 21px!important;border-radius:var(--m-radius)!important;z-index:14!important}
  body.ghg-home-page #about .about-story-card h2{font-size:clamp(2.6rem,13vw,4rem)!important;line-height:.91!important;letter-spacing:-.055em!important}
  body.ghg-home-page #about .about-story-card p{font-size:14px!important;line-height:1.62!important}
  body.ghg-home-page #about .about-signal-field,
  body.ghg-home-page #about .about-signal-field.is-pinned{position:absolute!important;left:0!important;right:0!important;top:92svh!important;width:100%!important;height:78svh!important;opacity:1!important;overflow:visible!important}
  body.ghg-home-page #about .sense-halo{left:58%!important;top:48%!important;width:74vw!important;height:74vw!important}
  body.ghg-home-page #about .sense-chip{transform:scale(.82)!important;transform-origin:center!important}
  body.ghg-home-page #about .chip-ch4{left:4%!important;top:25%!important}
  body.ghg-home-page #about .chip-co2{left:5%!important;top:66%!important}
  body.ghg-home-page #about .chip-nh3{left:auto!important;right:3%!important;top:22%!important}
  body.ghg-home-page #about .chip-env{left:auto!important;right:2%!important;top:67%!important}
  body.ghg-home-page #about .sense-wifi{left:68%!important;top:78%!important;transform:translate(-50%,-50%) scale(.72)!important}

  /* Connected World becomes a dedicated mobile panel: full panorama, no destructive crop. */
  body.ghg-home-page #about .connected-world,
  body.ghg-home-page #about:not(.world-phase) .connected-world,
  body.ghg-home-page #about.world-phase .connected-world,
  body.ghg-home-page #about.platform-handoff .connected-world{
    position:absolute!important;left:0!important;right:0!important;top:190svh!important;
    width:100%!important;height:112svh!important;opacity:1!important;transform:none!important;
    background-color:#071811!important;
    background-image:url("../images/connected-world-panorama-v5.webp")!important;
    background-size:100% auto!important;background-position:center 24%!important;background-repeat:no-repeat!important;
    border-radius:0!important;overflow:hidden!important;
  }
  body.ghg-home-page #about .connected-world::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(5,22,16,.08) 0%,rgba(5,22,16,.05) 42%,rgba(5,22,16,.86) 63%,#071811 78%)!important}
  body.ghg-home-page #about .connected-world::after{display:none!important;content:none!important}
  body.ghg-home-page #about .connected-world-atmosphere,body.ghg-home-page #about .connected-world-grid,body.ghg-home-page #about .world-industry-stage,body.ghg-home-page #about .world-link{display:none!important}
  body.ghg-home-page #about .world-kicker{left:var(--m-gutter)!important;top:18px!important;font-size:10px!important;z-index:6!important}
  body.ghg-home-page #about .world-title{left:var(--m-gutter)!important;right:var(--m-gutter)!important;top:43px!important;width:auto!important;font-size:clamp(30px,9.5vw,44px)!important;line-height:.94!important;z-index:6!important;text-shadow:0 2px 18px rgba(0,0,0,.35)!important}
  body.ghg-home-page #about .world-network{position:absolute!important;left:var(--m-gutter)!important;right:var(--m-gutter)!important;bottom:24px!important;top:auto!important;height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;z-index:8!important;pointer-events:auto!important}
  body.ghg-home-page #about .world-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;min-height:46px!important;padding:10px 11px!important;border:1px solid rgba(183,224,144,.22)!important;border-radius:14px!important;background:rgba(8,29,20,.78)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:10px!important;box-shadow:none!important}
  body.ghg-home-page #about .world-node i{position:relative!important;left:auto!important;top:auto!important;flex:0 0 auto!important}
  body.ghg-home-page #about .world-node span{white-space:normal!important;line-height:1.2!important}
  body.ghg-home-page #about .world-node em{display:none!important}

  /* Monitoring Platform: clean single-column reading order; WebGL keeps its own mobile choreography. */
  body.ghg-home-page #products.products-section{min-height:235svh!important;padding:72px var(--m-gutter) 80px!important;overflow:hidden!important}
  body.ghg-home-page #products .content{width:100%!important;max-width:100%!important}
  body.ghg-home-page #products h2{font-size:clamp(2.55rem,12.2vw,4rem)!important;line-height:.92!important;letter-spacing:-.05em!important;max-width:100%!important}
  body.ghg-home-page #products .split-list{width:100%!important;max-width:100%!important}
  body.ghg-home-page #products .info-card{width:100%!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important}

  /* General home sections after the 3D story. */
  body.ghg-home-page .why-section,body.ghg-home-page .features-section{padding:72px var(--m-gutter)!important}
  body.ghg-home-page .why-card{width:100%!important;max-width:100%!important;flex-basis:100%!important}
  body.ghg-home-page .ghg-video-copy{width:calc(100% - 2*var(--m-gutter))!important;margin-left:var(--m-gutter)!important;margin-right:var(--m-gutter)!important}
}

@media (max-width:420px){
  body.ghg-home-page .hero-buttons{grid-template-columns:1fr!important}
  body.ghg-home-page #about .world-network{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.ghg-home-page #about .world-node{padding:9px!important;font-size:9.5px!important}
}