/* Phone-only finishing and motion; all content remains visible. */
@media(max-width:600px){
 html body.theme-vibrant main#main .section-head{position:relative;padding-top:14px!important}
 html body.theme-vibrant main#main .section-head:before{content:"";position:absolute;top:0;left:0;width:38px;height:3px;border-radius:4px;background:#9aad38;transform-origin:left;animation:none}
 html body.theme-vibrant main#main .track-record .section-head:before{background:#d3f329}
 html body.theme-vibrant main#main :is(.story-card,.collection-card,.home-service,.role-story,.brand-destination,.outcome-card){box-shadow:0 6px 20px #19261606!important;border-color:#dde2d3!important;transition:translate .45s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s!important}
 html body.theme-vibrant main#main :is(.story-card,.collection-card,.home-service,.role-story,.brand-destination,.outcome-card):active{translate:0 1px!important;box-shadow:0 2px 6px #19261610!important}
 html body.theme-vibrant main#main :is(.pill,.acquisition-primary,.enquiry-submit,.showcase-work):active{scale:.98;transition:scale .18s ease!important}
 html body.theme-vibrant main#main :is(.page-hero,.case-hero,.detail-opening){box-shadow:0 12px 30px #1720130c!important}
 html body.theme-vibrant.page-home main#main #introduction .showcase-photo{box-shadow:0 16px 32px #0003!important;border-color:#d1df9466!important}
 html body.theme-vibrant main#main .mobile-arrival{animation:mobile-arrival .65s cubic-bezier(.22,1,.36,1) both!important}
 html body.theme-vibrant main#main .mobile-arrival .section-head:before{animation:mobile-rule .7s ease both!important}
 html body.theme-vibrant main#main .mobile-arrival.section-head:before{animation:mobile-rule .7s ease both!important}
 html body.theme-vibrant main#main :is(.track-copy,.workflow-panel,.role-takeaway){scroll-margin-top:90px}
 @keyframes mobile-arrival{from{translate:0 12px}to{translate:0 0}}
 @keyframes mobile-rule{from{transform:scaleX(.2)}to{transform:scaleX(1)}}
}
@media(max-width:600px) and (prefers-reduced-motion:reduce){
 html body.theme-vibrant main#main .mobile-arrival,html body.theme-vibrant main#main .mobile-arrival:before,html body.theme-vibrant main#main .mobile-arrival .section-head:before{animation:none!important}
 html body.theme-vibrant main#main :is(.pill,.acquisition-primary,.enquiry-submit,.showcase-work):active{scale:1}
}