/* Motion decorates existing blocks; it does not reserve space or hide default content. */
.arfid-image-reveal{overflow:hidden;border-radius:16px}
.arfid-screen{position:relative}
.arfid-progress{position:absolute;top:0;left:16px;right:16px;height:3px;overflow:hidden;border-radius:3px}
.arfid-progress[hidden]{display:none}
.arfid-progress>span{display:block;height:100%;background:var(--arfid-accent);transform:scaleX(0);transform-origin:left}
@media(min-width:900px){.arfid-questionnaire>.arfid-screen{margin-block:0!important}}
@media(prefers-reduced-motion:no-preference){
 .arfid-progress>span{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
 .arfid-icon svg{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
 .wp-block-button__link::after{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
 .arfid-contact-preview input:not([type=checkbox]),.arfid-contact-preview textarea{transition:border-color .2s,box-shadow .2s}
 @media(hover:hover) and (pointer:fine){
  .arfid-icon:hover svg,.arfid-team-grid>.wp-block-column:hover .arfid-icon svg{transform:rotate(-5deg) scale(1.06)}
  .wp-block-button__link:hover::after{transform:translateX(4px)}
 }
 .wp-block-button__link:focus-visible::after{transform:translateX(4px)}
 .arfid-contact-preview input:focus-visible,.arfid-contact-preview textarea:focus-visible{border-color:var(--arfid-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--arfid-accent) 14%,transparent)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .arfid-progress>span,.arfid-icon svg,.wp-block-button__link::after,.wp-block-button__link,.arfid-contact-preview button{transition:none!important}
}
@media print{.arfid-progress{display:none!important}}