@media (max-width:767px){
  body.w4u-mobile-frontend{--w4u-mobile-gutter:22px;--w4u-mobile-space:68px;overflow-x:hidden}
  body.w4u-mobile-frontend .site-shell{width:100%;max-width:680px;margin-inline:auto;padding-inline:var(--w4u-mobile-gutter)}
  body.w4u-mobile-frontend .site-header-inner{min-height:4.4rem}
  body.w4u-mobile-frontend .site-header .site-shell{display:flex;padding-inline:var(--w4u-mobile-gutter)}
  body.w4u-mobile-frontend .site-brand{font-size:1.1rem}
  body.w4u-mobile-frontend .primary-nav ul{width:100%;padding-inline:var(--w4u-mobile-gutter)}
  body.w4u-mobile-frontend .primary-nav a{padding-block:1rem;font-size:.78rem}
  body.w4u-mobile-frontend .section{padding-block:var(--w4u-mobile-space);border-bottom:1px solid var(--line)}
  body.w4u-mobile-frontend h1,body.w4u-mobile-frontend h2,body.w4u-mobile-frontend h3{overflow-wrap:normal;word-break:normal;hyphens:none}
  body.w4u-mobile-frontend .eyebrow{margin-bottom:14px;font-size:.68rem;letter-spacing:.15em}
  body.w4u-mobile-frontend .button{min-height:2.9rem;padding:.75rem .9rem;font-size:.68rem}

  /* Home: one editorial column, with media after the copy. */
  body.w4u-mobile-frontend .hero{display:block;min-height:0;padding-block:0}
  body.w4u-mobile-frontend .hero-grid{display:none}
  body.w4u-mobile-frontend .hero-layout{display:block}
  body.w4u-mobile-frontend .hero-content{padding-block:64px 28px}
  body.w4u-mobile-frontend .hero h1{max-width:11ch;margin:0;font-size:clamp(2.7rem,11vw,4.2rem);line-height:.9;letter-spacing:-.06em}
  body.w4u-mobile-frontend .hero-copy{max-width:34rem;margin:22px 0 0;font-size:1.08rem;line-height:1.55}
  body.w4u-mobile-frontend .hero .button{margin-top:24px}
  body.w4u-mobile-frontend .hero-visual{width:100%;padding:0 0 36px}
  body.w4u-mobile-frontend .hero-visual img{width:100%;max-width:330px;margin-inline:auto}
  body.w4u-mobile-frontend .section-intro{display:block}
  body.w4u-mobile-frontend .section-title{max-width:13ch;margin:0 0 22px;font-size:clamp(2.2rem,9vw,3.5rem);line-height:.92;letter-spacing:-.05em}
  body.w4u-mobile-frontend .section-copy{max-width:42rem;margin:0;font-size:1.08rem;line-height:1.58}
  body.w4u-mobile-frontend .systems-layout{display:block}
  body.w4u-mobile-frontend .systems-layout .section-intro{display:block}
  body.w4u-mobile-frontend .system-visual{width:100%;margin-top:30px}
  body.w4u-mobile-frontend .system-visual img{width:100%;height:auto}
  body.w4u-mobile-frontend .statement{max-width:18ch;margin:28px 0 0;padding-top:0;font-size:clamp(1.8rem,8vw,3rem);line-height:.96}
  body.w4u-mobile-frontend .area-grid,body.w4u-mobile-frontend .method-grid{display:block;margin-top:30px}
  body.w4u-mobile-frontend .area{display:block;padding:18px 0}
  body.w4u-mobile-frontend .area-number,body.w4u-mobile-frontend .method-number{display:block;margin-bottom:8px;font-size:2rem}
  body.w4u-mobile-frontend .area h3,body.w4u-mobile-frontend .method h3{margin:0 0 6px;font-size:1.05rem}
  body.w4u-mobile-frontend .area p,body.w4u-mobile-frontend .method p{font-size:.98rem;line-height:1.5}
  body.w4u-mobile-frontend .method{padding:18px 0;border-top:1px solid var(--ink)}
  body.w4u-mobile-frontend .method:not(:last-child){padding-bottom:18px;border-bottom:0}
  body.w4u-mobile-frontend .method:not(:last-child):after{display:none}
  body.w4u-mobile-frontend .method-visual{width:100%;margin:28px 0 0}
  body.w4u-mobile-frontend .case-study{display:block}
  body.w4u-mobile-frontend .case-study .site-shell{padding-inline:var(--w4u-mobile-gutter)}
  body.w4u-mobile-frontend .home-case-visual{display:block;padding-top:32px}
  body.w4u-mobile-frontend .home-case-visual img{display:block;width:100%;max-width:100%;margin:0 0 16px}
  body.w4u-mobile-frontend .home-case-crm{width:min(100%,240px);margin-inline:auto!important}
  body.w4u-mobile-frontend .final-cta{display:block}
  body.w4u-mobile-frontend .final-cta>div+div{margin-top:26px}

  /* Generic page, projects and contacts. */
  body.w4u-mobile-frontend .page-main{min-height:0;padding-block:64px 76px}
  body.w4u-mobile-frontend .page-main h1{max-width:11ch;margin-bottom:22px;font-size:clamp(2.7rem,11vw,4.2rem);line-height:.9;letter-spacing:-.06em}
  body.w4u-mobile-frontend .page-content{max-width:42rem;font-size:1.08rem;line-height:1.58}
  body.w4u-mobile-frontend .project-index-item{margin-top:42px;padding-top:18px}
  body.w4u-mobile-frontend .project-index-item h2{max-width:13ch;margin-bottom:14px;font-size:clamp(2.2rem,9vw,3.5rem);line-height:.92}
  body.w4u-mobile-frontend .project-index-item p{font-size:1.08rem;line-height:1.58}
  body.w4u-mobile-frontend .project-index-item .button{margin-top:10px}

  /* Paolo case study: the existing content becomes an article flow. */
  body.w4u-mobile-frontend .case-page .section{padding-block:var(--w4u-mobile-space)}
  body.w4u-mobile-frontend .case-hero-grid,body.w4u-mobile-frontend .case-chapter-grid,body.w4u-mobile-frontend .case-system-grid,body.w4u-mobile-frontend .case-closing-grid,body.w4u-mobile-frontend .case-final-cta-grid,body.w4u-mobile-frontend .case-tour-cta-inner{display:block}
  body.w4u-mobile-frontend .case-title{max-width:11ch;font-size:clamp(2.7rem,11vw,4.2rem);line-height:.9;letter-spacing:-.06em}
  body.w4u-mobile-frontend .case-lead{margin-top:22px;font-size:1.2rem;line-height:1.45}
  body.w4u-mobile-frontend .case-copy,body.w4u-mobile-frontend .case-chapter p,body.w4u-mobile-frontend .case-visibility p,body.w4u-mobile-frontend .case-closing p{font-size:1.08rem;line-height:1.58}
  body.w4u-mobile-frontend .case-hero-media{width:100%;max-width:100%;margin-top:36px;padding:0}
  body.w4u-mobile-frontend .case-hero-media>img:first-child{width:100%}
  body.w4u-mobile-frontend .case-hero-crm{right:var(--w4u-mobile-gutter);bottom:-16px;width:min(30vw,120px)}
  body.w4u-mobile-frontend .case-number{margin-bottom:18px;font-size:2.8rem}
  body.w4u-mobile-frontend .case-chapter h2,body.w4u-mobile-frontend .case-visibility h2,body.w4u-mobile-frontend .case-transition h2,body.w4u-mobile-frontend .case-system h2,body.w4u-mobile-frontend .case-closing h2,body.w4u-mobile-frontend .case-final-cta h2{max-width:13ch;margin-bottom:20px;font-size:clamp(2.2rem,9vw,3.5rem);line-height:.92;letter-spacing:-.05em}
  body.w4u-mobile-frontend .case-dark h2{font-size:clamp(1.9rem,8vw,3.5rem)}
  body.w4u-mobile-frontend .case-image-wide,body.w4u-mobile-frontend .case-image-phone,body.w4u-mobile-frontend .story-placeholder{width:100%;max-width:100%;margin:32px 0 0;justify-self:auto}
  body.w4u-mobile-frontend .case-image-phone{width:min(100%,320px);margin-inline:auto}
  body.w4u-mobile-frontend .case-flow{display:block;margin-top:30px}
  body.w4u-mobile-frontend .case-flow span{min-height:0;display:block;border-right:1px solid #827d73;padding:16px;font-size:.8rem}
  body.w4u-mobile-frontend .case-system-copy{display:block}
  body.w4u-mobile-frontend .closing-statement{margin-top:30px!important;font-size:clamp(2rem,8vw,3rem)!important}
  body.w4u-mobile-frontend .case-final-cta-grid .button{margin-top:24px}
  body.w4u-mobile-frontend .case-tour-cta .button{margin-top:24px}

  /* Official Guided Tour mobile renderer: same document-flow rhythm as the reference. */
  body.w4u-mobile-frontend .web4us-tour-mobile{padding-bottom:3rem}
  body.w4u-mobile-frontend .web4us-mobile-tour-inner{width:100%;max-width:680px;padding-inline:var(--w4u-mobile-gutter)}
  body.w4u-mobile-frontend .web4us-mobile-tour-hero{min-height:0;padding-block:64px 72px}
  body.w4u-mobile-frontend .web4us-mobile-tour-hero h1{max-width:12ch;font-size:clamp(2.7rem,11vw,4.2rem);line-height:.9;letter-spacing:-.06em}
  body.w4u-mobile-frontend .web4us-mobile-tour-step{padding-block:var(--w4u-mobile-space) 0}
  body.w4u-mobile-frontend .web4us-mobile-tour-number{margin-bottom:16px;font-size:2.8rem;line-height:.85;letter-spacing:-.06em}
  body.w4u-mobile-frontend .web4us-mobile-tour-header h2{max-width:13ch;font-size:clamp(2.2rem,9vw,3.5rem);line-height:.92;letter-spacing:-.05em}
  body.w4u-mobile-frontend .web4us-mobile-tour-copy>p{font-size:1.08rem;line-height:1.58}
  body.w4u-mobile-frontend .web4us-mobile-tour-actions{margin-top:28px}
  body.w4u-mobile-frontend .web4us-mobile-tour-media{margin-top:30px}
  body.w4u-mobile-frontend .web4us-mobile-tour-visual img{width:100%;height:auto}

  body.w4u-mobile-frontend .site-footer{padding-block:42px}
  body.w4u-mobile-frontend .footer-grid{display:block}
  body.w4u-mobile-frontend .footer-grid>div+div{margin-top:30px}
  body.w4u-mobile-frontend .footer-links{display:block}
  body.w4u-mobile-frontend .footer-links li+li{margin-top:12px}
}