/* Mobile layout and type sizes follow the original 320px Wix phone layout.
   Each unit scales with the viewport, up to a 480px reading column. */
picture{display:contents}
/* A source selects an image; it must not become a grid or flex item. */
picture>source{display:none}
.hero-image img{width:100%;height:100%;object-fit:cover}
.mobile-contact-toggle{display:none}
@media(max-width:760px){
  html{scrollbar-width:none}
  html::-webkit-scrollbar{display:none}
  :root{--phone-unit:min(.3125vw,1.5px)}
  .hero,.services .container,.detail-inner,.about .container,.contact .container{width:min(100%,480px);margin-inline:auto}
  .hero{display:flex;flex-direction:column;padding:0;min-height:calc(956 * var(--phone-unit));background:var(--paper)}
  .hero-copy{display:flex;flex-direction:column;padding:calc(23 * var(--phone-unit)) calc(10 * var(--phone-unit)) calc(59 * var(--phone-unit));}
  .identity{display:contents}
  .hero-copy .rich{width:calc(291 * var(--phone-unit));max-width:100%;align-self:center;margin:0!important}
  .identity .rich{order:0;width:calc(300 * var(--phone-unit));margin-bottom:calc(29 * var(--phone-unit))!important}
  .hero-copy>[data-source="comp-mdeq7sxq1"]{order:1;margin-bottom:calc(10 * var(--phone-unit))!important}
  .hero-copy>[data-source="comp-mderlboy"]{order:2;margin-bottom:calc(20 * var(--phone-unit))!important}
  .identity .logo{order:3;position:static;align-self:flex-end;width:calc(90 * var(--phone-unit));height:calc(90 * var(--phone-unit));margin:0}
  .hero-image{height:auto;order:1;width:100%}
  .hero-image img{height:calc(154 * var(--phone-unit));object-fit:cover}
  .projects-link{position:static;display:block;width:calc(160 * var(--phone-unit));margin:calc(10 * var(--phone-unit)) auto 0;padding:calc(7 * var(--phone-unit));text-align:center;background:var(--blue);font-size:calc(18 * var(--phone-unit));font-weight:400}
  .rich{--phone-size:17;--phone-leading:1.4;--phone-align:justify}
  main .rich[data-source] :is(h1,h2,h3,p,span,strong,em){font-size:calc(var(--phone-size) * var(--phone-unit))!important;line-height:var(--phone-leading)!important}
  .rich h1,.rich h2,.rich h3,.rich p{text-align:var(--phone-align)!important}
  [data-source="comp-mdeq7sxg3"]{--phone-size:20;--phone-leading:1.3;--phone-align:right}
  [data-source="comp-mdeq7sxq1"]{--phone-size:17;--phone-leading:1.8}
  [data-source="comp-mderlboy"]{--phone-size:15;--phone-leading:1.2}
  .hero-copy>[data-source="comp-mderlboy"] p{line-height:1.2!important}
  .services{padding:calc(20 * var(--phone-unit)) 0 calc(30 * var(--phone-unit))}
  .services h2{font-size:calc(24 * var(--phone-unit));padding:calc(8 * var(--phone-unit));margin-bottom:calc(20 * var(--phone-unit))}
  .cards{width:calc(280 * var(--phone-unit));max-width:100%;margin-inline:auto;gap:calc(16 * var(--phone-unit))}
  .card{min-height:calc(260 * var(--phone-unit));padding:calc(10 * var(--phone-unit));}
  .card .service-icon{width:calc(55 * var(--phone-unit));height:calc(55 * var(--phone-unit));margin:calc(15 * var(--phone-unit)) auto}
  .card .rich{--phone-align:center;--phone-leading:1.5}
  [data-source="comp-mdmug243"],[data-source="comp-mdmue9mk"]{--phone-size:21;--phone-leading:1.3!important}
  [data-source="comp-mdmufae2"]{--phone-size:22;--phone-leading:1.3!important}
  .detail-copy{padding:calc(20 * var(--phone-unit))!important}
  .detail-copy>.rich{margin-bottom:calc(20 * var(--phone-unit));}
  .detail-image{height:calc(147 * var(--phone-unit));width:100%;object-fit:cover}
  .consulting-detail .detail-image{height:calc(139 * var(--phone-unit))}
  .outsourcing-detail .detail-image{height:calc(152 * var(--phone-unit))}
  [data-source="comp-mdfk1upj"]{--phone-size:20;--phone-leading:1.3;--phone-align:right}
  [data-source="comp-mdes33ec"],[data-source="comp-mdfki8an"]{--phone-size:15;--phone-leading:1.8}
  [data-source="comp-mdfk5up8"],[data-source="comp-mdfkhgc3"]{--phone-size:16;--phone-leading:1.8}
  [data-source="comp-mdfk4lm7"],[data-source="comp-mdfkk3dj"],[data-source="comp-mdjt3u6l"]{--phone-size:17;--phone-leading:1.2}
  [data-source="comp-mdet4m2s"],[data-source="comp-mdjt3u5b"]{--phone-size:23;--phone-leading:1.3;--phone-align:right}
  .about{padding:calc(45 * var(--phone-unit)) calc(20 * var(--phone-unit))}
  .about-intro{gap:calc(10 * var(--phone-unit));margin-bottom:calc(10 * var(--phone-unit))}
  .portrait{width:calc(196 * var(--phone-unit));height:calc(196 * var(--phone-unit))}
  .about-columns{gap:calc(25 * var(--phone-unit))}
  [data-source="comp-mdfny9sx"]{--phone-size:23;--phone-leading:1.1;--phone-align:right}
  .about-columns h2{margin-bottom:calc(15 * var(--phone-unit))}
  .contact{padding:calc(30 * var(--phone-unit)) calc(20 * var(--phone-unit))}
  .contact-grid{gap:calc(20 * var(--phone-unit))}
  .contact-copy .rich{--phone-size:17;--phone-leading:1.5}
  .contact-copy .rich h2{font-size:calc(23 * var(--phone-unit))!important;text-align:right!important}
  .blueprint{display:none}
  .contacts{display:none;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));right:20px;flex-direction:column;gap:16px;padding:12px;border-radius:24px;box-shadow:0 2px 10px #0002;background:white}
  .contacts-open .contacts{display:flex}
  .contacts a,.contacts button{width:36px;height:36px}
  .contacts a img{width:36px;height:36px}
  #copy-status{top:auto;bottom:0;right:65px}
  .mobile-contact-toggle{display:grid;place-items:center;position:fixed;z-index:21;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:50px;height:50px;border:0;border-radius:50%;background:white;box-shadow:0 1px 6px #0003}
  .mobile-contact-toggle svg{width:30px;height:30px;fill:#4e85ad}
  form{padding:calc(15 * var(--phone-unit)) 0}
  form h2{font-size:calc(23 * var(--phone-unit))}
  .fields{gap:16px}
  input:not([type=radio]):not([type=checkbox]){min-height:48px;font-size:18px}
  .choice{min-height:44px;margin:4px 0}
}