/* Mobile campaign photography: reserve space for copy and a separate full photograph. */
@media (max-width:700px){
  .grey-campaign-hero,.grey-campaign-banner{
    display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#f0ece4;
  }
  .grey-campaign-hero .grey-campaign-copy,.grey-campaign-banner .grey-campaign-copy{
    order:0;width:100%;max-width:560px;padding:28px 22px 22px;margin:0 auto;
  }
  .grey-campaign-hero .grey-campaign-media,.grey-campaign-banner .grey-campaign-media{
    order:1;position:relative;inset:auto;z-index:0;width:100%;height:clamp(300px,90vw,460px);overflow:hidden;
  }
  .grey-campaign-hero .grey-campaign-media img,.grey-campaign-banner .grey-campaign-media img{
    object-fit:cover;object-position:50% 68%;transform-origin:50% 55%;
  }
  .grey-campaign-media::after{
    content:"";position:absolute;inset:0 0 auto;height:28px;background:linear-gradient(#f0ece4,transparent);pointer-events:none;
  }
  .grey-campaign-hero .grey-campaign-copy h1{font-size:clamp(30px,8.2vw,38px);line-height:1.15;}
  html[lang="ja"] .grey-campaign-hero .grey-campaign-copy h1{font-size:clamp(26px,7.1vw,36px);}
  .grey-campaign-actions{gap:10px;}
  .grey-campaign-actions .button{flex:1 1 auto;justify-content:center;min-height:48px;}
  .grey-campaign-banner .grey-campaign-copy{padding-top:26px;padding-bottom:20px;}
  .grey-campaign-banner h2{font-size:clamp(28px,7.6vw,34px);margin-bottom:14px;}
  .grey-campaign-banner .grey-campaign-media{height:clamp(260px,76vw,400px);}
  .grey-campaign-banner .grey-campaign-media img{object-position:50% 61%;}
  .grey-campaign-hero .grey-motion-toggle,.grey-campaign-banner .grey-motion-toggle{z-index:2;}
}

@media(max-width:700px){.grey-campaign-hero .grey-campaign-media img{object-position:50% 35%}.grey-campaign-banner .grey-campaign-media img{object-position:50% 25%}}

@media(max-width:700px){.grey-campaign-banner{background:#fff}.grey-campaign-banner .grey-campaign-media{width:calc(100% - 44px);height:clamp(170px,57vw,330px);margin:0 22px 28px;border-radius:12px}.grey-campaign-banner .grey-campaign-media::after{display:none}.grey-campaign-banner .grey-campaign-media img{object-position:50% 50%}.grey-campaign-banner .grey-motion-toggle{right:34px;bottom:40px}}

@media(max-width:700px){.grey-campaign-banner .grey-campaign-media img{animation:none}.grey-campaign-banner .grey-motion-toggle{display:none}}