/* Without JavaScript, the static document stays fully visible. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
[data-motion][data-motion-state="ready"]{opacity:0}
[data-motion][data-motion-state="ready"]:focus-within{opacity:1}
.hero-phrase{display:inline-block}
.motion-photo-wipe{position:relative;overflow:hidden}
.motion-photo-cover{position:absolute;inset:0;z-index:2;background:var(--paper);pointer-events:none;transform:translateX(101%)}
.motion-step{position:relative}
.motion-step-line{position:absolute;display:block;height:1px;top:-1px;left:0;width:100%;background:var(--gold);transform-origin:left center;pointer-events:none}
.visual-order .motion-step-line{top:-12px;width:calc(100% + 22px)}
.visual-order li:last-child .motion-step-line{width:100%}
.button .fa-icon,.text-link .fa-icon,.audience-paths>a>.fa-icon,.business-category>div>span>.fa-icon{transition:transform 180ms ease-out}
.case-card .photo img,.small-work .photo img{transition:transform 500ms var(--motion-ease)}
.case-card .photo,.small-work .photo{overflow:hidden}
@media(hover:hover) and (pointer:fine){
 .button:hover .fa-icon,.text-link:hover .fa-icon,.audience-paths>a:hover>.fa-icon,.business-category:hover>div>span>.fa-icon{transform:translateX(3px)}
 .case-card:hover .photo img,.small-work:hover .photo img{transform:scale(1.02)}
}
.button:focus-visible,.text-link:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.button:active{filter:brightness(.94)}
@media(max-width:760px){
 .visual-order .motion-step-line{top:24px;bottom:-24px;left:-10px;width:1px;height:auto;transform-origin:center top}
 .visual-order li:last-child .motion-step-line{width:1px;bottom:24px}
 .home-order{grid-template-columns:1fr;gap:0}
 .home-order>div{border-top:0;padding:18px 0;align-items:center}
 .home-order h3{padding-top:0}
 .home-order .motion-step-line{width:1px;height:auto;top:18px;bottom:-18px;left:-8px;transform-origin:center top}
 .home-order>div:last-child .motion-step-line{bottom:18px}
}
@media(prefers-reduced-motion:reduce){
 [data-motion][data-motion-state="ready"]{opacity:1}
 .motion-photo-cover{display:none}
 .motion-step-line{transform:none!important}
 .button .fa-icon,.text-link .fa-icon,.audience-paths>a>.fa-icon,.business-category>div>span>.fa-icon,.case-card .photo img,.small-work .photo img{transition:none!important;transform:none!important}
}
@media print{[data-motion][data-motion-state="ready"]{opacity:1}.motion-photo-cover{display:none}}