/* Mobile V3: targeted polish only. Desktop V2, artwork and shared controls stay unchanged. */
@media(max-width:600px){
  /* Move the whole artwork 20px closer to the CTAs; enlarge David by about 5%.
     The slightly taller stage preserves the artwork-to-services rhythm. */
  .home-page .creative-hero-art{margin-top:6px;height:410px}
  .home-page .creative-hero-art .hero-david{--david-height:415px;right:-18px}

  .home-page .creative-hero-art .hero-david>img{left:calc(-32.6667% + 4px)}

  .home-page .service-grid{align-items:stretch;gap:12px}
  .home-page .service-card:not(:last-child){padding:19px 11px 18px}
  .home-page .service-card:not(:last-child) .icon-box{margin-bottom:13px;flex:none}
  .home-page .service-card:not(:last-child) h3{min-height:20px;margin:0 0 9px;font-size:17px;line-height:1.15}
  .home-page .service-card:not(:last-child) p{margin:0;flex:1;max-width:165px;font-size:13px;line-height:1.45;color:#111}
  .home-page .service-card:not(:last-child) .card-arrow{margin-top:15px;flex:none}
  .home-page .service-card:last-child{padding:18px 14px}
  .home-page .service-card:last-child p{font-size:13px;line-height:1.45;color:#111}

  .home-page .showcase-copy{display:block;text-align:left;margin-bottom:27px}
  .home-page .showcase-copy .eyebrow{display:block;margin:0 0 12px}
  .home-page .showcase-copy h2{font-size:38px;line-height:1.05;max-width:360px;margin:0}
  .home-page .showcase-copy h2 br{display:none}
  .home-page .showcase-copy>p:not(.caption-note){font-size:15px;line-height:1.5;max-width:355px;margin:16px 0 0}
  .home-page .showcase-copy .button{display:inline-flex;width:auto;min-height:46px;font-size:13px;padding:10px 15px;gap:22px;margin-top:18px}
  .home-page .showcase-copy .caption-note{font-size:11px;line-height:1.5;max-width:355px;margin:16px 0 0}
  .home-page .work-mosaic{gap:20px 12px;align-items:start}
  .home-page .mosaic-item .work-art{aspect-ratio:1}
  .home-page .mosaic-title{padding-top:8px;align-items:center;gap:7px}
  .home-page .mosaic-title strong{font-size:12px;line-height:1.35}
  .home-page .mosaic-title .mosaic-category{font-size:10px;line-height:1.4}
  .home-page .mosaic-title>span{flex:none;font-size:18px}
  .home-page .mosaic-item .concept-pill{font-size:7px;line-height:1.2;left:6px;bottom:6px;padding:3px 4px}

  .home-page .process-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 22px}
  .home-page .process-four article{padding-top:2px}
  .home-page .process-four .step-dot{top:0;left:4px}
  .home-page .process-four svg{width:52px;height:52px;margin-bottom:15px}
  .home-page .process-four h3{font-size:17px;line-height:1.25;margin-bottom:9px}
  .home-page .process-four p{font-size:13px;line-height:1.5;max-width:168px;color:#111}

  .home-page .home-inquiry .contact-form-panel{padding:24px 18px}
  .home-page .home-inquiry .form-grid{gap:18px}
  .home-page .home-inquiry label{font-size:13px;line-height:1.4;gap:7px}
  .home-page .home-inquiry input:not([type=checkbox]),.home-page .home-inquiry select{height:50px;min-height:50px;padding:11px 12px}
  .home-page .home-inquiry textarea{min-height:125px;padding:11px 12px}
  .home-page .home-inquiry .form-draft-notice{margin-bottom:19px}
  .home-page .home-inquiry .checkbox{margin:18px 0;font-size:11px;line-height:1.5}
  .home-page .home-inquiry .field-help{margin-top:2px;line-height:1.45}
}
@media(max-width:390px){
  .home-page .creative-hero-art{height:384px}
  .home-page .creative-hero-art .hero-david{--david-height:389px;right:-18px}
}
@media(min-width:601px) and (max-width:900px){
  .home-page .process-four p{font-size:13px;line-height:1.5;color:#111}
}