/* Mobile refinements from source inspection. Device rendering still needs visual QA. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hero-copy,.hero-visual,.contact-layout>*:not(script),.review-main>*,.project-evidence-body,.article-card{min-width:0}
.article-body,.project-detail dd,.enquiry,.review-form-panel,.contact-item a{overflow-wrap:anywhere}
@media(max-width:850px){
  header #nav.open{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}
  header #nav a{min-height:44px;display:flex;align-items:center}
  #menu-toggle{min-width:44px;min-height:44px;flex:0 0 44px}
  .header-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:600px){
  #project-form input:not([type=checkbox]),#project-form select,#project-form textarea,
  #feedback-form input:not([type=checkbox]),#feedback-form select,#feedback-form textarea,
  #contact-form input:not([type=checkbox]),#contact-form select,#contact-form textarea{font-size:16px!important;min-width:0;max-width:100%}
  .header-inner{gap:8px}
  .hero-note{flex-wrap:wrap}
  .topbar a{padding-block:6px}
  .ready-chatting-option{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px}
  .social-link{flex-wrap:wrap}
  .social-link a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .copyright-area-one{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}
  body:has(#project-form:focus-within) .ready-chatting-option,
  body.oracle-form-active .ready-chatting-option{visibility:hidden;pointer-events:none}
  .review-help summary{min-height:44px;display:flex;align-items:center}
  .project-slider{scroll-padding-inline:4px}
  .project-slider .project-evidence-card{overflow-wrap:anywhere}
}
@media(max-width:380px){
  .header-inner .business-logo img{width:120px}
  .header-inner .header-cta{font-size:10px;padding-inline:10px;white-space:nowrap}
  .header-inner .header-cta span{display:none}
  .hero h1,.page-intro h1{font-size:clamp(34px,10.5vw,40px);overflow-wrap:anywhere}
  .hero .actions .button{gap:10px;padding-inline:16px;min-height:48px}
}
@media(hover:none){.service-card:hover,.project-evidence-card:hover,.laptop-card:hover,.work-process-cards article:hover{transform:none}}